Membuat Popular Post Di Blogspot Lebih Ramping

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

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

Hanya saja, widget bawaan blogger ini mempunyai struktur tampilan yang kurang sedap. Apalagi dengan pengaturan yang rumit jikalau hendak merubahnya. Hal ini sukses menciptakan banyak blogger mengurungkan niatnya untuk memasang widget ini di blognya.

Tapi tak usah khawatir, kali ini bloGoooblok akan membahas pemecahan duduk masalah ini dengan mudah. Merubah dan Membuat Popular Post di Blogspot Lebih Ramping tak mesti harus berurusan dengan pengaturan di mode HTML, kita dapat merubahnya tanpa harus pusing dengan susunan script.

Ini pola tampilan Popular Post yang akan kita buat.

Namun sebelum membuatnya, Anda harus mengaktifkan dulu widget popular post ini di dasboard Anda. Caranya :

  • 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 Cara Membuat Popular Post di Blogspot Lebih Ramping, ikuti cara-caranya 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 yang diatas kedalam kotak yang disediakan. Jika Anda telah banyak menambah script CSS, paste dibagian paling bawah saja.

Keterangan :

    • Anda dapat merubah ukuran dan jarak tampilan. Silahkan mengubah script sesuai keinginan. Salah satu pola script yang dapat Anda rubah ialah background-color:#f3f3f3; pada bab .PopularPosts ul li {. Rubahlah warga #f3f3f3 dengan yang Anda inginkan, jikalau ingin tampilannya putih saja ganti dengan kata white atau #fffff.
  • Jika telah jawaban dengan tampilan yang diinginkan silahkan klik Terapkan ke blog.
Baca Juga  Fungsi Dan Cara Aktifkan Pingshot Di Feedburner

Kini tampilan Tulisan Terpopuler Anda akan berubah dari yang jaraknya jarang-jarang menjadi sedikit lebih ekonomis space. Gimana gampang bukan!. Jika masih mempunyai pertanyaan, silahkan didiskusikan pada kolom komentar, kami akan dengan bahagia hati membantu.

Posted in: