Para sahabat sekalian, popular post merupakan widget yang mesti kita cantumkan di blog kita, biasanya ditaruh pada sidebar widget suatu blog. Widget ini membantu pemilik dan pengunjung blog mengetahui postingan manakah yang paling sering dikunjungi oleh para pembaca blog.
Sekarang saya ingin berbagi tentang cara desain widget populer post seperti yang ada di blog linkmagz, yaitu blog generasi baru dari sugeng.id. Silahkan sahabat ikuti tutorialnya ya...
1. Masuk ke akun Blogger
2. Klik Tema
3. Klik Edit HTML
4. Copy kode berikut dan paste diatas ]]>:</b:skin>
5. Copy kode berikut dan paste diatas </body>
6. Klik simpan
7. Klik Tata letak
8. Pilih dan klik Tambahkan gadget
9. Klik Postingan Populer (centang thumbnail gambar)
10. Klik simpan, jika template blog sahabat suport tentu sekarang sahabat sudah memiliki widget populer post keren seperti template LinkMagz buatan sugeng.id. Selamat mencoba ya...
Sekarang saya ingin berbagi tentang cara desain widget populer post seperti yang ada di blog linkmagz, yaitu blog generasi baru dari sugeng.id. Silahkan sahabat ikuti tutorialnya ya...
1. Masuk ke akun Blogger
2. Klik Tema
3. Klik Edit HTML
4. Copy kode berikut dan paste diatas ]]>:</b:skin>
.PopularPosts .widget-content ul{padding:0;margin-top:-10px}
.PopularPosts .item-thumbnail{margin:0}
.PopularPosts .item-title {padding:0;}
.PopularPosts .item-title a{text-decoration:none;color:#000;}
.PopularPosts .item-title a:hover{color:#ff2d2d}
.PopularPosts .item-snippet{font-size:12px;line-height:1.6em;color:#777;padding-top:10px}
.PopularPosts li{border-bottom:1px dashed #e3e3e3}
.PopularPosts li .item-thumbnail,.PopularPosts li .item-snippet{display:none}
.PopularPosts li:first-child .item-thumbnail,.PopularPosts li:first-child .item-snippet{display:block;overflow:hidden;max-height:180px;margin-bottom:10px;}
.PopularPosts img{padding:0}
.PopularPosts .widget-content ul li{padding:10px 0;margin:0}
5. Copy kode berikut dan paste diatas </body>
<script type='text/javascript'>//<![CDATA[// Popular Post
var newidth=295;var neweight=180;$(".popular-posts .item-thumbnail img").each(function(){var t=$(this).attr("width");$(this).attr("width",newidth),$(this).attr("height",neweight),$(this).attr("src",$(this).attr("src").replace("/s72-c/","/w"+newidth+"-h"+neweight+"-c/"))}),$(".PopularPosts .item-snippet").text(function(t,i){return i.substr(0,70)});//]]></script>
6. Klik simpan
7. Klik Tata letak
8. Pilih dan klik Tambahkan gadget
9. Klik Postingan Populer (centang thumbnail gambar)
10. Klik simpan, jika template blog sahabat suport tentu sekarang sahabat sudah memiliki widget populer post keren seperti template LinkMagz buatan sugeng.id. Selamat mencoba ya...
Belum ada tanggapan untuk "Membuat Popular Post Seperti di Blog LinkMagz"
Post a Comment