Senin, 03 Maret 2014

Cara Membuat Efek Shadow pada Link

Toko Treninet Berkah
Advertisement (Klik Pada Gambar untuk Info Lebih Lanjut )

Baca Juga




Teman-teman mungkin merasa bosan dengan tampilan link pada blog? Atau ingin mengganti tampilan link blog jadi lebih menarik seperti posting yang telah kita bahas sebelumnya yaitu cara membuat link blog berwarna-warni. Mengubah link blog diperlukan ketelitian dan kesabaran dalam mengedit kode template karena tidak semua template mempunyai kode yang sama.

Pada kesempatan kali ini kami akan membahas
cara membuat efek bayangan pada link blog. Jika Anda berminat mengubah link blog terdapat efek bayangan silahkan ikuti langkah-langkahnya berikut ini :

1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > letakkan kursor pada area kode HTML.
3. Cari kode seperti dibawah ini dengan menggunakan Ctrl + F.
a:hover {
color:#FFFFFF;
text-decoration: underline;
}
4. Kemudian tambahkan kode text-shadow:3px 3px 3px #000;
a:hover {
color:#FFFFFF;
text-decoration: underline;
text-shadow:3px 3px 3px #000;
}
Keterangan:
3px 3px 3px yaitu ukuran bayangan yang akan ditampilkan.
#000 yaitu kode warna yang akan ditampilkan.
5. Klik Pratinjau template untuk mengecek hasilnya, kemudian klik Simpan template.

Nah, kini tampilan link pada blog Anda lebih menarik dan tidak membuat bosan pengunjung untuk mengkliknya, semoga bermanfaat.






Terima Kasih, Anda telah membaca Cara Membuat Efek Shadow pada Link
Share This
Previous Post
Next Post

Terimakasih Anda telah membaca artikel, berita, materi, quiz dan lain-lain. Semoga bermanfaat bagi anda. Anda bebas copas dari web ini dengan mencantumkan link aslinya.

0 Comments:

Terima kasih telah membaca, mudah-mudahan apa yang anda baca ada manfaatnya. Dengan senang hati, jika anda berkomentar pada tempat yang disediakan dengan bahasa yang santun..