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.
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(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqeRbQ9RDv3vLGVw_aNBPUbC-YpqpBe_dubeBr7XPvQTXdit2eQF9-45zg6c2ieJN1SwnVHAjgRN4blqQidl1QHXpT_kRty9S1WjEnU3JHYlCrkzSNd2DAUpWEqqZaZ_GqbPBlkAXd4GZx/s400/33.gif&quot;) 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.
Bermanfaat Gan, Thx
BalasHapusakan sya coba gan.thanks
BalasHapusijin praktek gan
BalasHapusSilakan gan
HapusThanks gan ijin sedot
BalasHapusSama-sama gan,silakan dicoba
Hapuskeren gan makasih buat widgetnya !
BalasHapuswahh gan nihh artikel udah dicari-cari akhirnya ketemu
BalasHapusBoleh di coba nih, mantap
BalasHapusMantap mas Mau Donk
BalasHapus