Cara memasang Popup Image Viewer

Hallo frien saya ada, cara buat menarik pengunjung ya disamping SEO tentunya juga blog anda harus dipercantik, agar pengunjung suka pada blok anda, saya gak akan berbasabasi ria, kita mulai aja come ooooon!!!!!!!!!.Contohnya seperti ini :
Posting

Bagus Kan ?.
Gimana ?Mau ?
Gimana anda suka ?
1. Letakkan kode dibawah ini diatas ]]></b:skin>
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.mutiaramail.blogspot.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}
2. Postingkan kode dibawah ini pada konten anda atau postingan anda.Sebelum posting, ganti dulu kode yang berwarna biru sesuai dengan keinginan anda.
<a class="thumbnail" href="#thumb"><img src="http://i721.photobucket.com/albums/ww218/sugwi/MoonIce.jpg" width="100px" height="66px" border="0" /><span><img src="http://i721.photobucket.com/albums/ww218/sugwi/MoonIce.jpg" /><br />Bagus Kan ?.</span></a>

<a class="thumbnail" href="#thumb"><img src="http://i721.photobucket.com/albums/ww218/sugwi/BlueSea.jpg" width="100px" height="66px" border="0" /><span><img src="http://i721.photobucket.com/albums/ww218/sugwi/BlueSea.jpg" /><br />Gimana ?Mau ?</span></a>
Selamat mencoba semoga sukses.Daaaaa......

Related With: