Cara Membuat Efek Glow / Bayangan Dengan Bintang Pada Link Blog

Cara Membuat Efek Glow / Bayangan Dengan Bintang Pada Link Blog

Apakah kalian mau blog anda ada efek glow / bayangan seperti pada gambar di atas ? caranya gampang kok tinggal iuti langkah - langkah di bawah ini, tanpa berlama - lama lagi mari kita simak langkah - langkahnya di bawah ini :

• Masuk ke akun blogger
• Selanjutnya masuk ke Rancangan > Edit Html > Jangan lupa klik centang Expand Template Widget.
• Tekan CTRL + F pada keyboard dan cari kode a:link nanti akan muncul semiripnya seperti berikut!

a:link{ color:#006699; text-decoration:none}
a:visited{ color:#006699; text-decoration:none}
a:hover{ color:#000; text-decoration:none}

• Kode yang warna biru silahkan ganti dengan kode 

text-decoration:none;text-shadow:0 0 10px blue  

Sehingga hasilnya seperti berikut ini!

a:link{ color:#006699; text-decoration:none}
a:visited{ color:#006699; text-decoration:none}
a:hover{ color:#000; text-decoration:none;text-shadow:0 0 10px blue;}

• pada kode 10x bisa anda ganti sesuai keinginan anda semakin tinggi nilainya semakin besar efek cahaya yang muncul. Dan kode blue bisa di ganti dengan warna lainnya sesuka anda.
• Jika semuanya sudah selesai jangan lupa klik SIMPAN TEMPLATE dan lihat hasilnya.  
  jika ingin menambah kan efek bintang nya lanjutkan dengan meng-editnya seperti di bawah ini:
  Cari kode a:hover{ atau  a:visited{ (Tekan CTRL + F untuk mempermudah pencarian)
  Letakkan kode di bawah ini, di bawah kode a:hover{ atau a:visited{
  
  

  a:hover{background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfkHvMnrnyb-hBYdtbIs8EQS0SBJX9OP4zDeqEedhJGQGQOO0SDIMSReceVc-iNwcvDfHOljkQHjxEiNA4YMxxAPNKbIMnJTQlnupWYQZuMirE9vJrriuv7JPPfRiPLZAkNDvVKqcadrM/s1600/stars.gif);}

    Lalu klik simpan template.
  Dan lihat hasilnya.