» » Cara Membuat Label Dengan Thumbnail Hover

Cara Membuat Label Dengan Thumbnail Hover

  
Langkah-langkah Cara Membuat Label Dengan Thumbnail Hover
1. login blog
2. rancangan -> edit HTML
3. cari kode ]]>
4. taruh kode dibawah ini diatas kode ]]>
img.label_thumb {
float:left;
padding:3px;
background:#CCC;
border:1px solid #A4A4A4;
width:100px;
height:75px;
margin-right:10px;
margin-top:10px }
img.label_thumb:hover {
opacity:0.8;
filter:alpha(opacity=80);
-moz-opacity:0.80;
-khtml-opacity:0.8 }

sobat bisa rubah angka yang berwarna merah untuk mengubah tinggi dan lebarnya.

5. taruh script dibawah ini dibawah kode ]]>


6. simpan template
7. lalu buka Elemen halaman
8. tambah gadget -> HTML/JavaScript
9. lalu masukkan kode dibawah ini


NB : angka 6 berarti banyaknya label yang akan muncul.

▲
Top