Senin, 12 September 2011

cara membuat link yang berbintang


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



Oke langsung aja nih tipnya kakak:

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);
3. Kode untuk Bintang campuran berbackground:
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....

Comments
0 Comments

0 komentar:

Posting Komentar