Widget Popular Post Menjadi Lebih Menarik. Baiklah sobat tutorial seocips.com saat ini adalah tentang bagaimana cara mengubah tampilan popular post agar terlihat semakin menarik. Sobat pastinya memiliki alasan jika ingin mengubah tampilan popular post sobat, salah satu alasannya seperti diatas. Dengan menampilakan popular post juga dapat membantu pengunjung anda untuk melihat artikel yang paling populer di blog anda. Baik yang sedang populer bebera hari dan yang sudah lama populer.

Widget Popular Post Menjadi Lebih Menarik

Tampilan dasar popular post dari blogger tidak dirancang sedemikian rupa, jadi hanya memiliki tampilan yang standar saja. Ok untuk anda pengunjung setia seocips.com berikut ini adalah cara mengubah tampilan popular post. Ditutorial sebelumnya juga telah dibahas mengenai bagaimana membuat widget Popularpost 3D bergerak diblog dan widget popular post keren untuk blogger.

Sebelumnya Letakan Widget Popular Post Di template Anda:

Untuk sobbat yang belum tahu bagaimana cara memasaukan widget popularpost ke template Berikut ini adalah caranya :
  • Go To Blogger >> Your Blog >> Layout.
  • Add a Gadget >> Now within the list of widget look for “Popular Posts” and select it.
  • Now match the settings which are shown in the screenshot below.
Widget Popular Posts
  • Select “Last 7 Days” (Weekly).
  • Make sure you check the “Image Thumbnail” and “Snippet” because we need to display Small images along the trendy article, this will add more spice to your site. 
  • You can display up to 10 trendy articles, but we would recommend you to select 7 from the Drop down list.
  • Now go ahead and Save the widget and that’s it we have successfully integrated a Popular Post widget.
Customizing and Stylizing Blogger Popular Post Widget:
  • Once again go to Blogger >> Template >> (Create a backup in case anything went wrong). 
  • Select Edit HTML >> Proceed.
  • Now with in the Template Search for ]]></b:skin> (CTRL+F Shortcut to quick search) and just above it paste the following CSS Coding.
/*--- seocips --- */
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url(http://4.bp.blogspot.com/-oOVUW06ghgo/UHwuqL9TltI/AAAAAAAAGKU/Nj4DQnvft8k/s1600/1.gif)  no-repeat scroll 5px 10px;
  list-style-type: none;
  margin:0 0 5px 0px;
  padding:5px 5px 5px 20px !important;
  border: 1px solid #ddd;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}
.popular-posts ul
  li:hover {
  border:1px solid #6BB5FF;
}
.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);
}

Simpan template anda dan lihat hasilnya. Sekian mengenai cara mengubah tampilan popular post di Blogger,-Widget Popular Post Menjadi Lebih Menarik, semoga bermanfaat.
2 Komentar untuk "Widget Popular Post Menjadi Lebih Menarik"

mantepp kang (h) (h) ijin sedott kang :-d :-d

tutorialnya cukup bagus, popular postnya enak dipandang