Oke kawan, pada kesempatan ini saya akan mencoba berbagi informasi tentang cara membuat Link Berbintang. Tip ini mungkin dapat menambah cantik blog kita, dan mungkin juga pengunjung dapat lebih betah lagi baca-baca di blog kita. hihihi
|
Pertama-tama lihat ketiga kode css berikut:
1.Kode untuk Bintang Pink:
background-image: url(http://4.bp.blogspot.com/-LXUK6-zUom4/TkCKg5SWQVI/AAAAAAAAACM/9i64GUaemKA/s320/Bluestars.gif);
2.Kode untuk Bintang Kuning:
background-image: url(http://3.bp.blogspot.com/-p75bC-8PFsI/TkCKhtbiRQI/AAAAAAAAACU/KXqjY9H7JnI/s1600/yellowstar.gif);
background-image: url(http://4.bp.blogspot.com/-LXUK6-zUom4/TkCKg5SWQVI/AAAAAAAAACM/9i64GUaemKA/s320/Bluestars.gif);
2.Kode untuk Bintang Kuning:
background-image: url(http://3.bp.blogspot.com/-p75bC-8PFsI/TkCKhtbiRQI/AAAAAAAAACU/KXqjY9H7JnI/s1600/yellowstar.gif);
3. Kode untuk Bintang campuran berbackground:
background-image: url(http://3.bp.blogspot.com/-aOtQI7PIDzs/TkCKgciriVI/AAAAAAAAACE/2_2pq-3G4c8/s1600/backstar.gif);
background-image: url(http://3.bp.blogspot.com/-aOtQI7PIDzs/TkCKgciriVI/AAAAAAAAACE/2_2pq-3G4c8/s1600/backstar.gif);
Nah lalu untuk menambahkan bintang pada link anda cukup mudah yaitu sebagai berikut:
1.Tentunya kita harus Login Ke akun Blog dulu
2.Pada Dasbor Klik Rancangan/tata Letak
3.Edit HTML
4.Lalu Centang Kolom Expand Widget
5.Cari Kode a:hover { tapi yang dekat dengan a:link{ atau dekat dengan a:visited{
6.Copy Paste Kode Diatas Pilih salah satu, Taruh Disamping Kode a:hover { Namun yang dekat dengan a:link{ atau dekat dengan a:visited{
Contoh: a:hover { background-image: url(http://4.bp.blogspot.com/-LXUK6-zUom4/TkCKg5SWQVI/AAAAAAAAACM/9i64GUaemKA/s320/Bluestars.gif);}
7.Simpan Template..
8. Enjoy
Oke kalau begitu terimakasih telah mau membaca artikel saya ini, mudah-mudahan berguna ya buat kakak....