Recent Post Widget with thumbnails.

Bài viết gần đây Widget với hình thu nhỏ.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsPU1oheEAO0ZL5DTlj4PxovqkufPkucpXtL0_9AK08Agh0PQcEUsbDoQJOtBTtvTjkyaSXUBZcJBf2fy6swsKu5l6Rx3dB2DCY5SQVxW6CQyEitZdo5DN6siry0vJqeckZW-ybH9kHk0/s400/Recent+Posts+Widget+with+Thumbnails+for+Blogger-Blogspot.pngH
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 ,

Định cấu hình HTML/JavaScript

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

bài viết hay

                                      XEM DEMO

<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

Share this article :

Đăng nhận xét

Recent Post

 
Support : Creating Website | bản quyền tem copy của quang anh slovakia | copy tem
Copyright © 2011. Thiết Kế Euro Viet.Net - All Rights Reserved
Template Created by Creating Website Published by tem đẹp cho web
Proudly powered by Blogger