cara membuat popular post diblogspot

haloo sobat blogger, postingan kali ini saya akan membahas sedikit mengenai bagaimana cara membuat popular post diblogspot, caranya sangatlah mudah sob, popular post adalah bagian dari widget yang ada di blogger (bawaan blogspot), fungsi dari popular post itu sendiri adalah me-ratingkan postingan yang sering dibaca oleh pengunjung, jadi postingan yang sering dibaca akan tampil di widget yang ditambahkan dihalaman blog sobat. sangat penting kita menambahkan populer post ini,

Mengapa demikian ? karena memudahkan para pengunjung blog untuk melihat isi postingan yang sering dibaca dan juga memudahkan para pengunjung blog untuk melihat-lihat postingan yang lainnya. ada juga keuntungannya menambahkan widget popular post ini, salah satunya adalah akan menarik perhatian pengunjung dan juga menambah waktu kunjungan karena sipengunjung akan mengklik postingan lainnya yang tersedia pada widget popular post ini. jadi hal-hal seperti ini jangan kita abaikan karena diharuskan suatu blog memasang widget popular post untuk memudahkan pengunjung "berjalan-jalan" diblog kita.

blogger sudah menyediakan widget popular post untuk memudahkan kita, tetapi widget yang disediakan blogger secara default kurang menarik perhatian, alangkah baiknya kita edit sedikit script yang ada pada template blog kita dengan memasang kode css agar tampilan popular post lebih menarik perhatian, berikut langkah-langkah pemasangan widget popular post diblogspot :

1.login dulu keblogspot, kemudian dimenu sebelah kiri klik tata letak. setelah itu pilih "tambahkan gadget", lihat gambar dibawah ini :

2.pilih entri popular, lalu klik simpan :

3. setelah langkah kedua selesai saatnya kita paste kan kode css dibawah ini, langkahnya ikuti :

pilih menu template disebelah kiri, kemudian klik "sesuaikan" seperti gambar dibawah ini :

akan muncul gambar seperti dibawah ini :

paste kan kode css dibawah ini ke kolom sebelah kanan nya :

/* CSS Popular post ~ 
----------------------------------------------------------------- */
.PopularPosts ul,
.PopularPosts li,
.PopularPosts li img,
.PopularPosts li a,
.PopularPosts li a img {
  margin:0 0;
  padding:0 0;
  list-style:none;
  border:none;
  background:none;
  outline:none;
}

.PopularPosts ul {
  margin:.5em 0;
  list-style:none;
  font:normal normal 11px/1.4 'Trebuchet MS', Trebuchet, Verdana, sans-serif;
  color:#666666;
}

.PopularPosts ul li img {
  display:block;
  margin:0 .5em 0 10%;
  width:35px;
  height:35px;
  float:left;
}

.PopularPosts ul li {
  background-color:#f3f3f3;
  margin:1% .5em -5% 0;
  padding:.5em 1.5em .5em .5em;
   position:relative;
}

.PopularPosts ul li:before,
.PopularPosts ul li .item-title a {
  font-weight;
  font-size:120%;
  color:inherit;
  text-decoration:none;
}

setelah itu klik "terapkan ke blog", lihat hasil tampilan blog sobat. demikian postingan tutorial cara membuat popular post diblogspot ini semoga bermanfaat bagi para blogger dan pembaca lainnya.