Cara membuat Link mengeluarkan Bintang Saat Disorot Mouse


Pada Tips Mempercantik Blog kali ini saya akan menjelaskan tentang Link yg mengeluarkan Bintang.

Pertama saya akan menjelaskan apa itu link yg mengeluarkan bintang?

link yg mengeluarkan bintang ialah Link yg mengeluarkan bintang Pada saat mouse mengarahkan ke link tersebut..


Sebagai Contoh : coba Sobat arahkan mouse Sobat ke link yg ada di Blog saya....

Sobat ingin Membuat Link Di sorot mengeluarkan bintang  Seperti di atas itu..Mudah kok!

Sobat Hanya Menambahkan Salah satu url image dibawah ini  atau menyisipkan kode Dibawah ini tepat Disamping kode a:hover {
1.Bintang Pink
background-image: url(https://lh3.googleusercontent.com/-zxZnzwk8ECE/Teet5K33XpI/AAAAAAAAANs/jBPGDgiPFdw/stars.gif);
2.Bintang Kuning
background-image: url(https://lh3.googleusercontent.com/-paZijY4x__g/Tee1YrFtmhI/AAAAAAAAAN4/mdRqJEgOKtA/2626vyh.jpg.gif);
3. background-image: url(https://lh4.googleusercontent.com/-B5OLS52aLlc/TeiYvQWa-uI/AAAAAAAAAPU/z3--54u7omY/teja.gif);

Masih Belum Mengerti Cara Menmbahkannya....Mari ikuti Langkah Sbgb:
1.Login Ke akun Blog Sobat
2.Pada Dasbor Klik Rancangan/tata Letak
3.Edit HTML
4.Centang Kolom Expand Widget
5.Cari Kode a:hover { tapi yg berdekatan dengan a:link{ atau berdekatan dengan a:visited{

6.Copy Paste Kode Diatas Disamping Kode a:hover { yg berdekatan dengan a:link{ atau berdekatan dengana:visited{

Contoh: a:hover { background-image: url(https://lh3.googleusercontent.com/-zxZnzwk8ECE/Teet5K33XpI/AAAAAAAAANs/jBPGDgiPFdw/stars.gif);}


7.Simpan Template..

|| | Copyright 2012 By : Fikry Arpendos | Created By : DjaiL ||