-->
fLWeAsNtTDyJ8LBwFzvbLJXLfZMxZVmQ7RFnAnMp

Modifikasi Widger Popular Posts Bawaan Blogger

Modifikasi Widger Popular Posts Bawaan Blogger - Padahal berharap tiap minggu Windget Popular Posts itu berganti seperti Widget Random Posts, agar tiap mingu itu postingan kita digemari dengan beragam. Namun saya perhatikan urutannya masih tetap di dominasi oleh Unduh Firefox versi Terbaru Offline WIndows 32-64 Bit. Google koq gak ngerti ya, Kalkulator Warna Resistor Online saya tempatkan di Featured Post bermaksud agar bisa menempatkan dirinya pada jajaran postingan terpopuler. Namun nyatanya tidak.

Modifikasi Widger Popular Posts Bawaan Blogger

Popular Posts atau Postingan Terpopuler adalah postingan yang banyak dikunjungi atau dibaca oleh pengunjung blog lkita. Widget Popular Posts juga berguna untuk menarik minat pengunjung lain untuk membacanya. Namun seminggu saya perhatikan dari widget popular posts bawaan blogger ini tampilannya terasa agak kurang greget. Untuk itu saya mencoba untuk memberi border pada gambarnya. Modifikasi Widger Popular Posts Bawaan Blogger ini membuat saya kembali bergairah untuk menulis dan membuat artikel baru.

Jika anda ingin Widget Popular Posts seperti blog ini, silahkan tambahkan kode CSS ini pada template blog anda.

/* Popular Posts */
.popular-posts ul{padding:0;border-radius:2px;border:0;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);position:relative;overflow:hidden;}
.popular-posts ul li{box-sizing:border-box;list-style-type:none;background-color:#fff;margin:0;padding:10px 10px 10px 72px!important;min-height:68px;line-height:1.5rem;height:inherit;border-bottom:1px solid #e0e0e0;position:relative;}
.popular-posts ul li:hover{background-color:#EEE;}
.popular-posts ul li a{color:#424242;text-decoration:none;}
.popular-posts ul li a:hover{color:#212121;}
.popular-posts ul li img{width:42px;height:42px;position:absolute;padding:inherit;border-radius:50%;overflow:hidden;left:15px;border:0;display:inline-block;vertical-align:middle;}

Simpan atau tempatkan kode style css ini diatas kode penutup style </style>

Simpan template dan lihat perubahnnya !
Artikel Terkait
Endang Aep Saefulah
Radio and Electronics it's my life

Related Posts

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui. Baca lebih lanjut tentang Comment Policy
Buka Komentar

Post a comment