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:

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/AVvXsEhKKzl9D3cHYJtJ_OH5TACsNUneG0MGG9tCgLf5D8DpcxYvcbybIK23s2L_v_M_OTfrNy_B1RdvUEYkLT43g2Ye7EovJzizBvpKpVQKtX-z0-PumFVgYP2zVmN5TmdopQR0LvciL86sAWC1/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.

Unknown

Phasellus facilisis convallis metus, ut imperdiet augue auctor nec. Duis at velit id augue lobortis porta. Sed varius, enim accumsan aliquam tincidunt, tortor urna vulputate quam, eget finibus urna est in augue.

Tidak ada komentar:

Posting Komentar