sponsored ads

Cara Membuat Popular Post Blog Sederhana Tapi Keren

Posted By : 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:

Cara Membuat Popular Post Blog Sederhana Tapi 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.

/*--- 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;
    }

6. Klik pratinjau jika tidak terjadi eror klik simpan.

Baca juga cara membuat bermacam-macam populer post lainnya.

7 comments:

  1. terimakasih banyak gan, sangat bermanfaat sekali artikelnya..

    ReplyDelete
  2. Manteep sob artikelnya :)
    http://goo.gl/EeJFUj

    ReplyDelete
  3. Asli Work gan
    Kunjungi balik ya .. siapa tau aja ada artikel yang menarik
    http://carakitamudah.blogspot.com/

    ReplyDelete
  4. Thanks kak.... lagi nyari2 soalnya smrawut populer ane

    ReplyDelete
  5. Thx gan alhamdulillah berhasil salam kenal yaa.. www.awitrom.com

    ReplyDelete
  6. keren juga nih, coba ha, btw thanks gan infonya. kunjung balik ya https://ikangs.blogspot.com/

    ReplyDelete

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