Cara Membuat Judul Post Bergerak Saat Disentuh Mouse

   Satu lagi yang asik teman, yaitu Cara Membuat Judul Post Bergerak Saat Disentuh Mouse dengan sangat mudah. tidak susah-susah lagi menggunakan pengeditan ditemplate lagi tinggal copy paste langsung jadi. Hehehe Berikut ini adalah contoh dan kodenya. Kalau teman tertarik, teman bisa langsung memasangnya diblog teman.

 Langkah-langkahnya sebagai berikut :

1. Masuk atau Login ke Blog teman
2. Kemudian menuju Tata Letak, lalu klik ADD/Tambah Gadget dan pilih HTML/JavaScript
3. Kemudian pilih dan Copy salah satu Script-script dibawah ini yang teman suka lalu Pastekan ke dalam HTML/JavaScript tadi
4. Kalau sudah selesai Simpan dan Lihat hasilnya. Selamat Mencoba

<style type="text/css">.hover-effects-from{http://reddragondesigns.net/}a:hover {background-image:url('http://c.myspace.com/Groups/00015/25/85/15045852_l.gif'); background-position:top left; background-repeat:repeat; background-attachment:fixed;} </style><a href="http://reddragondesigns.net/" style="position:absolute; top:10px; left:0px; height:75px; width:100px; "> <b><small><small><br><center> http://reddragondesigns.net/<br> Hover Effects</small></small></center> </b></a>

<style type="text/css">.hover-effects-from{http://reddragondesigns.net/}a:hover {background-image:url('http://c.myspace.com/Groups/00015/43/86/15036834_l.gif'); background-position:top left; background-repeat:repeat; background-attachment:fixed;} </style><a href="http://reddragondesigns.net/" style="position:absolute; top:10px; left:0px; height:75px; width:100px; "> <b><small><small><br><center> Red Dragon Designs<br> Hover Effects</small></small></center> </b></a>

<style type="text/css">.hover-effects-from{http://reddragondesigns.net/}a:hover {background-image:url('http://c.myspace.com/Groups/00015/42/86/15036824_l.gif'); background-position:top left; background-repeat:repeat; background-attachment:fixed;} </style><a href="http://reddragondesigns.net/" style="position:absolute; top:10px; left:0px; height:75px; width:100px; "> <b><small><small><br><center> http://reddragondesigns.net/<br> Hover Effects</small></small></center> </b></a>

<style type="text/css">.hover-effects-from{http://reddragondesigns.net/}a:hover {background-image:url('http://c.myspace.com/Groups/00015/66/76/15036766_l.gif'); background-position:top left; background-repeat:repeat; background-attachment:fixed;} </style><a href="http://reddragondesigns.net/" style="position:absolute; top:10px; left:0px; height:75px; width:100px; "> <b><small><small><br><center> http://reddragondesigns.net/<br> Hover Effects</small></small></center> </b></a>

<style type="text/css">.hover-effects-from{http://reddragondesigns.net/}a:hover {background-image:url('http://c.myspace.com/Groups/00015/23/76/15036732_l.gif'); background-position:top left; background-repeat:repeat; background-attachment:fixed;} </style><a href="http://reddragondesigns.net/" style="position:absolute; top:10px; left:0px; height:75px; width:100px; "> <b><small><small><br><center> http://reddragondesigns.net/<br> Hover Effects</small></small></center> </b></a>

<style type="text/css">.hover-effects-from{http://reddragondesigns.net/}a:hover {background-image:url('http://c.myspace.com/Groups/00015/96/66/15036669_l.gif'); background-position:top left; background-repeat:repeat; background-attachment:fixed;} </style><a href="http://reddragondesigns.net/" style="position:absolute; top:10px; left:0px; height:75px; width:100px; "> <b><small><small><br><center> http://reddragondesigns.net/<br> Hover Effects</small></small></center> </b></a>

<style type="text/css">.hover-effects-from{http://reddragondesigns.net/}a:hover {background-image:url('http://c.myspace.com/Groups/00015/45/66/15036654_l.gif'); background-position:top left; background-repeat:repeat; background-attachment:fixed;} </style><a href="http://reddragondesigns.net/" style="position:absolute; top:10px; left:0px; height:75px; width:100px; "> <b><small><small><br><center> http://reddragondesigns.net/<br> Hover Effects</small></small></center> </b></a>

<style type="text/css">.hover-effects-from{http://reddragondesigns.net/}a:hover {background-image:url('http://c.myspace.com/Groups/00015/25/85/15045852_l.gif'); background-position:top left; background-repeat:repeat; background-attachment:fixed;} </style><a href="http://reddragondesigns.net/" style="position:absolute; top:10px; left:0px; height:75px; width:100px; "> <b><small><small><br><center> http://reddragondesigns.net/<br> Hover Effects</small></small></center> </b></a>

<style type="text/css">.hover-effects-from{http://reddragondesigns.net/}a:hover {background-image:url('http://c.myspace.com/Groups/00015/27/85/15045872_l.gif'); background-position:top left; background-repeat:repeat; background-attachment:fixed;} </style><a href="http://reddragondesigns.net/" style="position:absolute; top:10px; left:0px; height:75px; width:100px; "> <b><small><small><br><center> http://reddragondesigns.net/<br> Hover Effects</small></small></center> </b></a>

<style type="text/css">.hover-effects-from{http://reddragondesigns.net/}a:hover {background-image:url('http://c.myspace.com/Groups/00015/18/85/15045881_l.gif'); background-position:top left; background-repeat:repeat; background-attachment:fixed;} </style><a href="http://reddragondesigns.net/" style="position:absolute; top:10px; left:0px; height:75px; width:100px; "> <b><small><small><br><center> http://reddragondesigns.net/<br> Hover Effects</small></small></center> </b></a>

<style type="text/css">.hover-effects-from{http://reddragondesigns.net/}a:hover {background-image:url('http://c.myspace.com/Groups/00015/26/85/15045862_l.gif'); background-position:top left; background-repeat:repeat; background-attachment:fixed;} </style><a href="http://reddragondesigns.net/" style="position:absolute; top:10px; left:0px; height:75px; width:100px; "> <b><small><small><br><center> http://reddragondesigns.net/<br> Hover Effects</small></small></center> </b></a>

<style type="text/css">.hover-effects-from{http://reddragondesigns.net/}a:hover {background-image:url('http://c.myspace.com/Groups/00015/66/85/15045866_l.gif'); background-position:top left; background-repeat:repeat; background-attachment:fixed;} </style><a href="http://reddragondesigns.net/" style="position:absolute; top:10px; left:0px; height:75px; width:100px; "> <b><small><small><br><center> http://reddragondesigns.net/<br> Hover Effects</small></small></center> </b></a>

ISI TEKS/KODE

<style type="text/css">.hover-effects-from{http://reddragondesigns.net/}a:hover {background-image:url('http://c.myspace.com/Groups/00015/87/85/15045878_l.gif'); background-position:top left; background-repeat:repeat; background-attachment:fixed;} </style><a href="http://reddragondesigns.net/" style="position:absolute; top:10px; left:0px; height:75px; width:100px; "> <b><small><small><br><center> http://reddragondesigns.net/<br> Hover Effects</small></small></center> </b></a>

<style type="text/css">.hover-effects-from{http://reddragondesigns.net/}a:hover {background-image:url('http://c.myspace.com/Groups/00015/55/85/15045855_l.gif'); background-position:top left; background-repeat:repeat; background-attachment:fixed;} </style><a href="http://reddragondesigns.net/" style="position:absolute; top:10px; left:0px; height:75px; width:100px; "> <b><small><small><br><center> http://reddragondesigns.net/<br> Hover Effects</small></small></center> </b></a>