Page Nav

HIDE

Grid

GRID_STYLE

Classic Header

{fbt_classic_header}

Top Ad

//

Tips Trick dan Cara buat efek animasi panah pada link

Cara buat efek animasi panah pada link Ingin memperindah tampilan link dengan tampilan berbeda?, dimana saat Cursor diarahkan ke link ma...

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 Kami ini
Letakkanlah Cursor pada link yang ada, maka sobat akan lihat efek Panahnya.
Berikut cara pasang diblog:

Pertama

Klik Dashboard + 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/AVvXsEgnI3zM_sxWJGb8TJLridwZ0oKcYbo4EC7Ek8MD0C9nEdVl8rBcrsoGr9bZAEYudBEtD_83DRlI3KufYKZoELbaUaCkjG56w5727v0BqV60xHSjzWeNdEmgqoKJhCE4x8yijpfUUuXDpgA/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
sumber: kumpulancara

1 komentar

  1. :a::a: :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l: :m: :n: :o: :p: :q: :r: :s: :t: :u: :v: :w:

    BalasHapus