14 March 2012

Memberi Efek Glow Pada Link Blog

Cara Memberi Efek Glow Pada Link Blog

Cara Memberi Bayangan Pada Link Blog, Efek Glow Pada Link Blog, Bisa Juga Kode Script Efek Glow Link Blog. Senang rasanya melihat link blog ada efek bayangan atau glow :). Efek Glow ini berfungsi jika saat kita mengarahkan mouse pointer ke link blog kita. Jika kamu mengarahkannya maka terlihat bayangan link tersebut. Jika kamu belum paham lihat gambar diatas :) . Baik tanpa basa-basi lagi langsung saya jelaskan. Simak langkah-langkah berikut ini !
  • Tentunya kamu harus masuk ke akun blogger kamu dunk.
  • 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 saya beri 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 kamu ganti sesuai keinginan kamu semakin tinggi nilainya semakin besar efek cahaya yang muncul. Dan kode blue bisa kamu ganti dengan red, black, green, dsb sesuai dengan kebutuhan kamu :).
  • Jika semuanya sudah jangan lupa klik SIMPAN TEMPLATE dan lihat hasilnya. Sekian tutorial saya kali ini semoga semuanya mengerti and jangan lupa komentar ya :D .

2 comments:

  1. Paling ini juga copas dari blog lain kan?
    hehehe...

    ReplyDelete
    Replies
    1. insyaallah iya...
      saling berbagi ilmu kan lebih baek

      Delete

Maaf Jika Ada Kata Yang Tidak Sopan/Spam Tidak Akan Saya Publikasikan.
Terimakasih