Sunday, December 14, 2014

Cara membuat link glow pada blog

lihat gambar cara mendaftar google analistick nah itu dia contohnya !


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 !

Ø    Kalian harus masuk ke blogger , Klik Disini
Ø    Masuk Rancangan > Edit Html > Jangan lupa centang expand widget

Ø    Cari kode a:link dan akan muncul tampilan 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


  • 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{ ataua:visited{

sehingga seperti ini :

a:hover{background-image:
AlOJLqdQbgM/TX8PrNRSMsI/AAAAAAAAAaY/qJhxSdh5tfE/s1600/stars.gif);} 

Lalu klik simpan Template :) terimakasih
komentarnya  di bawah 

Comments
3 Comments
Comments
3 Comments

3 comments:

silahkan untuk komentarnya , dilarang untuk mengomentari yang negatif jika ada keluhan mohon hubungi saya di dede.blog.1@gmail.com