Blog iTapuih.com

Kilas Balik Blogger Indonesia Selengkapnya
Home
Tutorial Blog

Cara Membuat Judul Bergerak Saat disentuh Mouse

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
Copy code script di bawah ini

<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>

Copy code script di bawah ini

<style
type="text/css">.hover-effects-from{http://reddragondesigns.net/}a:hover

{background-image:url('http://c.myspace.com/Groups/00015/55/93/15023955_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>

Copy code script di bawah ini

<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>

Copy code script di bawah ini

<style
type="text/css">.hover-effects-from{http://reddragondesigns.net/}a:hover

{background-image:url('http://c.myspace.com/Groups/00015/77/66/15036677_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>


Copy code script di bawah ini

<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>

Sekian dulu postngan kali ini semoga bermanfaat dan selamat mencoba.