Shadow Efek Link

Posted by Gani Mugni Kamis, 05 Januari 2012 0 komentar
Fullka Dot - Dihari yang mulia ini saya akan share sebuah tutor blogger yang sangat dicari-cari oleh sobat-sobat blogger. Sebenarnya dulu sudah share tutor ini,tapi pada tutor kali ini agak sedikit berbeda, menurut saya lebih baik menggunakan tutor yang ini dari pada yang dulu saya share. Nah seperti apa sih cara membuatnya langsung saja jangan pakai basa basi lagi cekidot...


Langkah-langkah:
1.Masuk ke:



  • Untuk Dashboard Baru Masuk : Blogger

2.Cari Kode : a:hover




          Bila Dilihat selengkapnya : a:hover{color:#01DF01;text-decoration:underline}



3.Ganti kode tersebut menjadi kode dibawah ini


a:hover{color:#FF0000;text-shadow: 0 0 0.5em #FFEE00,0 0 0.5em #FFEE00;text-decoration:none; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out}
4.Kemudian Simpan dan liat hasilnya



Keterangan:

1.Semakin banyak kode 0 0 0.5em #FFEE00 Akan semakin tebal Shadow/Bayangan yang dikeluarkan contoh:


a:hover{color:#FF0000;text-shadow: 0 0 0.5em #FFEE00,0 0 0.5em #FFEE00,0 0 0.5em #FFEE00,0 0 0.5em #FFEE00;text-decoration:none; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out}
Jangan lupa menbahkankan tanda 'KOMA' yang bewarna biru




Semoga tutor ini bermanfaat
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Shadow Efek Link
Ditulis oleh Gani Mugni
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://azharadzuan.blogspot.com/2012/01/shadow-efek-link.html. Terima kasih sudah singgah membaca artikel ini.

0 komentar:

Posting Komentar

Panduan blog dan SEO support Jual Online Baju Wanita - Original design by Bamz | Copyright of Azhara Blog.