Cara Menciptakan Popular Post Simple, Ringan Dan Keren
Cara menciptakan terkenal post simple, ringan dan Keren - Populer post merupakan widget yang berfungsi untuk menampilkan artikel artikel terkenal yang ada di Blog kamu.
Berbicara soal widget terkenal post, kali ini saya hanya akan menyebarkan tutorial sederhana ialah cara menciptakan popular post lebih simple, ringan dan lebih gampang penerapannya. Populer post ini hanya menampilkan judul dan deskripsi, tapi kau juga dapat menghilangkan deskripsinya yakni hanya dengan menampilkan judul.
Untuk pemasangannya di Blog, kau dapat mengikuti panduannya di bawah ini langkah demi langkah :
Cara Memasang Popular Post di Blog
Langkah Ke-1
1. Pertama anda login keakun Blogger
2. Klik Layout/Tata letak
3. Klik tombol Tambah Gatget
4. Pilih Entri populer
5 Simpan
Langkah Ke-2
1. Login ke akun Blogger
2. klik Template dan Edit HTML
3. Copy arahan CSS berikut, letakkan sebelum arahan ]]></b:skin>
4. Simpan template
Hasilnya :
Berbicara soal widget terkenal post, kali ini saya hanya akan menyebarkan tutorial sederhana ialah cara menciptakan popular post lebih simple, ringan dan lebih gampang penerapannya. Populer post ini hanya menampilkan judul dan deskripsi, tapi kau juga dapat menghilangkan deskripsinya yakni hanya dengan menampilkan judul.
Untuk pemasangannya di Blog, kau dapat mengikuti panduannya di bawah ini langkah demi langkah :
Cara Memasang Popular Post di Blog
Langkah Ke-1
1. Pertama anda login keakun Blogger
2. Klik Layout/Tata letak
3. Klik tombol Tambah Gatget
4. Pilih Entri populer
5 Simpan
Langkah Ke-2
1. Login ke akun Blogger
2. klik Template dan Edit HTML
3. Copy arahan CSS berikut, letakkan sebelum arahan ]]></b:skin>
/* Popular Post by aak-share */
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPUO30lOij7bOOZlSXOfVug65mND5eDozdmQA0p0Vc-VYLteP4H7VjMRZO5uDJ5UsOpIHL9elb1ERova8aRMzyretdmLpcWRIcYdh7-vuxM3zl1dZrATmWTg7RHa7E8IN35wEpeAKswsGH/s400/33.gif") no-repeat scroll 5px 8px rgb(255, 255, 255);
list-style-type: none;
margin: 0px 0px 5px;
padding: 5px 5px 5px 20px !important;
border: 1px solid #dddddd;
border-radius: 10px 10px 10px 10px;
}
.popular-posts ul li:hover {
border:1px solid #666666;
}
.popular-posts ul li a:hover {
text-decoration:none;
}
/*--- End Popular Posts by aak-share --- */
4. Simpan template
Hasilnya :