11:02 PM
Hzndi
Setelah browsing iseng-iseng kesana kemari, akhirnya saya menemukan salah satu cara untuk hack widget popular post atau artikel terpopuler. Memang sih pihak blogger sudah menyediakan widget ini, namun tampilannya masih kurang rapi dan gambarnya pu terkadang acak-acakan. Dengan di tambahkannya beberapa kode css, maka widget ini akan semakin terlihat elegan dan menakjubkan. Penasaran ? lihat caranya di bawah ini :
1. Login ke Blogger.com
2. Klik Tata Letak --> Tambah Gadget --> Pilih "Entri Populer". Nah untuk setiingan-nya terserah kamu mau menampilkan berapa artikel, boleh 7, 8 , atau 10. Jangan lupa untuk menampilkan gambarnya saja ! kalau pake cuplikan postingan juga ribet hehe.
3. Simpan template, tetapi masih belum selesai nih.
4. Sekarang klik Template --> Edit HTML --> Kamu cari kode ]]></b:skin>, gunakan ctrl + f untuk memudahkan pencarian.
5. Salin kode di bawah ini dan letakkan di atas kode ]]></b:skin>.
.PopularPosts .item-thumbnail {
padding: 3px;
border: 1px solid #999;
background-color: #fff;
}
.PopularPosts img {
height: 36px;
width: 36px;
}
.PopularPosts .widget-content ul li {
list-style: none;
}
6. Simpan template dan lihat hasilnya :)
Posted in: 
saya sebenarnya tertarik buat mempraktekkan ilmu2 yang ada di blog ini, cuma ya itu, nyari waktu dulu, kalo pas mood, waktunya mendukung, jegeerr, blog berkilau seketika..hehe
ReplyDeletehahah memang sih pake, saya juga kalau lagi mood saja membagikan tutorianya, kalau lagi ga mood ya palingan cuma bagi2 software gratisan doang :p hehehe
Deletejadi penasarang pas bapak mood kayak gimana :p
super sekali sob..
ReplyDeleteI like it..
tolong kalau berkomentar yang nyambung dengan postingan gan, jangan sedikit seperti ini :)
Deletemakin menyemarakan tampilan blog tentunya ya :D
ReplyDeletebetul banget enteee gan :D
DeleteWah boleh nih ilmunya untuk di uji coba kan.. Trimakasih sobat
ReplyDeletesipp sobat sama2
Deletewidgetnya keren banget kawan :)
ReplyDeleteheheh iyah dong gan seperti adminnya yang keren dan kece hehehe
Deleteehm, ga di kasih demonya ya gan :D ane cari di tempat ente juga ga ada, pengen liat seperti apa. klo di gambar kurang mantep aja :D
ReplyDeleteitu demo screenshotnya langsung dari situs ane gan, cuma ane langsung remove aja widgetnya
Deletesaya perlu masukan untuk tutorial tutorial seperti ni nie bang. makasih ya :D
ReplyDeleteoke kang sama2 :)
DeleteWih keren juga nih... ada bingkainya :D
ReplyDeletehehe iyah gan biar lebih rapi dan menarik :)
Deletekyknya menarik gan . . izin mencoba gan . . #smile
ReplyDeleteyoyoi agan :)
Deletepengen nyoba nih.. tp blm sempet waktunya..
ReplyDeleteThx udah dishare ilmunya. Smoga kpn2 bs nyoba :D
yah kok kapan2 ? sekarang saja di cobanya :D
Deletemakasih sob,saya dah pake sebagian tutor nya.....mantrap !!!
ReplyDeletekeren juga.. tapi masih kaya bawaan bloger ya tampilannya..
ReplyDelete