HOMEMembuat Popular Post Blog Dengan Nomor
Posted on - 2:18:00 PM with 9 comments
Membuat Popular Post Blog Dengan Nomor - Kali ini saya akan share tentang bagaimana cara membuat widget popular post seperti yang ada di blog ini yaitu popular post yang dilengkapi dengan nomor. Tentu saja sobat bisa mengubahnya sesuai keinginan sobat sendiri. Ok langsung saja berikut ini adalah tutorial membuat popular post blog seperti pada blog ini:
1. Log in ke akun blogger sobat
2. Klik tata letak tambahkan widget popular post
3. Setelah anda tambahkan widgetnya lalu pergi ke template dan klik edit HTML
5. Cari kode berikut ]]></b:skin> lalu letakkan kode dibawah ini tepat diatas kode tersebut:
6. Klik pratinjau, jika semuanya berjalan lancar klik simpan.
Baca juga cara membuat bermacam-macam popular post keren
1. Log in ke akun blogger sobat
2. Klik tata letak tambahkan widget popular post
3. Setelah anda tambahkan widgetnya lalu pergi ke template dan klik edit HTML
5. Cari kode berikut ]]></b:skin> lalu letakkan kode dibawah ini tepat diatas kode tersebut:
.popular-posts ul {
padding-left: 0px;
counter-reset: popcount;
}
.popular-posts ul li:before {
list-style-type: none;
margin-right: 15px;
padding: 0.3em 0.6em;
counter-increment: popcount;
content: counter(popcount);
font-size: 16px;
background: #359bed;
color: #ffffff;
position: relative;
font-weight: bold;
font-family: georgia;
float: left;
border: 2px solid #dddddd;
}
.popular-posts ul li {
border-bottom: 1px dashed #dddddd;
}
.popular-posts ul li:hover {
border-bottom: 1px dashed #696969;
}
.popular-posts ul li a {
text-decoration:none; color:#5A5F63;
}
.popular-posts ul li a:hover {
text-decoration:none;
}
padding-left: 0px;
counter-reset: popcount;
}
.popular-posts ul li:before {
list-style-type: none;
margin-right: 15px;
padding: 0.3em 0.6em;
counter-increment: popcount;
content: counter(popcount);
font-size: 16px;
background: #359bed;
color: #ffffff;
position: relative;
font-weight: bold;
font-family: georgia;
float: left;
border: 2px solid #dddddd;
}
.popular-posts ul li {
border-bottom: 1px dashed #dddddd;
}
.popular-posts ul li:hover {
border-bottom: 1px dashed #696969;
}
.popular-posts ul li a {
text-decoration:none; color:#5A5F63;
}
.popular-posts ul li a:hover {
text-decoration:none;
}
6. Klik pratinjau, jika semuanya berjalan lancar klik simpan.
Baca juga cara membuat bermacam-macam popular post keren
Jika Anda menyukai Artikel di blog ini, Silahkan
klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Tips & Cara
 |
Artikel Terkait Dengan "Membuat Popular Post Blog Dengan Nomor "
9 comments:
Ketentuan Berkomentar:
1. Menautkan link aktif (anchor text) pada komentar secara otomatis akan kami hapus
2. Gunakan fasilitas Name/URL untuk menempatkan link anda
3. Dilarang berkomentar diluar topik artikel (SARA, pornography, provokasi,promosi produk)
4. Dilarang komentar spam
5. Berkomentarlah dengan baik dan sopan
6. Komentar yang tidak sesuai dengan poin diatas tidak akan dipublikasikan
Admin Tips & Cara
makasih banyak gan...
ReplyDeletehttp://blog-medianet.blogspot.com/
Bagus banget aku udah coba,....
ReplyDeletejangan lupa b erkunjung di bloga saya.
hindi-indo.blogspot.com
punya ada titik-titik di samping nomornya?
ReplyDeletebagaimana hilangkan titik di samping nomornya?
.popular-posts ul li {
ReplyDeleteborder-bottom: 1px dashed #dddddd;
}
.popular-posts ul li:hover {
border-bottom: 1px dashed #696969;
}
Hapus border bottomnya gan....
tak berhasilll
ReplyDeletetak bisa, bullet listnya maksud saya...
ReplyDeleteitu bawaan template gratis yg saya dowload...
Mas kribp Bisa mas tinggal cari aja kode CSS untuk popular postnya dan tambahkan kode list-style:none; atau jika belum ada css nya tambahkan kode berikut: #popular post {list-style:none;}
ReplyDeleteTerima kasih tutorialnya. jangan lupa kunjungi blog saya http://stevewillimkorwa.blogspot.com
ReplyDeleteTerima kasih, tutorialnya sangat bermanfaat.
ReplyDelete