CARA MEMBUAT POPULAR POST BLOG SEDERHANA TAPI KEREN
Cara Membuat Popular Post Blog Sederhana Tapi Keren - Widget popular post bawaan standar blogger dari sebagian orang tampil kurang menarik, nah dalam kesempatan kali ini saya akan share mengenai bagaimana menciptakan widget popular post menjadi sederhana tetapi tampil menarik, berikut merupakan tuorial cara membuat widget popular post blog secara sederhana tetapi keren:
1. Log in ke akun blogger sobat
2. Klik tata letak/ masukkan widget popular post
3. Pada pengaturan popular post hilangkan image pada thumbnail dan snippet.
4. Simpan kemudian lanjutkan ke tamplate dan edit HTML
5. Cari kode berikut ]]> lalu tambahkan kode berikut ini tepat diatas kode yang aku sebutkan diatas.
6. Klik pratinjau apabila tidak terjadi eror klik simpan.
Baca juga cara menciptakan bermacam-macam populer post lainnya.
1. Log in ke akun blogger sobat
2. Klik tata letak/ masukkan widget popular post
3. Pada pengaturan popular post hilangkan image pada thumbnail dan snippet.
4. Simpan kemudian lanjutkan ke tamplate dan edit HTML
5. Cari kode berikut ]]> lalu tambahkan kode berikut ini tepat diatas kode yang aku sebutkan diatas.
/*--- Genera Popular Posts --- */
.popular-posts ulpadding-left:0px;
.popular-posts ul li
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJaJIDvvWExzVZH9VJBx3yZRfFBh8qt1ilpLMyPWU3RcBnKF-TBdzzazNfDPsZpg7KIkekOA6ZhSe0LcHNqf6Bbbm1qavWYzOoXoP-I9TzQmzKousCP30z4f5OtEM82CTPxjTu-YxQQT4u/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;
.popular-posts ulpadding-left:0px;
.popular-posts ul li
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJaJIDvvWExzVZH9VJBx3yZRfFBh8qt1ilpLMyPWU3RcBnKF-TBdzzazNfDPsZpg7KIkekOA6ZhSe0LcHNqf6Bbbm1qavWYzOoXoP-I9TzQmzKousCP30z4f5OtEM82CTPxjTu-YxQQT4u/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;
6. Klik pratinjau apabila tidak terjadi eror klik simpan.
Baca juga cara menciptakan bermacam-macam populer post lainnya.
Comments
Post a Comment