sponsored ads
Cara Membuat Popular Post Blog Sederhana Tapi Keren
Posted By : Tips & Cara Admin Posted on - 11:58:00 AM with 7 comments
Cara Membuat Popular Post Blog Sederhana Tapi Keren - Widget popular post bawaan standar blogger menurut sebagian orang tampil kurang menarik, nah pada kesempatan kali ini saya akan share tentang bagaimana membuat widget popular post menjadi sederhana namun tampil menarik, berikut adalah tuorial cara membuat widget popular post blog secara sederhana namun keren:
1. Log in ke akun blogger sobat
2. Klik tata letak/ tambahkan widget popular post
3. Pada pengaturan popular post hilangkan image pada thumbnail dan snippet.
4. Simpan lalu lanjutkan ke tamplate dan edit HTML
5. Cari kode berikut ]]></b:skin> lalu tambahkan kode berikut ini tepat diatas kode yang saya sebutkan diatas.
6. Klik pratinjau jika tidak terjadi eror klik simpan.
Baca juga cara membuat bermacam-macam populer post lainnya.
1. Log in ke akun blogger sobat
2. Klik tata letak/ tambahkan widget popular post
3. Pada pengaturan popular post hilangkan image pada thumbnail dan snippet.
4. Simpan lalu lanjutkan ke tamplate dan edit HTML
5. Cari kode berikut ]]></b:skin> lalu tambahkan kode berikut ini tepat diatas kode yang saya sebutkan diatas.
/*--- Genera Popular Posts --- */
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9gf1OO86TmP3Et2HaELyv9uw4xstxrSTQ8uuiVtBHfioCJigacu1lBuNUzJqLa5w2ac-V9czaoC48GZ8o89RmRs7z9LK-ftUVOj4voRlonT7Jtb_pfupakJL8pVXIcBLU9O79WktT8tDj/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 ul{padding-left:0px;}
.popular-posts ul li {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9gf1OO86TmP3Et2HaELyv9uw4xstxrSTQ8uuiVtBHfioCJigacu1lBuNUzJqLa5w2ac-V9czaoC48GZ8o89RmRs7z9LK-ftUVOj4voRlonT7Jtb_pfupakJL8pVXIcBLU9O79WktT8tDj/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 jika tidak terjadi eror klik simpan.
Baca juga cara membuat bermacam-macam populer post lainnya.
Jika Anda menyukai Artikel di blog ini, Silahkan
klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Tips & Cara
Artikel Terkait Dengan "Cara Membuat Popular Post Blog Sederhana Tapi Keren "
7 comments:
Ketentuan Berkomentar:
1. Menautkan link aktif (anchor text) pada komentar secara otomatis akan kami hapus
2. Gunakan fasilitas Name/URL untuk menempatkan link anda
3. Dilarang berkomentar diluar topik artikel (SARA, pornography, provokasi,promosi produk)
4. Dilarang komentar spam
5. Berkomentarlah dengan baik dan sopan
6. Komentar yang tidak sesuai dengan poin diatas tidak akan dipublikasikan
Admin Tips & Cara
keren sob kunjungan balik ya
ReplyDeleteterimakasih banyak gan, sangat bermanfaat sekali artikelnya..
ReplyDeleteManteep sob artikelnya :)
ReplyDeletehttp://goo.gl/EeJFUj
Asli Work gan
ReplyDeleteKunjungi balik ya .. siapa tau aja ada artikel yang menarik
http://carakitamudah.blogspot.com/
Thanks kak.... lagi nyari2 soalnya smrawut populer ane
ReplyDeleteThx gan alhamdulillah berhasil salam kenal yaa.. www.awitrom.com
ReplyDeletekeren juga nih, coba ha, btw thanks gan infonya. kunjung balik ya https://ikangs.blogspot.com/
ReplyDelete