Cara Membuat Gambar Pratinjau

     Efek mouse Pratinjau pada Gambar yang akan membesar jika kursor mouse berada pada gambar.Kalau belum mengerti silahkan lihat contoh gambar pada bagian bawah postingan ini.Seperti biasa langkah-langkahnya adalah
Cara membuatnya sebagai berikut:

1. Login ke Blogger

2. Pilih Tata Letak / Rancangan

3. Pilih ke Edit HTML 

4. Centang Expand Template Widget

5. Copy paste dibawah ini tepatnya di atas Kode ]]></b:skin>

/* ---------------

Easiest Tooltip and Image Preview with jQuery

---------------------------------- */

#Imagetip{

margin:0;

padding:0;

}

#Imagetip li{

list-style:none;

float:left;

display:inline;

margin-right:10px;

}

/* */

#preview{

position:absolute;

border:1px solid #ccc;

background:#333;

padding:5px;

display:none;

color:#fff;

}

6. Copy paste kode dibawah ini dan letakkan diatas Kode </head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
</script>
<script src="http://kangdadang.googlecode.com/files/main2.js" type="text/javascript">
</script>

7.Klik Simpan Template.

Untuk memanggilnya Copy paste kode dibawah ini anda bisa menaruhnya di Sidebar ataupun di Postingan

<a class="preview" href="URL GAMBAR ANDA%20" title="Lake and a mountain"> <img alt="gallery thumbnail" height="75px" src="URL GAMBAR ANDA" width="100px" /></a>

Gantilah tulisan yang berwarna Biru dengan URL Image milik Anda,
 
Oke....silahkan mencoba

Contoh gambar (arahkan kursor mouse pada gambar )

• 
• 
• 
•