Cara buat efek animasi panah pada link
Ingin memperindah tampilan link dengan tampilan berbeda?, dimana saat Cursor diarahkan ke link mana saja di blog yang sudah dipasangkan css ini maka akan muncul efek panah bergerak dibawah link.
Untuk melihat contoh silahkan menuju blog ini : Demo
Letakkanlah Cursor pada link yang ada, maka sobat akan lihat efek Panahnya.
Berikut cara pasang diblog:
Pertama
Klik + +
Kedua
Cari kode ]]></b:skin>
Ketiga
Setelah ketemu silahkan Letakkan kode css berikut dibawahnya
Terakhir SIlahkan Klik Simpan
Untuk melihat contoh silahkan menuju blog ini : Demo
Letakkanlah Cursor pada link yang ada, maka sobat akan lihat efek Panahnya.
Berikut cara pasang diblog:
Pertama
Klik + +
Kedua
Cari kode ]]></b:skin>
Ketiga
Setelah ketemu silahkan Letakkan kode css berikut dibawahnya
<style type='text/css'> a:link { color: #C37108; white-space: nowrap;text-decoration: none; } a:visited { text-decoration: none; color: #C37108; } a:hover {text-decoration: none; background-image: url(https://lh3.googleusercontent.com/-013HyjWpRwE/TyMHP03AmII/AAAAAAAAGsE/EmlVjAWPMy4/h120/animated_underline.gif); background-repeat: repeat-x; background-position: 100% 100%; padding-bottom: 3px; color: #CC9900; } a:active { text-decoration: none; }</style>
Terakhir SIlahkan Klik Simpan
Cara buat efek animasi panah pada link
10out of 10 based on 10 ratings. 100 user reviews.
Artikel Keren Lainnya :
facebook Comments
Label:
CSS
Previous Article
Responses
6 Respones to "Cara buat efek animasi panah pada link"
langsung coba,,langsung jadi. makasih gan atas infonya..
28.1.12
saya senang dengan tutorialnya karena saya juga lagi belajar tentang blog, kl mau main silahkan kunjungi blog ane gan http://internetblogcomputer.blogspot.com
29.1.12
langsung di ubrek2...thanks mas
29.1.12
keren ni caranya, makasih ya sob
30.1.12
wah...bikin keren blog aja nih.....
30.1.12
tanks....
30.1.12
Poskan Komentar
Terimakasih Kunjungan Anda - Silahkan Komentar- Salam Blogger Mohon Jangan Spam