Senin, 23 Mei 2016

Cara Membuat dan Pasang Widget Entri Popular Post Keren di Blog

Ketemu Lagi di 23 Mei 2016 Dengan Cara Jasa SEO Blog Google sudah lama kita tidak jumpa lagi yaitu hampir 1 bulan lebih lamanya dan pada kesempatan kali ini saya akan berbagi tips yaitu seputar perwidgetan yaitu Cara Membuat dan Pasang Widget Entri Popular Post Keren di Blog ok kita akan simak tipsnya:

Dan sebelum kita bahas topik lengkapnya kita akan coba bahas dulu tutorial Kumpulan Aplikasi Edit Foto dan Video Terbaik 2016 yang mungkin saja belum anda miliki dan berikut adalah tipsnya untuk anda.

Widget adalah satu parameter yang sangat cocok dan bagus untuk menambah wajah dan kecantikan pada blog kita tetapi ada kalanya widget yang berlebihan akan mengurangi tingkat responsive pada blog kita.

Widget Blog Keren Terbaru 2016

Ok widget popular post yang dibagikan disini adalah widget blog berbentuk bulat langsung saja kita simak cara carnya dan widget tersebut kira kira akan terlihat seperti gambar diatas.

1. Untuk menambah atau membuat widget seperti itu sangat mudah sekali yaitu kita bisa menggunakan CSS atau menambahkan opsi css pada template kita, tata caranya adalah masuk ke EDIT TEMPLATE lalu cari kode ]]></b:skin> dan tambahkan kode dibawah ini tepat diatas kode ]]></b:skin>

.popular-posts ul{padding-left:0px;font:14px PT Sans Narrow;text-align:justify;color:#555;line-height:14px;margin:5px 0} .popular-posts ul li {background: url(#) no-repeat scroll 5px 5px; list-style-type: none; margin:0 0 5px 0px; padding:5px 5px 5px 5px !important;font-size:16px!important;font-weight:550; border: 1px solid #58ACFA; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .popular-posts ul li:hover { background: #CCE9FD;border:1px solid #58ACFA; } .popular-posts ul li a:hover { text-decoration:none; } .popular-posts .item-thumbnail img { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); box-shadow: 0 1px 3px rgba(0, 0, 0, .4);height:70px;width:70px;}.popular-posts .item-thumbnail img:hover { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); box-shadow: 0 1px 3px rgba(0, 0, 0, .4);-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);}

2. Lalu silahkan anda SAVE/SIMPAN template anda dan sekarang coba refresh blog anda dan silahkan lihat hasilnya bagaimana sudah berhasilkah atau belum?

Nah sangat simple bukan tutorial Cara Membuat dan Pasang Widget Entri Popular Post Keren di Blog Terbaru tersebut silahkan langsung dipraktekan biar anda tidak ketinggalan keren dari blog blog mastah yang lainnya dan terima kasih semoga sukses selalu.