Cara Membuat Link Berbintang di Blog | Postingan kali ini adalah Cara Membuat Link Berbintang di Blog sobat. jadi kayak apa ya? ya kayak berbintang alias berkedip Gitu, keke. oke langsung saja ke topik.
eh sebelumnya kita lihat dulu kode CSS nya sebagai 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);
Cara Pemasangan:
1.Login Ke akun Blogger.
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..atau kalau ragu pratinjau dulu..
