Judul : Cara Membuat Popular Post Blog Sederhana Tapi Keren
link : Cara Membuat Popular Post Blog Sederhana Tapi Keren
Cara Membuat Popular Post Blog Sederhana Tapi Keren
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/AVvXsEi6FsDY-7mBlErG27xEGvn9srTmbVilG2yq3-HXKeqN0fExH8ieo2PuAhqbDMkIDwE9SXXNJjSbf5fuDWfHUaK-CWDSNkzZeVUx3A1iwdqlZif5Yf5KLMEFiYd-S3AymCYbFkUpH0gmU91k/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/AVvXsEi6FsDY-7mBlErG27xEGvn9srTmbVilG2yq3-HXKeqN0fExH8ieo2PuAhqbDMkIDwE9SXXNJjSbf5fuDWfHUaK-CWDSNkzZeVUx3A1iwdqlZif5Yf5KLMEFiYd-S3AymCYbFkUpH0gmU91k/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.
Demikianlah Artikel Cara Membuat Popular Post Blog Sederhana Tapi Keren
Sekianlah artikel Cara Membuat Popular Post Blog Sederhana Tapi Keren kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.
Anda sekarang membaca artikel Cara Membuat Popular Post Blog Sederhana Tapi Keren dengan alamat link https://trickterbaruagar.blogspot.com/2014/07/cara-membuat-popular-post-blog.html
0 Response to "Cara Membuat Popular Post Blog Sederhana Tapi Keren"
Posting Komentar