CSS

Membuat Link Aktif Lebih Menarik

·
 Menggunakan cara ini ternyata membuat pengunjung lebih senang mengarahkan ke link aktif, kenapa ? ya pastinya mereka penasaran dan ketagihan nyentuh - nyentuh link nya  .   Bagi pemilik toko blog, trik ini sangat berguna untuk mendapatkan banyaknya pengunjung dan hasil yang diuntungkan,  karena sebagian toko blog memiliki banyak link aktif tetapi hanya menampilkan gambar dan diskripsi yang hanya sedikit.  Bagi kalian juga yang memiliki posting yang banyak kalian bisa gunakan trik ini 


        Ikuti langkah berikut untuk membuat link aktif yang lebih menarik !
Login ke Blogger
Ke Design > Edit HTML
Copy kode berikut di bawah kode a:hover {  atau  a:hover,  a:active{


Fersi menggunakan gambar


a:hover { background-image: url(http://images2.layoutsparks.com/1/129832/flashy-black-animated-image.gif);}


Fersi menggunakan warna


a:hover { color:#FFF; text-shadow: 0 0 0.5em #DC143C,0 0 0.5em #DC143C,0 0 0.5em #DC143C,0 0 0.5em #DC143C; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out}


# Kode yang berwarna merah adalah kode warna efek link yang di hasilkan 
anda bisa memilih kode warna di sini


Klik 'Save Templates' dan lihat hasilnya !

selalu beriimajinasi

0 komentar:

Posting Komentar

Terima Kasih Atas Komentar Anda..

handapeunpost

content