Cara Memberi Efek Glow atau Cahaya pada Link Blog

efek cahaya, blog, efek glow, efek glow pada blog, efek cahaya pada blog

Sebagai pemilik blog tidak ada salahnya jika kita ingin mempercantik tampilan blog dengan menggunakan efek glow. Efek glow ini berfungsi untuk memberikan efek cahaya (glow) pada link pada saat kita mengarahkan pointer mouse ke salah satu link. Contoh dari efek glow dapat sobat lihat pada gambar diatas. Berikut cara memberi efek glow pada link blog.


  • Tentunya sobat  harus masuk ke akun blogger
  • Selanjutnya Pilih Template lalu klik Edit HTML
  • Tekan CTRL + F pada keyboard dan cari kode "a:hover" nanti akan muncul kode seperti berikut :
a:hover{ color:#000; text-decoration:none}

atau


a:hover {
  text-decoration:underline;
  color: $(link.hover.color);

  • Kode yang saya beri warna biru silahkan sobat ganti dengan kode 
text-decoration:none;text-shadow:0 0 10px blue  

  • Sehingga hasilnya seperti pada gambar berikut ini!
efek cahaya, blog, efek glow, efek glow pada blog, efek cahaya pada blog, link blog
  • Pada kode 10px bisa sobat ganti sesuai keinginan untuk memperbesar efek glow pada teks link. Dan kode blue bisa di ganti dengan red, black, green, ataupun dengan kode warna sesuai keinginan sobat.
  • Jika semuanya sudah selesai jangan lupa klik "Simpan Template" dan lihat hasilnya.

Semoga bermanfaat. :)

0 Response to "Cara Memberi Efek Glow atau Cahaya pada Link Blog"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel

Iklan Bawah Artikel