Cara Membuat Efek Glow / Bayangan Pada Link Blog

Di Terbitkan Ardana




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/AVvXsEhj-TdtWXd0mCKTUmyTLhK1ZoA379anUXH4jzc-gEXSHBf3l7_vROdb2K-7ErGuivHPPqL2nWAHQBSbLunw9wWs0oHPG9eMGG29RYBgAZQxiWHdgOh8jdEGAJ3kdpHowoiRaHdW5XhZgIk/s1600/stars.gif);}
     
    Lalu klik simpan template.
    Dan lihat hasilnya.
Diterbitkan Oleh : Lebihunik.com

ARTIKEL TERKAIT