Bài viết gần đây Widget với hình thu nhỏ.
H
Hôm nay mình chia sẻ với mọi người với bài viết <Recent Post Widget with thumbnails.>hiển thị bài viết gần đây với Widget có hình thu nhỏ đầu tiên bạn mở blog vào ,
Chép đoạn mã này vào nhấn ok là song bạn có một Recent Post Widget with thumbnails,
Mới mẻ và đẹp đẽ cho blog của mình
Dưới đây là mã của cấu hình HTML/JavaScript
<div class="eggTray">
<script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",
"pipe_params":{"URL":"http://nhinvequehuongvietnam.blogspot.sk/feeds/posts/default"},
"hideHeader":"false","height":"500","count": 8 }</script>
<div style="font-family: arial, sans-serif; font-size: 9px;" class="ycdr"><a href="http://nhinvequehuongvietnam.blogspot.sk/2013/03/5-type-of-recent-post-widget-blogger.html" target="_blank" title="Grab this widget">Recent Posts Thumbnails</a> <a href="http://nhinvequehuongvietnam.blogspot.sk/" target="_blank">Blogger Widget</a></div><noscript>Your browser does not support JavaScript!</noscript></div>
<style type=text/css>
.eggTray {margin:10px 0px;padding:0px;}
.ybr li {border-bottom:0px #cccccc dotted; padding:0px 0px 10px 0px!important;}
.pipesTitle {padding-top:0px;}
.pipesDescription {display:true;}
.ycdr {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB7a_06IEOVPc180LjbB77EaBkwYqkImtprI8gXSY0UZwTpnBD0kb14GbjfocasX0-e0sytj5NWtnE-ybt76nvj2cPKRvs_CsjUKl5A_1mkTEHsIoQ2nCNusxGvreZdxUT6o87z99ctv4/s1600/logo.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 4px 0px 0px 0px;line-height:14px;}
.ycdr, .ycdr a {color:#999999;}
.widget .popular-posts ul {padding-left:0;}
</style>
Bạn chỉ cần thay phần URL,Của bạn ở chỗ tôi bôi mầu đỏ là song ok cho một blog có một cấu hình đơn giản và đẹp mắt
height":"500=chiều cao của cấu hình
count": 8=tổng bài mà bạn muốn hiển thị tùy theo ý muốn của bạn .đên 10 hoặc 50 theo sở thích của bạn
chúc các bạn thành công
Đăng nhận xét