IMAGE MEMBESAR KETIKA KURSOR DIATASNYA

Bertamu ke blog untuk bersilaturahmi sambil baca-baca artikel yang ada di blog
tersebut. Ternyata blog juga banyak menampilkan postingan untuk mempercantik
blog (Tutorial Blog).

Ada beberapa artikel menarik terutama pada artikel image membesar ketika kursor
diatasnya. Anda juga tertarik..??Silahkan ikuti langkah-langkahnya :

Langkah Pertama

• Masuk ke Blogger dengan ID anda.
• Pilih Tata letak.
• Pilih Edit HTML.
• Cari kode </head>
• Copy kode dibawah ini kemudian paste tepat diatas kode </head>





<style type='text/css'>

border: none;

vertical-align: top;

}

</style>

<script src='http://h1.ripway.com/ades40/imagebesar.js' type='text/javascript'>

</script>
  
  
• Simpan Template

Langkah Kedua





Setelah template berhasil disimpan, selanjutnya anda menambahkan kode
class="expando" pada alamat image seperti contoh dibawah ini :





<img class="expando" src="http://iids.files.wordpress.com/2009/04/istane12.jpg"
width="100" height="100" />





Image tersebut jadinya akan seperti dibawah ini : (Coba arahkan kursor
keatas image tersebut













Silahkan coba pada blog anda...!!!

Silahkan dibaca juga kelanjutannya dibawah ini