Cara Membuat Link Hover Berpijar Di Blog
Oke saya rasa tidak perlu panjang lebar, ayo di mulai...
Seperti biasa, langkah pertama yang harus kamu lakukan adalah masuk dahulu ke blogger.com menggunakan akun kamu, kemudian.
Ikutilah langkah-langkah di bawah ini :
Ingat : Sebelum kamu mengedit HTML, sebaiknya BACKUP dulu template blog kamu.
1. Klik Template.
2. Klik Edit HTML.
3. Pilih Format Template.
4. Cari Kode (agar lebih mudah mencari kode di kotak template kamu, gunakan tombol ctrl+f » tunggu sebentar » jika berhasil maka akan terlihat Di Dalam Kotak Template Kamu).
» Cari kode yang mirip seperti ini :
a:hover{
color:......;
text-decoration:.....;
}
» Setelah kode tersebut sudah ditemukan, silahkan pasang kode di bawah ini tepat di atas kode }
cursor:hand;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX4cxb_QI9Tc28TQCxKWiknAcmDCuA3ONKQ-ynjHwIJKxo5lI4o3OVh8jIw2YAM2D4EhvDywcETZ4KIT_34hZHlEijKQkK_SR6AHmdJjlD9UGAp55JGDrmGITVpM3tubV4tzhiqhPK1vs/s1600/linkwarnawarni.jpg);
<small><a href="http://enoparnoabiezz.blogspot.com/2012/11/cara-membuat-link-hover-berpijar-di-blog.html" target="_blank">Cara Membuat Link Hover Berpijar Di Blog</a></small>
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX4cxb_QI9Tc28TQCxKWiknAcmDCuA3ONKQ-ynjHwIJKxo5lI4o3OVh8jIw2YAM2D4EhvDywcETZ4KIT_34hZHlEijKQkK_SR6AHmdJjlD9UGAp55JGDrmGITVpM3tubV4tzhiqhPK1vs/s1600/linkwarnawarni.jpg);
<small><a href="http://enoparnoabiezz.blogspot.com/2012/11/cara-membuat-link-hover-berpijar-di-blog.html" target="_blank">Cara Membuat Link Hover Berpijar Di Blog</a></small>
» Sehingga akan menjadi seperti ini :
a:hover{
color:......;
text-decoration:.....;
cursor:hand;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX4cxb_QI9Tc28TQCxKWiknAcmDCuA3ONKQ-ynjHwIJKxo5lI4o3OVh8jIw2YAM2D4EhvDywcETZ4KIT_34hZHlEijKQkK_SR6AHmdJjlD9UGAp55JGDrmGITVpM3tubV4tzhiqhPK1vs/s1600/linkwarnawarni.jpg);
<small><a href="http://enoparnoabiezz.blogspot.com/2012/11/cara-membuat-link-hover-berpijar-di-blog.html" target="_blank">Cara Membuat Link Hover Berpijar Di Blog</a></small>
}
5. Sebelum Kamu Klik Simpan Template, sebaiknya kamu klik Pratinjau Template terlebih dahulu untuk memeriksanya.
6. Jika Sudah Oke » Klik Simpan Template.
Catatan :
- Saran saya sebaiknya gunakan cara ini dengan background blog/artikel yang berwarna gelap seperti Hitam. jika menggunakan background blog/artikel yang berwarna terang seperti Putih kayaknya kurang bagus deh.
Selamat Mencoba, Semoga Berhasil & Mudah-Mudahan Bermanfaat :)
SUMBER : http://enoparnoabiezz.blogspot.com
No comments:
Post a Comment
TINGGALKAN PESAN DAN KESAN SETELAH BERKUNJUNG