DANNY DWI IRWANTO

This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

Monday, 28 January 2013

Cara Mengganti Logo Blogspot

Setelah beberapa waktu yang lalu, blogspot telah menambah gadget untuk mengganti favicon bawaan blogspot, tepatnya diatas header. Menurut pengalaman saya, hal tersebut masih memiliki sedikit kekurangan, yaitu gambar format png dan gambaar yang tidak berbentuk persegi tidak bisa diupload. Maka dari itu saya lebih memilih cara yang dulu saja, yaitu dengan menambahkan sedikit kode. Caranya simple kok ... Tertaik mencoba ... ?
  • Dasbor > Rancangan / Layout
  • Ke Edit HTML
  • Copy kode dibawah ini

<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhJdLOzr7hb_zvHEPb0lqUZFtiuFXKjKdEArqwvnAhhyLa92IrfDFWSHjyCwtttneNEzHRtCRIhU0TAVGX2gx1Ke2TZxdj3llmnF_MJ3P9sZBrZhiETIVVqxAEFcFwVECwjoVc4nzuOMk/s1600/caratrikblog%255Bdot%255Dblogspot%255Bd.png' rel='shortcut icon'/>
  • Cari kode <b:skin><![CDATA[/*
  • Kemudian paste kode yang telah dicopy tepat sebelum (diatas) kode <b:skin><![CDATA[/*
  • Simpan Template !
Ket :
- ganti link yang berwarna merah dengan link adress gambar yang telah diupload

Cara Membuat Tulisan Berputar Pada Kursor

Memiliki suatu blog yang kurang modifikasi akan membuat kita malas blogging.
karna memodifikasi blog memiliki kpuasan tersendiri.maka dari itu saya memberi sedikit inspirasi saya kepada anda tentang memodifikasi blog.

Kali ini saya akan berbagi tentang cara membuat tulisan melingkar pada kursor

  1. log in ke blogger anda
  2. pilih tata letak
  3. tambah gadget anda dan plih java script
  4. copy paste aja code berikut pada java script anda

 <![endif]-->

<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #999;



/* End Optional */

/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type="text/javascript">

/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/

;(function(){

// Your message here (QUOTED STRING)
var msg = "
Walecome To My Blog";

/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */

// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 24;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

////////////////////// Stop Editing //////////////////////

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},

drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},

ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};

})();

</script>

ket: ganti tulisan yang berwarna merah dengan text yang anda inginkan


lalu simpan,selesai deh
coba anda lihat hasilnya

Cara membuat Menu Horizontal

Menu Horizontal, sangat penting peranannya baik dalam website atau pun blog. Menu horizontal sendiri adalah menu berupa link - link yang terpasang secara memanjang yang biasanya diletakan di bawah header atau di atas header atau kadang kadang ada juga yang keduannya menggunakkan menu horizontal.

Bagi sobat - sobat blogger yang menggunakan template yang tidak mendukung menu horizontal, tenang saja karena posting kali ini, saya mencoba untuk mencari source code dari menu horizontal tersebut. Dan allhamdulillah, saya menemukkannya dari CSS Menu Generator.

Memang, menu horizontal yang ada pada situs tersebut diperuntukkan untuk website. Dan cara - cara / petunjuk-nya pun adalah petunjuk untuk menempatkannya di website. Namun, sobat tidak perlu khawatir karena saya sudah pernah coba download, dan saya coba untuk menempatkannya di Blog ( Blogger / Blogspot ).

Banyak sekali pilihan menu horizontal yang dapat kita pilih dari situs tersebut. Namun, saya coba untuk memilih salah satunya. Dan alhamdullilah, saya jatuh hati pada menu horizontal ini :
 
Bagi sobat yang ingin menambahkan menu horizontal tersebut, silahkan ikuti langkah - langkah berikut ini :
 Masuk ke Tata Letak dan ikuti langkah - langkah berikut :
  • Klik Tambah Gadget,
  • Lalu tambahkan Fungsi Pihak ke tiga HTML/Javascript,
  • Selanjutnya, Copy Paste Kode di Bawah,
 
<ul class="menu red">
  <li class="current"><a href="http://fileprofessional.blogspot.com/" target="_self">Home</a></li>
  <li><a href="http://fileprofessional.blogspot.com/p/about-me.html" target="_self">About</a></li>
  <li><a href="http://fileprofessional.blogspot.com/p/contact.html" target="_self">Contact</a></li>
  <li><a href="http://fileprofessional.blogspot.com/2012/04/tukar-link.html" target="_self">Tukar Link</a></li>
  <li><a href="" target="_self"></a></li>
</ul>
Keterangan :
Description: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGxpIM1kz_ErSmURxhYpih17iOBsnZp4DZvDys1dpHH8zg5H1DAcr9Ipm4iO2UT8VcBMGDNavFspUQD9CvMVIJW_z9w5eCSGyCPTMTdb_SSqdXNQ9ZdSrZ29CLqT5_5McDHTfKJ-X34Wg/s1600/bg.pngSilahkan ganti tulisan berwarna biru dengan kata - kata yang sobat inginkan, dan ganti juga tulisan berwarna merah dengan link url sobat. 

Saturday, 26 January 2013

Friday, 25 January 2013

Kumpulan Efek Blog

Kumpulan Efek-Efek Blog - Memang selalu ada cara untuk mempercantik penampilan blog. Setelah sebelum memposting cara memasang animasi di blog, kali ini saya akan kasih sobat berbagi efek-efek blog yang bisa di pasang di blog.

Sebelum kita masuk ke intinya, terlebih dahulu saya ingatkan pada sobat  bahwa efek, animasi dan widget - widget serupa akan menambah beban loading blog sobat, jadi mohon di perhitungkan sebelum sobat memasang efek ini. Efek yang akan saya posting kali ini, akan saya bagi 2 yaitu efek ringan ( loading ringan ) dan efek menegah hingga berat. ( kayak tinju aja.. ) .

Sobat yang tertarik memasangnya silahkan ikuti tutorial memasang efek - efek pada blog berikut.



A. Efek Ringan
Mungkin Ini adalah efek yang biasa sobat lihat saat sobat blogwalking.

1. Efek salju berjatuhan


2. Efek hati bertaburan


3. Efek bintang bertaburan


4. Efek kembang api


5. Efek Gelembung

 

6. Efek Kupu - Kupu Terbang


Cara pemasangan :

  1. Klik rancangan --> Edit html
  2. Letakkan script efek di atas kode </body>
  3. Klik Save

B. Efek Menengah - Berat
Efek ini saya ambil dari
http://www.netdisaster.com.

1.Meteor Jatuh
 
2. Banjir
 
3. Bunga Mekar
 
4. Bom Atom 
 
5. Ufo
 
6. Graffity
 
7. Shaver
 
8. Gun
 
9.Bloody gun
 
10. Paint ball
 
11. Chainsaw
 
12. Dinosaur
 
13. Lebah
 
14. Lalat
 
15. Semut
 
16. Siput
 
17. Cacing
 
18. Mold
 
19. Bayi merangkak
 
20. Telur mata sapi
 
21. Kopi tumpah
 
22. Terbakar
 
23. Tomat
 
24. Creampie
 
25. Murka
 
26. Sapi Jorok
 
27. Anjing Jorok
 
28. Kencing Sembarangan

cara pemasangan :

  1. login ke blogger anda
  2. pilih tata letak
  3. tambahkan gadget dan pilih HTML/ java script
  4. copy paste code di atas pada HTML/java script