Cara Membuat Widget Popular Post Keren

Cara Membuat Widget Popular Post Keren atau artikel terbaru yang bagus berguna untuk mempercantik sobat. pada bawaan blogger mungkin stylenya cukup bagus namun kurang menarik kali ini kita akan sedikit memodifikasinya. yang blog saya pakai ini berada di sidebar kanan adalah contohnya sobat bisa menilai bagus atau tidak kalau bagus langsung saja kita praktek.

Langkah pertama pastikan widget popular post sobat aktik/terpasang cara mengaktifkan login ke blogger klik tata letak>add gadget silahkan sobat tambahkan sendiri pasti sudah bisakan?

Setelah langkah diatas berhasil silahkan masuk ke template>edit HTML>centang Expand Template Widget, Cari kode seperti ini ]]></b:skin> untuk mempercepat pencarian tekan CTRL+F.
Setelah berhasil menemukan kode di atas copy dan pastekan kode berikut tepat di atasnya

<style>

.popular-posts ul{padding-left:0px;}

.popular-posts ul li {background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2ax3-gQtFSycnbTNv3XN1mVJfgI8wRwbp13lyzmof3A_FQSSO2lwHCZqfRLdpAA5wDg-vsdqsuefmW-Uq65VxRfZYdz7BRW2O70JQfrgKECmPJujm3VIbfITMPyfJVRAu8HPqi8Gd7CQ/s1600/rb+cancel+icon...jpg) no-repeat scroll 5px 10px;

list-style-type: none;

margin: 0 0 5px 0px;

padding: 5px 5px 5px 33px !important;

border: 1px dashed #dddddd;

border-radius: 10px;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

}

.popular-posts ul li:hover {

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsb1NlZxs6opB7AhVhBEix7N9o3Gh5XOhQKmC_cntkKqy3puUPHSVUX188admg5g3YjAHTpovkL_GjXvdQpKfftYctKFAeMheXoQqZ3SDnEZYkhW9YVv-vUdnB1rrAuQyWWJiL88mmedA/s1600/rb+mark+icon...jpg) no-repeat 2px;

border: 2px solid #b60000;

-moz-border-radius: 8px;

-webkit-border-radius: 8px;

}

.popular-posts ul li a:hover {

text-decoration:none;

}

</style>

Langkah terakhir SAVE dan lihat hasilnya :D jika sobat mengalami masalah tentang cara membuat widget popular post keren ini Silahkan laporan dibawah Trimakasih