Visitor
Popular Post
-
Sebenarnya ini template lama milik saya. dan hari ini saya akan membagikannya untuk kalian. Bagi yg berminat silahkan di download,... -
langsung aja sob ini caranya 1) Pertama Anda akan membutuhkan untuk mendapatkan username dan username korban, bagaimana Anda melakukan ini?... -
Adithya Blog kali ini akan share cara Memberi Efek Hover pada Gambar yang ada di Header. untuk demonya silahkan klik demo di ba... -
Kali ini Dedy Blog akan share cara Membuat Join This Site dan Like Button Facebook Melayang, seperti yg ada di Blog ini. Sebenarnya t... -
Saya benci Lelet! Siapa sih yang suka dengan yang namanya Lelet? Pasti semua orang suka dengan sesuatu yang cepat dan mudah. Oleh kare... -
Cara Membuat Sharingan Berputar Di Blog . Sharingan, sebuah mata yang merupakan salah satu dari 3 Doujutsu terkuat di Anime Na... -
Potingan kali ini saya akan share template untuk para penggemar naruto, lumayan keren loh untuk para penggemar naruto , ne saya kasih SS... -
Pada hari ini saya akan share portal template. portal ini bisa kamu gunakan utk blog atau pun lainnya. mau liat demonya liat aja di bawah ... -
Hallo sobat, apa kabar? Kali ini Technology Tower akan memposting tips dan trik memperbanyak follower di twitter secara otomatis , wah k... -
Kali ini saya akan share sebuah template yaitu Simple Black Template, milik kuntoro cyber . bagi yang berminat silahkan di downloa...
Selasa, 05 Maret 2013
Adithya Blog kali ini akan share cara Memberi Efek Hover pada Gambar yang ada di Header. untuk demonya silahkan klik demo di bawah ini, lalu coba kamu sorot gambar yang ada di header.
Berikut Tutorialnya...
- 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/AVvXsEj9pFvIqinZ9RjjELbi1cmdtxIoepqfIbNz3YfdYyLxgZoXYfvlq7R-UB8uMpJPl5dxc0FKX_htAMfnnp6U0Nx05vOC1xGmWF6mS35kxcmFMhlvdSDhVU7s0GDGeyjJv10K5C_d4m0sLZ0L/s1600/adada.png'/></a>
- Ubah kode yg berwarna hijau dengan URL gambar kalian
- Setelah itu simpan HTML kalian dan lihat hasilnya.
Selanjutnya tinggal kalian utak atik sendiri, dan selamat mencoba
