Berlanggan Via Email

Enter your email address:

My Friend

Cara Membuat Efek Shadow/Bayangan Pada Link Blog

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.
Klik tombol berbagi :

7 komentar:

Artikel Blogger mengatakan...

Makasih Buat Tutorial nya mas

hengki saelah mengatakan...

sama-sama juga mas atas kunjungan nya....

Tips Blog mengatakan...

Thanks, tutorialnya sangat membantu.

hengki saelah mengatakan...

sama-sama gan atas komentar dan kunjungan nya....

Gelar AMd mengatakan...

Mas, saya sudah beberapa hari ini mencari script ini tdak prnah tmu di blog saya. bisa minta pncrahan mas?

Singgah ke blog saya mas
http://amatarpigo.blogspot.com

mahadewa pulsa mengatakan...

wah yang ini rada sulit ya ... tapi nanti di coba deh pelan pelan , kunal boss www.mahadewapulsa.com

bataviana.com mengatakan...

Apakah cara ini bekerja juga pada worlpress mas?