Cara Membuat Popular Post Keren Di Blogger - Entri Popular Berjalan dan Bergerak

Hai sobat AS! Bertemu lagi dengan saya. Kali ini AnggaSave akan membagikan tutorial cara membuat popular post keren di blogger. Untuk membuat popular post menjadi popular keren dan menarik kita hanya perlu menambahkan kode CSS di template blogger lalu membuat entri popular di tata letak blog.

Popular post merupakan widget yang beriri bebarapa artikel yang sering dan paling banyak dibaca di blog anda.Sangatlah cocok popular post ini dipasang pada blog elegant karena tampilannya yang keren dan menarik. Jika anda mahir  dalam mengolah kode CSS anda bisa membuat popular post ini menjadi lebih keren.

Bagi anda yang berminat untuk memasang popular post ini maka silakan simak langkah-langkahnya berikut.

Cara Membuat Popular Post Keren

1. Silakan masuk ke blogger,lalu klik Tata Letak → Tambahkan gadget → Entri Popular

Lalu klik simpan

2. Silakan klik Template → Edit HTML ,lalu cari kode ]]></b:skin>

3. Salin kode CSS dibawah ini lalu letakkan diatas kode ]]></b:skin> 

 /*--- Genera Popular Posts --- */
    .popular-posts ul{padding-left:0px;}
    .popular-posts ul li {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEdmp54ZBcf0Ss1y0GL1tCgNBMsomJ_clM7ozxfmjPqpKrP4cHYXbtoTjOL6xBt5RI_tORL91N4noJzorB2g9rz8GsRAAmUeYCPow2dNogXYgvJmXC0jIUJXRhpjhTjeaejgyiHQiA_hLr/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;
    }

Lalu klik Simpan

Dan sekarang coba lihat blog sobat untuk melihat hasil dari popular post yang telah dibuat. Cukup sekian tutorial yang bisa saya bagikan semoga bermanfaat dan membantu.