Artikel Terbaru :
Home » » Cara Membuat Efek Glow Pada Link Blog

Cara Membuat Efek Glow Pada Link Blog

Jumat, 28 Desember 2012 | 5komentar

Cara Membuat Efek Glow Pada Link Blog



Efek Glow ini berfungsi jika saat kita mengarahkan mouse pointer ke link blog kita. Jika kita mengarahkannya maka terlihat bayangan link tersebut. Jika 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
  • 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 anda ganti sesuai keinginan anda semakin tinggi nilainya semakin besar efek cahaya yang muncul. Dan kode blue bisa di ganti dengan red, black, green, dsb sesuai dengan kebutuhan 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://lh6.googleusercontent.com/-AlOJLqdQbgM/TX8PrNRSMsI/AAAAAAAAAaY/qJhxSdh5tfE/s1600/stars.gif);} 
     Lalu klik simpan template.
Share this article :

ARTIKEL TERKAIT:

5 komentar:

  1. takut tambah berat sob. Nice artikel :)

    BalasHapus
  2. mantap gan infonya
    boleh saya coba gan

    BalasHapus
    Balasan
    1. tentu... silahkan di coba semoga berhasil

      Hapus
  3. .makasih, kak.. :)
    .ilmunya sangat bermanfaat banget..

    BalasHapus

Silahkan tinggalkan komentar sobat , tapi mohon jangan Nyepam ya..! Komentar dengan menyertakan LINK / ANCHOR TEXT atau promosi produk tertentu akan saya hapus karena blog ini bukan tempat untuk mempromosikan produk yang dijual di blog anda.

 
Support : Copyright © 2011. Tips Trik Blog | Dan Cara Buat Website - All Rights Reserved
Template Modify by Siti Saleha
Proudly powered by Blogger| Thanks For Visiting