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>
0 komentar:
Posting Komentar