Membuat Popular Post Di Blogspot Lebih Ramping

Popular Post atau sering ditulis oleh blogger Indonesia dengan sebutan Tulisan Terpopuler intinya punya banyak fungsi. Selain memiliki kegunaan untuk menaikan trafik pageview pada blog kita, dengan memasang widget ini, juga bakal mempercantik tampilan.

Memasang widget Popular Post setrik baik dan unik tentu bakal menarik perhatian pengunjung untuk mengklik dan menambah waktu kunjungannya ke blog kita, sehigga bounce rate blog bakal semakin kecil, dengan begitu nilai kita bakal bertambah dimata search enggine maupun Alexa.

Hanya saja, widget bawaan blogger ini memiliki struktur tampilan yg kurang sedap. Apalagi dengan pengaturan yg rumit bila hendak merubahnya. Hal ini sukses membuat banyak blogger mengurungkan niatnya untuk memasang widget ini di blognya.

Tapi tak usah khawatir, kali ini bloGoooblok bakal membahas pemecahan dilema ini dengan mudah. Mengubah dan Membuat Popular Post di Blogspot Lebih Ramping tak mesti Musti berurusan dengan pengaturan di mode HTML, kita dapat merubahnya tanpa Musti pusing dengan susunan script.

Ini teladan tampilan Popular Post yg bakal kita buat.

Namun sebelum membuatnya, Anda Musti mengaktifkan dulu widget popular post ini di dasboard Anda. Caranyanya :

• Masuk ke Tata Letak, kemudian pilih Tambahkan Widget dan cari Entri Populer. 
• Setalah itu centang  thumbnail gambar, kemudian Simpan. 

Jika telah aktif, kita masuk ke Caranya Membuat Popular Post di Blogspot Lebih Ramping, ikuti trik-triknya berikut ini :

• Pertama-tama copy script CSS dibawah ini. 

/* Popular Post Widget by bloGoooblok  
----------------------------------------------------------------- */
.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;
}

• Lalu login ke akun blogspot Anda. Pada tab disebelah kiri klik Template kemudian Sesuaikan.
• Pada tampilan pengaturan pilih Tingkat Lanjut, kemudian Tambahkan CSS. Paste script CSS yg diatas kedalam kotak yg disediakan. Jika Anda telah banyak menambah script CSS, paste dibagian paling bawah saja.

Keterangan :

• Anda dapat Mengubah ukuran dan jarak tampilan. Silahkan mengubah script sesuai keinginan. Keliru satu teladan script yg dapat Anda rubah yakni background-color:#f3f3f3; pada bab .PopularPosts ul li {. Rubahlah warga #f3f3f3 dengan yg Anda inginkan, bila ingin tampilannya putih saja ubah dengan kata white atau #fffff.
• Jika telah tamat dengan tampilan yg diinginkan silahkan klik Terapkan ke blog.

Kini tampilan Tulisan Terpopuler Anda bakal berubah dari yg jaraknya langka-langka menjadi sedikit lebih irit space. Gimana Mudah bukan!. Jika masih memiliki pertanyaan, silahkan didiskusikan pada kolom komentar, saya bakal dengan bahagia hati membantu.

Tweet