Cara Membuat Populer Post Sederhana Seo Responsif
1. letakkan kode berikut ini di atas ]]></b:skin>
/*--- Kumpulan Pengetahuan Popular Posts --- */
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwHrCfL0XHUtBS_3rycWsmnuDS1ZiL7T9UNlr54jpn6RYsiVzz4L6sSogRTPcmZLGW9xTTgY6ySbV0zTsbA3YAxZgjmgDMlKECcM5ZVew52j5LJsCzEpbSE0awTw2dXmQ1ISjrosKbxJbO/s400/33.gif") no-repeat scroll 5px 8px rgb(255, 255, 255);
list-style-type: none;
margin: 0px 0px 5px;
padding: 5px 5px 5px 20px !important;
border: 1px solid #dddddd;
border-radius: 10px 10px 10px 10px;
}
.popular-posts ul li:hover {
border:1px solid #666666;
}
.popular-posts ul li a:hover {
text-decoration:none;
}
Keterangan:
Anda dapat melakukan perubahan untuk menyesuaikan tampilan default dari kode di atas:
- Untuk mengubah gambar bullet, gantilah link gambar yang bercetak tebal pada kode di atas dengan URL bullet Anda.
- Untuk mengubah warna perbatasan dalam mode aktif editlah bagian ini #dddddd
- Untuk mengubah warna perbatasan pada saat ditunjuk mouse edit bagian ini #666666
- Anda dapat menggunakan Kode Warna CSS milik saya untuk mencari kode warna yang tepat.
2. simpan Template .
/*--- Kumpulan Pengetahuan Popular Posts --- */
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwHrCfL0XHUtBS_3rycWsmnuDS1ZiL7T9UNlr54jpn6RYsiVzz4L6sSogRTPcmZLGW9xTTgY6ySbV0zTsbA3YAxZgjmgDMlKECcM5ZVew52j5LJsCzEpbSE0awTw2dXmQ1ISjrosKbxJbO/s400/33.gif") no-repeat scroll 5px 8px rgb(255, 255, 255);
list-style-type: none;
margin: 0px 0px 5px;
padding: 5px 5px 5px 20px !important;
border: 1px solid #dddddd;
border-radius: 10px 10px 10px 10px;
}
.popular-posts ul li:hover {
border:1px solid #666666;
}
.popular-posts ul li a:hover {
text-decoration:none;
}
Keterangan:
Anda dapat melakukan perubahan untuk menyesuaikan tampilan default dari kode di atas:
- Untuk mengubah gambar bullet, gantilah link gambar yang bercetak tebal pada kode di atas dengan URL bullet Anda.
- Untuk mengubah warna perbatasan dalam mode aktif editlah bagian ini #dddddd
- Untuk mengubah warna perbatasan pada saat ditunjuk mouse edit bagian ini #666666
- Anda dapat menggunakan Kode Warna CSS milik saya untuk mencari kode warna yang tepat.
2. simpan Template .
DONASI VIA PAYPAL
Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi akan digunakan untuk memperpanjang domain https://irinmedia.blogspot.com/. Terima kasih.
Newer Posts
Newer Posts
Older Posts
Older Posts
Comments