Cara Membuat Popular Post Dengan Satu Gambar Di Blog

Slamat datang sobat bantoel yang masih setia berkunjung ke blog sederhana saya, kali ini saya mau berbagi tips cara membuat popular post dengan satu gambar di atas

Gak usah basa basi langsung saja masuk dashbor > Edit Html >  copy script dibawah ini dan letakin di bawah <body>

<style>
.PopularPosts .widget-content ul{padding:0;margin-top:-10px;width:98%}
.PopularPosts .item-thumbnail{margin:0;border:4px double #ddd;}
.PopularPosts .item-title {padding:0;}
.PopularPosts .item-title a{text-decoration:none;color:#000;font-weight:400;font-size:14px;}
.PopularPosts .item-title a:hover{color:#FCA13A}
.PopularPosts .item-snippet{font-size:14px;line-height:1.6em;color:#777;padding-top:10px}
.PopularPosts li{border-bottom:1px solid #ddd}
.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:170px;margin-bottom:10px;font:13px Arial;width:100%}
.PopularPosts img{padding:0;}
.PopularPosts .widget-content ul li{padding:10px 0;margin:0}
</style>
<script type='text/javascript'>
//<![CDATA[
var newidth=295;var neweight=170;$(".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>

Kemudian tambah gadget popular post


Save dan lihat hasilnya hahaha. gampang kan, ya sudah coba saja .

KOMENTAR DISINI

ARTIKEL TERBARU: