Cara buat efek animasi panah pada link
Terakhir SIlahkan Klik Simpan
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.
Letakkanlah Cursor pada link yang ada, maka sobat akan lihat efek Panahnya.
Berikut cara pasang diblog:
Pertama
Klik Dasboard + Rancangan + Edit HTML
Kedua
Cari kode ]]></b:skin>
Ketiga
Setelah ketemu silahkan Letakkan kode css berikut dibawahnya
Letakkanlah Cursor pada link yang ada, maka sobat akan lihat efek Panahnya.
Berikut cara pasang diblog:
Pertama
Klik Dasboard + Rancangan + Edit HTML
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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizo_YGZSm08MmVtwKM6SKRXedGiYoIWMuD1fXem4tE5ZJtXGEF_KFtNt9wlRT4_zlF8Ill5E1-9hB50cMzg0ybrQxDiXTgs_eZQaUQ0qkoJlYLsHF9tBdr27LOHrp_F3l59sJ6YJAjQLg/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
Tidak ada komentar:
Posting Komentar