Kali ini saya akan membagikan artikel bagaimana cara memberi efek hover pada gambar header. Langsung saja ikuti langkah-langkah di bawah ini:
a.Mickeymaruhover:hover img{ margin-left: 175px; padding-left: 0px; } 4. Sesuaikan letak gambar kalian dengan mengedit marginnya
5. Lalu copy code di bawah ini dan pastekan tepat di bawah code </head>
7. Setelah itu simpan HTML kalian dan lihat hasilnya.
Sekian tutorial dari saya kali ini, semoga bermanfaat, jika ingin bertanya silakan berkomentar di kolom komentar, terima kasih.
2. Pilih menu Template lalu pilih Edit HTML dan pilih Lanjutkan
3. Cari kode ]]></b:skin> dan letakkan code di bawah ini tepat di atasnya
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; }Wirabazhover
a.Mickeymaruhover:hover img{ margin-left: 175px; padding-left: 0px; } 4. Sesuaikan letak gambar kalian dengan mengedit marginnya
5. Lalu copy code di bawah ini dan pastekan tepat di bawah code </head>
<a class='Wirabazhover'>6. Ubah kode yang berwarna biru dengan URL gambar kalian
<img alt='Wirabaz' src='http://wirabaz.blogspot.com/header.png'/></a>
7. Setelah itu simpan HTML kalian dan lihat hasilnya.
Sekian tutorial dari saya kali ini, semoga bermanfaat, jika ingin bertanya silakan berkomentar di kolom komentar, terima kasih.
4 comments
Test Comment !
Makasih Ya ^^
:Creative-Zone
Wah Ini Yang Saya Cari2 Makasih Ya ^_^
Visit Back :reza31.blogspot.com
ada yang tau IDS twitter ga?
Harap berkomentar dengan menggunakan kata-kata yang sopan, dan tidak memicu keributan. Terima kasih
EmoticonEmoticon