Saturday, May 25, 2019

Widgets Popular Posts Blog Cantik dan Keren

Saturday, May 25, 2019

Widgets Popular Posts Cantik dan Keren


Halo..! apakabar… sahabat semuanya. Saya berharap anda semua baik-baik saja. Hari ini saya akan membagikan widgets untuk membuat situsblog anda lebih cantik dan juga keren. Widgets Ini untuk postingan populer. Anda dapat mengatur postingan populer hingga 5-10 dan Anda dapat menampilkan gambarnya bulat atau hanya widgets sederhana di blog. Di sisi kiri Anda melihat post populer yang bergaya dengan thumbnail bulat di sebelah kiri. Anda dapat melihat demo disamping kanan sidebar blog ini, untuk widgets ini dengan thumbnailnya juga.

Admin mau merekomendasikan ke sahabat untuk menggunakan widget ini karena ini akan memberikan keindahan buat situsblog Anda.karena kode ini tidaklah sulit di dalam memasang CSS nya ke template blog dan juga tidak akan mempengaruhi kinerja waktu pemuatan untuk blog Anda.

Untuk menambahkan widget popular post ini ke blog Blogger, kode widget dan buka Blogger.com >> Tema >> Edit HTML >> Sekarang tempel kode CSS di dalam Kotak template.Tepatnya dibawah ]]></b:skin> bisa juga diatas ]]></b:skin> Setelah semuanya selesai, tekan tombol "Simpan Tema" untuk menyimpan.

/* Popular Post */
.PopularPosts ul{list-style:none;margin:0 auto;padding:0;overflow:hidden;width:100%}.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{margin:0;padding:0;list-style:none;border:none;background:none;outline:none}.PopularPosts ul li{margin:0 auto 10px;position:relative;overflow:hidden;line-height:1em!important;list-style:none;padding:20px 0 0}.PopularPosts ul li a:hover{color:#999!important}.PopularPosts li a{color:#2d2d2d!important;font-weight:600!important;font-size:14px!important;list-style:none;line-height:1.3em;display:block;overflow:hidden}.PopularPosts ul li img{width:72px;height:72px;float:left;display:inline-block}.PopularPosts .item-thumbnail{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:99em;overflow:hidden;float:left;margin:-10px 13px 0 0!important;position:relative}.PopularPosts .item-snippet{display:block;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:12px;color:#aaa;overflow:hidden;margin:4px 0 0;display:none}.PopularPosts .item-title{padding:0;margin:0;text-align:left}

Nah ini contoh gambar dimana kode CSS/HTML nya di masukan ke dalam sebuah template blog berikut ini;

Widgets Popular Posts Cantik dan Keren




Bagaimana kah ? cara menampilkan widget Postingan Populer di Blog Blogger sidebar? Buka Dasbor Blogger Anda: lalu pilih Tata Letak Selct Klik pada Tambahkan gadget dan pilih gadget bernama gadget Postingan populer

Widgets Popular Posts Cantik dan Keren



Klik semua opsi yang tepat di bawah ini seperti yang ditunjukkan pada gambar di bawah ini jika Anda perlu menampilkan posting dengan gambar thumbail


Jangan pilih opsi Gambar  jika Anda tidak ingin menampilkan gambar.Jika Anda memilih cuplikan gambar thumbail, ringkasan akan ditampilkan.Pilih angka dari opsi (maksimum 10) berapa banyak posting yang ingin Anda tampilkan

Nah, itulah Widgets Popular Posts Blog Cantik dan Keren. Semoga artikel ini dapat bermanfaat bagi sahabat semua. Sekian dan terima kasih...



Bisa Anda Memberikan Komentarnya Dibawah Postingan Ini.



Salam Blogger; https://iyaseo.id/


Show comments
Hide comments

4 comments on Widgets Popular Posts Blog Cantik dan Keren