Panduan Cara Membuat Widget Popular Posts Bagus di Blog
Namun, sebelumnya, tentu Anda harus memasang dulu Widget Popular Postnya di Sidebar blog.
Popular posts berfungsi sebagai navigasi menu dan internal link yang bagus buat blog dan dianjurkan oleh Google. Dengan internal link, blog kita jadi User Friendly.
Salah satu Cara Membuat Widget Popular Posts Keren di Blog:
Selamat, Anda sudah Membuat Widget Popular Posts Keren di Blog!
Popular posts berfungsi sebagai navigasi menu dan internal link yang bagus buat blog dan dianjurkan oleh Google. Dengan internal link, blog kita jadi User Friendly.
Salah satu Cara Membuat Widget Popular Posts Keren di Blog:
- Di Blogger Dashboard, klik menu "Layout"
- Klik “Add a Gadget” di Sidebar
- Tambahkan/Pilih “Popular Posts Widget”
- Centang pilihan sesuai selera, bisa dengan gambar, ringkasan, atau dua-duanya. Bisa juga cuma judul doang.
- Save!
Langkah menambah style Popular Post Widget
- Klik menu "Template" > "Edit HTML"
- Cari (Ctrl + F) kode </b:skin>
- Copy + Paste kode berikut ini sebelum atau di atas kode </b:skin> tadi.
.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: #292D30;
color: #ffffff;
position: relative;
font-weight: bold;
font-family: georgia;
float: left;
border: 2px solid #dddddd;
box-shadow: 1px 2px 9px #666666; }
.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: #292D30;
color: #ffffff;
position: relative;
font-weight: bold;
font-family: georgia;
float: left;
border: 2px solid #dddddd;
box-shadow: 1px 2px 9px #666666; }
.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;
}
Selamat, Anda sudah Membuat Widget Popular Posts Keren di Blog!
terimakasih informasinya :)
BalasHapushttp://goo.gl/mgBCnM