Malam sobat, pada malam ini gue mau share cara bikin efek hover pada gambar header
contohnya bisa sobat tes di blog ini,arahkan mouse sobat ke gambar di header bloh ini..
nah gimana,keren gag??
pengen bikin juga??
kalo pengen nih caranya :
kalo pengen nih caranya :
- Login ke blogger
- Pilih menu template >> edit HTML >> lanjutkan
- Cari Kode ]]></b:skin> Lalu letakkan code di bawah ini tepat diatasnya...
a.thumbopacity img { -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;margin-top:5px;margin-left:230px; position:absolute; }
a.thumbopacity:hover img{ margin-left: 175px; padding-left: 0px; }
- Sesuaikan letak Gambar kalian dengan mengedit marginnya
- Lalu copy code di bawah ini dan pastekan tepat dibawah code </head>
<a class='thumbopacity'>
<img border='0' src='URL gambar sobat'/></a>
- Ubah kode yg berwarna kuning dengan URL gambar kalian
- Setelah itu simpan HTML kalian dan lihat hasilnya.
Hmm baiklah bannermu sudah tepasang balik :/
ReplyDeleteby the way kenapa background Templatenya sama -_-
Jadi kayak plagiat banget -_-
oke sobat..
Deletemaap ya sobat, background blog saya ini bukan meniru warna blog sobat.. warna meahnya aja berbeda..
oiya satu lagi, saya aja baru tau blog sobat dari xkressx technology pada saat saya lagi blogwalking, jadi saya gag pernah meniru warna blognya sobat.. saya suka banget sama warna merah,warna merah itu melambangkan kekuatan yang kuat sob...