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:
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{
7.Simpan Template..
8. Enjoy
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....
4.5
»
Postingan Terkait
» Rating
Blog tip N trik
- Cara Memasang Rating Bintang Rich Snippets Pada Blogspot
- Trik membuat tulisan berjalan (marquee)
- CONVERT CODE HTML, JAVASCRIPT, CSS, DAN SEJENISNYA
- Cara Memasang Link Pada sebuah Gambar
- Membuat Spoiler (tombol Buka Tutup)
- Pengeditan Template Blogger Tampilan Baru Kurang Maksimal?
- Cara membuat Spoiler Di Komentar Blogspot
- Membuat spoiler di komentar treaded/bertingkat Blogspot
- Membuat spoiler di komentar Blogspot Non Treaded
- Ngerjain Autoblog Rssforward.com offpage
- Ngerjain Autoblog Yang Menforward Feed Kita
- Cara pasang Widget statistik Histats
- Review Komentar untuk Menambah Ide Postingan
- Test kecepatan web (GOOGLE PAGE SPEED ONLINE)
- Anti klik kanan mouse dan Keyboard tanpa script yang panjang
- Pasang widget follower/pengikut asli dan modifikasi sesuka hati
- Anti adblock 2.00 lindungi situs anda dari adblock
- Pasang tombol google +1 di wordpress dan blogspot
- Cara membuat link bergoyang dombret
- Membuat Sumber Otomatis bila ada yang kopas
0 comments :
Post a Comment