Cara Membuat Efek Glow dan Efek Bintang pada Link Blog

di pagi yang ceria ini, ane mau share nih tentang Cara Membuat Efek Glow dan Efek Bintang pada Link Blog. Ya lumayan, untuk sekedar memperhias blog anda. Efek link blog akan muncul jika anda menghover (meletakkan mouse anda) pada link di blog. Ok, langsung saja kita pratekkan. :)

1. Masuk akun blogger anda
   
2. Klik Template > Edit HTML
   
3. Kemudian tekan CTRL + F kemudian ketik a:hover nanti akan muncul kode berikut.
   
   
   Lihat Kode:

   a:hover{color:#E35801; text-decoration:none;}
   
   
4. Kemudian tambahkan kode berikut setelah text-decoration:none;
   
text-shadow:0 0 20px red;


Jika anda ingin menambahkan efek bintang lanjutkan dengan meng-editnya seperti berikut.
Tekan CTRL + F kemudian ketik a:hover kemudian taruh kode ini tepat di bawah a:hover


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


Untuk kode 20px, bisa ditambah jika anda ingin membesarkan efek cahaya tersebut. Semakin tinggi nilainya, maka semakin besar efek cahaya yang muncul. Kode text-decoration:none yang berwarna biru bisa diganti dengan red, blue, green, yellow sesuai selera anda.

Screen Shot sebelum dipasang kode efek glow

Screen Shot sesudah dipasang kode efek glow (text-shadow:0 0 20px white; dan efek bintang )

Terima kasih telah mengunjungi blog saya yang masih newbie ini, kunjungi terus blog saya untuk mendapat update terbaru :D