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 yang kurang sedap. Apalagi dengan pengaturan yang 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. 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 teladan tampilan Popular Post yang bakal 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 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 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 teladan script yang dapat Anda rubah yakni background-color:#f3f3f3; pada bab .PopularPosts ul li {. Rubahlah warga #f3f3f3 dengan yang Anda inginkan, bila ingin tampilannya putih saja ubah dengan kata white atau #fffff.
• Jika telah tamat dengan tampilan yang diinginkan silahkan klik Terapkan ke blog.

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

Tweet