Tutorial "Hover The Image"

Atas permintaan readers di emel dan cbox, hari nie eyra nak share kan cara untuk macam mana buat hover the img tu. *lihat sidebar eyra* ..eyra tak tahu lah korang faham atau tak sebab kene edit-edit sikit untuk size gambar tu..

Dashboard > Design > Edit HTML

1. Cari kod :  /* Header

2. Pastekan 3 kod yang eyra bagi nie DI ATAS kod kita cari tu.. :

#rara{ background-image: url('URL GAMBAR'); width:246px; height:160px; } #raraa { background: #fffff; width:246px; height:167; padding-top:38px; padding-bottom:38px; opacity:0.00; -webkit-transition:1300ms; } #raraa:hover { opacity:0.95; -webkit-transition:1300ms; }

Kemudian preview dulu,baru save..ikut step nie pula :

Dashboard > Design > Add HTML

1. Coy paste kod eyra bagi nie :

<div id="rara">
<div id="raraa">
<center>AYAT ANDA</center></div>

Take Note :

MERAH : boleh tukar warna background.. klik [ SINI ]
HIJAU : tukar la pape pun ayat korang nak letak..
PURPLE : tukar url image korang *makesure width dan height*.... eyra sediakan img utk hover.. klik [ SINI ] untuk dapatkan url gambar..

fuhhh..faham ke tak agaknya..haha..kalau tak faham,boleh bertanya ok??

klik [ SINI ] dan [ SINI ] please ?? terima kasih :)