Cara Membuat Widget Popular Post Di Blogspot

By On Monday, September 18th, 2017 Categories : Uncategorized

Walaupun sudah lama memiliki sebuah blog namun nyatanya tidak sedikit juga yang akan merasa bingung terhadap cara membuat Widget Popular Post di Blogspot yang unik dan berbeda. Tak heran memang karena diketahui bahwa untuk membuat widget popular post yang unik di Blogspot akan membutuhkan script HTML khusus, untuk itulah karena langkahnya sendiri dapat dikatakan terhitung sulit maka tak heran jika tidak banyak kalangan yang masih belum mengetahuinya.

Cara Membuat Widget Popular Post Di Blogspot

Widget popular post sendiri tentu memiliki kelebihan tersendiri yang akan bermanfaat untuk pemilik serta pengunjung/visitor dari sebuah blog, dengan adanya widget tersebut maka siapapun dapat mengetahui post yang paling popular dalam sebuah blog. Namun diketahui bahwa untuk memasang widget tersebut pemilik blog harus mengetahui cara membuat widget tersebut, dan berikut ini adalah beberapa cara membuat Widget Popular Post di Blogspot yang dapat kita ketahui bersama.

Cara Membuat Widget Popular Post Di Blogspot

  • Langkah pertama yang dapat dilakukan adalah login terlebih dahulu ke Blogger.com hingga tampilan berada di Dashboard.
  • Setelah itu, pilih opsi Tata letak kemudian pilih opsi Tambahkan Gadget.
  • Disana anda akan menemukan beragam opsi untuk widget, untuk widget popular post sendiri maka pilihlah opsi Entri Populer lalu lakukan pengaturan. (namun disarankan untuk tidak mengisi centang opsi ThumbnailGambar dan juga Cuplikan)
  • Kemudian save atau simpan pengaturan tersebut setelah sesuai dengan keinginan anda.
  • Setelah sukses, carilah opsi Template kemudian pilihlah opsi Edit HTML.
  • Disana anda akan menemukan kode script HTML dan carilah kode ]]></b:skin>
  • Lalu copy kode script HTML dibawah ini dan paste atau tempelkan tepat di atas script HTML yang tadi.

/* Popular Post */

.PopularPosts .widget-content ul{margin-top:-5px;margin-bottom:-1px;padding-right:20px!important;list-style-type:none}

.PopularPosts .widget-content ul li{position:relative;padding:10px!important}

.PopularPosts .widget-content ul li:first-child{background:#555;width:100%}

.PopularPosts .widget-content ul li:first-child:after{content:&quot;01&quot;;background:#f88c00}

.PopularPosts .widget-content ul li:first-child+li{background:#666;width:100%}

.PopularPosts .widget-content ul li:first-child+li:after{content:'02'}

.PopularPosts .widget-content ul li:first-child+li+li{background:#777;width:100%}

.PopularPosts .widget-content ul li:first-child+li+li:after{content:'03'}

.PopularPosts .widget-content ul li:first-child+li+li+li{background:#888;width:100%}

.PopularPosts .widget-content ul li:first-child+li+li+li:after{content:'04'}

.PopularPosts .widget-content ul li:first-child+li+li+li+li{background:#999;width:100%}

.PopularPosts .widget-content ul li:first-child+li+li+li+li:after{content:'05'}

.PopularPosts .widget-content ul li:first-child+li+li+li+li+li{background:#aaa;width:100%}

.PopularPosts .widget-content ul li:first-child+li+li+li+li+li:after{content:'06'}

.PopularPosts .widget-content ul li:first-child+li+li+li+li+li+li{background:#bbb;width:100%}

.PopularPosts .widget-content ul li:first-child+li+li+li+li+li+li:after{content:'07'}

.PopularPosts .widget-content ul li:first-child+li+li+li+li+li+li+li{background:#c1c1c1;width:100%}

.PopularPosts .widget-content ul li:first-child+li+li+li+li+li+li+li:after{content:'08'}

.PopularPosts .widget-content ul li:first-child+li+li+li+li+li+li+li+li{background:#ccc;width:100%}

.PopularPosts .widget-content ul li:first-child+li+li+li+li+li+li+li+li:after{content:'09'}

.PopularPosts .widget-content ul li:first-child+li+li+li+li+li+li+li+li+li{background:#ddd;width:100%}

.PopularPosts .widget-content ul li:first-child+li+li+li+li+li+li+li+li+li:after{content:'10'}

.PopularPosts .widget-content ul li:first-child:after,.PopularPosts .widget-content ul li:first-child+li:after,.PopularPosts .widget-content ul li:first-child+li+li:after,.PopularPosts .widget-content ul li:first-child+li+li+li:after,.PopularPosts .widget-content ul li:first-child+li+li+li+li:after,.PopularPosts .widget-content ul li:first-child+li+li+li+li+li:after,.PopularPosts .widget-content ul li:first-child+li+li+li+li+li+li:after,.PopularPosts .widget-content ul li:first-child+li+li+li+li+li+li+li:after,.PopularPosts .widget-content ul li:first-child+li+li+li+li+li+li+li+li:after,.PopularPosts .widget-content ul li:first-child+li+li+li+li+li+li+li+li+li:after{position:absolute;bottom:1px;right:1px;background:#444;padding:6px 5px;width:20px;line-height:1em;text-align:center;color:#eee;font-size:13px!important}

.PopularPosts .widget-content{padding-right:10px}

 

  • Pilih opsi simpan/save template tersebut dan cobalah mengakses blog anda untuk melihat hasilnya.

Demikian di atas tadi adalah beberapa cara membuat Widget Popular Post di Blogspot yang telah kita ketahui bersama, semoga informasi pengaturan blog dan widget di atas dapat membantu serta dapat bermanfaat untuk anda semuanya.

Cara Membuat Widget Popular Post Di Blogspot | Widget | 4.5
Leave a Reply