Kali ini saya akan berbagi Trick Cara membuat epek hover pada blog, Mungkin Agan2 Ingin Tau Tutorialnya,, Langsung Saj Nih ..
- 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCXjR6IxACi-fKQHFsAuE30K76_kjrp_FaKf4MKZyrKxISc75A9PY2f5TCGZGFyIiC9h8iB-2AEIjID6Zyox16xNWMK83jiIRsFaa8DZVJnr7o6VbRFfQO41VM_WFEnCEK6qliV73D84lA/s1600/adada.png'/></a>
- Ubah kode yg berwarna hijau dengan URL gambar kalian
- Setelah itu simpan HTML kalian dan lihat hasilnya.
Selamat Mencoba, Semoga Agan2 Berhasil
+ Jangan Lupa Komentar ya,,,/ Isi Buku Tamu