Cara Membuat Efek Shadow/Bayangan Pada Link Blog

Pada hari ini taukahbahwa.blogspot.com akan membahas posting tentang Cara Membuat Efek Shadow/Bayangan Pada Link Blog. Semoga dengan artikel Cara Membuat Efek Shadow/Bayangan Pada Link Blog akan menambah pengetahuan untuk anda pembaca setia taukahbahwa.blogspot.com

Banyak cara dan gaya untuk membuat teks link menjadi lebih menarik buat user blog supaya teks tersebut di dikunjungi , apalagi link itu berkaitan dengan postingan lain di dalam blog atau link internal blog , efek samping nya cukup bermanfaat buat blog , karena hal tersebut bisa meningkat nilai pageview pada blog dan membantu dalam upaya sobat untuk meramping kan blog karena nilai pageview nya naik .

Efek link memberikan banyak pilihan seperti Efek Link Pelangi Blog , Membuat Link Bergerak Di Blog dan masih banyak efek link lain nya yang bertebaran cara memasang nya di blog yang bisa di temukan di Search Engine seperti Google dan semua tergantung keinginan yang mana mau dipasang buat blog .

Kali ini saya akan mencoba berbagi lagi cara memberikan efek pada link blog saat di lalui kursor yaitu Cara Membuat Efek Shadow/Bayangan Pada Link Blog dengan cara sebagai berikut :

• Login dulu ke Blogger

• Klik Template di Dasbor Blog

• Simpan atau Back up dulu kode  agar bisa di kembalikan kalau ada salah dalam pengeditan kode

Edit HTML Template

• Centang dulu Expand Template Widget

• Lalu cari kode yang mirip dengan kode ini  a.hover     {                text-decoration:underline;

Kalau sudah lihat kode setelah nya  biasanya ada kode warna seperti contoh di bawah ini : 
 a.hover     {                text-decoration:underline;        color:#EB0004}
Warning : Kode yang berwarna hijau kadang berbeda di setiap Template Blog

• Lalu tambah kan kode CSS di bawah ini setelah kode warna atau sebelum kurung penutup }

Kode CSS yang di tambahkan

 ;text-shadow:3px 3px 3px #000 

Contoh cara pasang nya sebelum

a.hover     {                text-decoration:underline;        color:#EB0004 }

Setelah di tambah kode

 a.hover     {                text-decoration:underline;        color:#EB0004 ;text-shadow:3px 3px 3px #000 }

• Tambahkan kode  ;text-shadow:3px 3px 3px #000 pada setiap kode a.hover     {                text-decoration:underline;        color:# yang ada pada blog supaya semua link pada blog menghasilkan efek shadow/bayangan pada semua link saat lalui cursor.

• Terakhir simpan template .

Keterangan :

;text-shadow:3px 3px 3px #000
Angka yang berwarna biru adalah ukuran bayangan yang di tampilkan , bisa diganti sesuai ke inginan
Kode yang berwarna merah adalah kode HTML warna shadow/bayangan yang di tampilkan bisa di ganti kode sesuai keinginan dan dapatkan kode warna HTML nya melalui menu di bawah judul blog

Sekian dan terima kasih , kalau ada rangkaian artikel ini yang kurang sobat mengerti silahkan tinggalkan pertanyaan melalui form komentar di bawah ini.

Dapatkan berita terupdate dan unik setiap saat hanya di taukahbahwa.blogspot.com

Homepage|http://taukahbahwa.blogspot.com