Events

Headlines News :
Home » » Cara Membuat Popular Post Keren

Cara Membuat Popular Post Keren

Written By Maskusyani on Sabtu, 22 April 2017 | 01.36

Popular Post merupakan artikel yang paling sering di baca pengunjung blog, dengan adanya widget Popular Post maka pengunjung blog mengetahui mana-mana artikel yang sering di baca atau di cari pengunjung lainya.

Banyak macam variasi widget Popular Post dari yang biasa sampai yang dimodifikasi atau juga dari yang sederhana sampai yang berwarna-warni.

Di kesempatan kali ini, saya akan coba memberikan Cara membuat popular post keren dengan hanya menampilkan judul artikel saja.
Penampilan widget popular post ini cukup sederhana tapi tetap mempunyai nilai plus untuk mempercantik halaman blog.
.
Bagi yang berminat, ikuti tutorial berikut ini:





Masuk  ke blog
Klik Tata Letak 
Lalu Tambahkan Gadget
Klik Popular Post
Pada setingan popular post hilangkan centang Thumbnail dan Cuplikan
Kemudian klik Simpan 

Selanjutnya Klik Tema
Klik Edit HTML (klik backup/pulihkan untuk berjaga-jaga)
Pada kolom HTML cari kode ]]></b:skin> 
Untuk mempercepat pencarian pada kolom edit HTML klik kanan di mana saja lalu tekan CTLR+F
Akan muncul kolom pencarian di pojok kanan atas
Ketikan kode yang di cari pada kolom pencarian lalu Enter
Setelah ketemu tempatkan kode berikut tepat 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/AVvXsEiuiqYcTxxfw4hpyUfzwVGr1rmKWyI_fOT4C3m4D1EBGnxyGf2dkr-R4AtjpCAceiKNW4pIG8HJWuTRjRbtL4KAKuhTo-pQf0JRvNNq54ykjGiRT_0Y-707C0Xxi2pe4HQ1cT5DooCFJ0DD/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;
    }

Langkah selanjutnya klik Simpan.

Demikian panduan tentang cara membuaat popular post keren.
Semoga bermanfaat dan selamat mencoba.
Share this post :

Posting Komentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. SEDULIT COM - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger