Link Hover Effect Keren dan Cara Penggunaannya

Link Hover Effect keren - Kini telah banyak blogger yang menggunakan hover efek pada link, gunanya untuk membangun dan mempercantik serta agar tampak lebih menarik. saat ini mungkin sebagian orang dari kalangan dsigner web lebih suka menggunakan CSS dari pada dengan menggunakan Javasript atau jquery, hal ini mungkin dikarenakan dalam penggunaannya yang lebih mudah untuk digunakan.

CSS adalah sebuah code yang biasanya tidak memberatkan dari pada dengan menggunakan javasript dan juga jquery, begitupun dengan efek-efek pada link hover. Menggunakan CSS pada link Hover adalah solusi yang terbaik. Berikut adalah beberapa efek hover pada link yang bisa anda gunakannya jika anda merasa tertarik.

Flip Link Hover Effect

See the Pen bepNjL by Like Notice Blog (@likenotice) on CodePen.

3D link hover effect

See the Pen PzNwyJ by Like Notice Blog (@likenotice) on CodePen.

Sweet Hover Effect

See the Pen rLeaqg by Like Notice Blog (@likenotice) on CodePen.

Cara Pemasangan Link Hover Effect

Pemasangan link hover effect pada site anda sebenarnya bisa dibilang cukup mudah sekali, karena pemasangan hover effect sama saja seperti pemasangan sript CSS pada umumnya. 

1. Masuk ke dalam blogger anda  dan kemudian klink pada bagian template -> Edit HTML
2. yang kedua adalah mencari tag ]]></b:skin> dengan cara tekan CTRL + F atau anda juga bisa dengan cara tekan F3 saja.
3. Setelah itu copy kode CSS hover effect yang nantinya akan digunakan, kemudian letakan kode tersebut di atas tag ]]></b:skin>

Cara pemasangan hover efek telah selesai. Lalu kemudian bagaimana untuk penulisan pada kode html ? dalam penulisan html anda tidak usah perlu bingung karena cara penulisan pada HTML menggunakan hover effect sama saja seperti halnya anda membuat link pada blog (hyperlink).

Dengan menggunakan hover effect tersebut mungkin akan membuat link anda lebih terlihat lebih fresh dan lebih menarik untuk di klik. Jika anda telah menemukan yang menurut anda bagus, kenapa anda tidak mencobanya.