Cara Menciptakan Widget Popular Post Menjadi Keren Pada Blog


TANKYSTREET - Pada posting kali ini saya akan membahas mengenai bagaimana cara menciptakan
widget popular posts dengan tampilan yang lebih menarik. Widget ini dibentuk tanpa memasukkan
gambarnya (thumbnail) alasannya yakni memperhatikan imbas loading faster.




Widget blog merupakan bagian-bagian khusus yang terpisah dari bab isi halaman atau isi posting
sebuah blog atau web. Widget biasanya dipasang pada sidebar di samping isi posting atau di bagian
atas bahkan pada bab paling bawah sekalipun. Widget biasanya berisi informasi-informasi utama
yang biasanya perlu dikethui oleh pengunjung, ibarat posting yang paling terkenal di blog tersebut,
jumlah pengunjung suatu blog, komentar terbaru, posting terbaru, atau bahkan alamat sosial media
dari blog atau pemilik blog tersebut.

Memasang widget pada sebuah blog bukanlah hal yang diharuskan ataupun sangat direkomendasikan.
Ada beberapa laba dan kerugian memasang widget pada blog, terutama kalau memasang terlalu
banyak widget akan menciptakan halaman suatu blog jadi sangat usang untuk diload dan sanggup mengganggu
pengunjung, dengan kata lain blog jadi lebih berat. Disamping itu, memasang widget sanggup memberikan
navigasi atau guard bagi pengunjung di suatu blog, contohnya saja seorang pengunjung blog mencari
artikel yang membahas perihal Photoshop, maka dengan pertolongan widget "tags" pengunjung sanggup melihat
seluruh isi blog mengenai kategori tertentu. Bagi pengunjung yang memang berlangganan pada suatu
blog, widget menjadi hal yang mungkin lebih sering diperhatikan oleh pengunjung tersebut.

Nah, oleh alasannya yakni itu, untuk teman-teman yang juga memiliki blog atau halaman web, bijaklah dalam
memilih apakah akan memakai widget atau tidak pada blog masing-masing. Memilih yang manapun
sebenarnya tidak ada salhnya, sah sah saja. Tetapi kalau memasang widget saya sarankan sebaiknya
buatlah tampilan yang menarik bagi pengunjung dengan tidak mengesampingkan faktor kecepatan
loading blog. Nah, berikut ini saya berikan salah satu tips untuk mempercantik tampilan sidebar
khususnya tampilan widget yang sanggup teman-teman terapkan pada blog masing-masing.

Pada template usang blog ini, saya memakai sebuah style khusus untuk tampilan widget popular
post yang saya pasang, nah barangkali diantara teman-teman ada yang berminat memasang tampilan
serupa pada blognya silakan ikuti langkah-langkah berikut ini. Makara untuk menambahkannya
pertama-tama silakan teman-teman tambahkan widget/gadget Popular Posts (jika belum ada) pada
blog teman-teman.



 Pada posting kali ini saya akan membahas mengenai bagaimana cara menciptakan  Cara Membuat Widget Popular Post Menjadi Keren Pada Blog



Selanjutnya widget yang telah dipasang perlu dilakukan beberapa pengaturan, atur widget popular
posts yang akan teman-teman tambahakan ibarat pada gambar berikut ini, atur waktunya
(Paling banyak dikunjungi) sesuai harapan teman-teman, sebaiknya gunakan terkenal per bulan
(30 hari terakhir) atau per pekan (7 hari terakhir) biar lebih cepat terperbaharui sehingga pengunjung
akan melihat hasil yang berbeda pada rentang waktu.

 Pada posting kali ini saya akan membahas mengenai bagaimana cara menciptakan  Cara Membuat Widget Popular Post Menjadi Keren Pada Blog



Kemudian Simpan hasil pengaturan terhadap widget yang telah teman-teman pasang tadi, selanjutnya
buka bab Tema pada blog teman-teman (jika memakai Blogger) kemudian pilih Edit HTML.

 Pada posting kali ini saya akan membahas mengenai bagaimana cara menciptakan  Cara Membuat Widget Popular Post Menjadi Keren Pada Blog




Kemudian kita akan mengatur bab utama dari memperindah tampilan widget popular post ini,
kita akan menambahkan instruksi CSS, berikut ini instruksi tersebut, tambahkan instruksi CSS berikut ini.
Letakkan diatas instruksi ]]></b:skin>.


/* Popular Posts */ .PopularPosts ul{padding:0;margin:0} .PopularPosts li{display:block;padding:3px 25px!important;margin:5px 0 0 20px;position:relative;border:1px solid #00aeef;transition:all .15s} .PopularPosts a{color:#333;font-weight:bold} .PopularPosts li:before{content:"\f0c1";position:absolute;top:6%;left:-5%;background:#00aeef;padding:10px;border-radius:50%;height:12px;width:12px;font:normal normal normal 14px/1 FontAwesome;color:#fff;text-align:center;border:1px solid #00aeef} .PopularPosts .item-snippet{text-align:left;margin-bottom:3px;cursor:default;font-size:11px} .PopularPosts .item-title{text-align:center} .PopularPosts li:hover{background:#00aeef;color:#fff;border:1px solid #d8d9da} .PopularPosts li:hover a{color:#fff} .PopularPosts li:hover:before{border:1px solid #f5f8fa} .item-content .item-thumbnail{display:none}


Silahkan dicoba pada blog anda...