/* Post Table by www.bloggerspice.com */ .post-body table {width:100%;} .post-body table td, .post-body table caption{border:1px solid #F1F1F1;padding:10px;text-align:left;vertical-align:top;} .post-body table th {border:1px solid #e6e6e6;padding:10px;text-align:left;vertical-align:top;} .post-body table.tr-caption-container {border:1px solid #eee;} .post-body th{font-weight:700;} .post-body table caption{border:none;font-style:italic;} .post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #eee;} .post-body th{background:#059FD8; color:#181818;} .post-body th:hover{background:#2AA4D1;} .post-body td a{color:#444;} .post-body td a:hover{color:#FEFEFE;} .post-body table.tr-caption-container td {border:none;padding:8px;} .post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;} .post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important;}

5 Design Recent Post Widgets Code For Blogger

 5 Design Recent Post Widgets Code For Blogger

For bloggers that pride themselves on continually remaining in the know regarding new substance, a current post gadget for Blogger can be a significant device. A current posts gadget for blogger is from various perspectives like a 'breaking news ready' that writers love to use amid their reports, giving the latest and significant presents that you have on offer.

Including a current post gadget for Blogger lessens the reliance on email showcasing, in light of the fact that you don't need to convey an email just to tell individuals you made another post. Rather, it refreshes consequently for everybody's viewing pleasure. You would then be able to utilize this data to configuration booked email pamphlets, and exploit what's frequently alluded to as the 'Twitter impact' where gatherings of people will routinely return on your site for the likelihood that new posts are accessible. Without this, you constrain individuals to do run their own look for data and substance, improving the probability that they'll leave the site and hurt your skip rate.

Once you've figured out how to pull in guests to one of your posts utilizing the current post gadget for Blogger, it will keep on acting as an available auxiliary asset to explore around your webpage. That way, you can abstain from making them filter through old substance that may be obsolete. In the event that you'd rather flaunt some of your best posts rather than your latest posts, you can do that rather, or add that element to the bar with only a couple of modifications.

Aside from looking extraordinary and consuming into negligible room, there are an excessive number of advantages for you not to have a current post gadget for Blogger. The best part about these additional items is that they arrive in a wide assortment of outlines that will fit any subject. In case you're keen on adding a gadget to your webpage, here are 5 cool late post gadgets code design script that may get your attention and fit superbly with your Blogger layout:


Recent Post Style Number 1

 5 Design Recent Post Widgets Code For Blogger

[<script type="text/javascript">
function showlatestpostswiththumbs(t){document.write('<ul class="recent-posts-container">');for(var e=0;e<posts_no;e++){var r,n=t.feed.entry[e],i=n.title.$t;if(e==t.feed.entry.length)break;for(var o=0;o<n.link.length;o++){if("replies"==n.link[o].rel&&"text/html"==n.link[o].type)var l=n.link[o].title,m=n.link[o].href;if("alternate"==n.link[o].rel){r=n.link[o].href;break}}var u;try{u=n.media$thumbnail.url}catch(h){s=n.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),u=-1!=a&&-1!=b&&-1!=c&&""!=d?d:"http://2.bp.blogspot.com/-C3Mo0iKKiSw/VGdK808U7rI/AAAAAAAAAmI/W7Ae_dsEVAE/s1600/no-thumb.png"}var p=n.published.$t,f=p.substring(0,4),g=p.substring(5,7),v=p.substring(8,10),w=new Array;if(w[1]="Jan",w[2]="Feb",w[3]="Mar",w[4]="Apr",w[5]="May",w[6]="Jun",w[7]="Jul",w[8]="Aug",w[9]="Sep",w[10]="Oct",w[11]="Nov",w[12]="Dec",document.write('
<li class="recent-posts-list">'),1==showpoststhumbs&&document.write('<a href="'+r+'"><img class="recent-post-thumb" src="'+u+'"/></a>'),document.write('<div class="recent-post-title">
<a href="'+r+'" target ="_top">'+i+"</a></div>
"),"content"in n)var A=n.content.$t;else if("summary"in n)var A=n.summary.$t;else var A="";var k=/<\S[^>]*>/g;if(A=A.replace(k,""),1==post_summary)if(A.length<summary_chars)document.write(A);else{A=A.substring(0,summary_chars);var y=A.lastIndexOf(" ");A=A.substring(0,y),document.write(A+"...")}var _="",$=0;document.write('<br><div class="recent-posts-details">
'),1==posts_date&&(_=_+w[parseInt(g,10)]+" "+v+" "+f,$=1),1==readmorelink&&(1==$&&(_+=" | "),_=_+'<a href="'+r+'" class="url" target ="_top">Read more</a>',$=1),1==showcommentslink&&(1==$&&(_+=" <br> "),"1 Comments"==l&&(l="1 Comment"),"0 Comments"==l&&(l="No Comments"),l='<a href="'+m+'" target ="_top">'+l+"</a>",_+=l,$=1),document.write(_),document.write("</div>
"),document.write("</li>
")}document.write("</ul>
")}
</script>
<script type="text/javascript">
var posts_no = 5;
var showpoststhumbs = true;
var readmorelink = true;
var showcommentslink = false;
var posts_date = true;
var post_summary = true;
var summary_chars = 70;
</script>
<script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestpostswiththumbs"></script>
<a href="http://pinoytut.blogspot.com/2017/09/5-design-recent-post-widgets-code-for.html" rel="nofollow" style="color: #cecece; font-size: 9px; margin-top: 10px;">Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<link href="http://fonts.googleapis.com/css?family=Ubuntu+Condensed" rel="stylesheet" type="text/css"></link>
<style type="text/css">
img.recent-post-thumb{width:50px;height:50px;float:right;margin:5px -5px 0px 0px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;padding:3px;background: #fff}
ul.recent-posts-container {list-style-type: none; background: #fff;padding: 0px;font:12px 'Ubuntu Condensed', sans-serif;margin: 5px 0px 5px 0px;}
ul.recent-posts-container li:nth-child(1n+0) {background: #F49A9A; width: 100%}
ul.recent-posts-container li:nth-child(2n+0) {background: #FCD092; width: 95%}
ul.recent-posts-container li:nth-child(3n+0) {background: #FFF59E; width: 90%;}
ul.recent-posts-container li:nth-child(4n+0) {background: #E1EFA0; width: 85%;}
ul.recent-posts-container li:nth-child(5n+0) {background: #B1DAEF; width: 80%;}
ul.recent-posts-container li {padding:5px 10px;list-style-type: none; margin: 0 0 -5px; color: #777;}
.recent-posts-container a { text-decoration:none; }
.recent-posts-container a:hover { color: #222;}
.post-date {color:#e0c0c6; font-size: 11px; }
.recent-post-title a {font-size: 14px;color: #444; font-weight: bold;}
.recent-post-title {padding: 6px 0px;}
.recent-posts-details a{ color: #222;}
.recent-posts-details {padding: 5px 0px 5px; }
</style>]

Recent Post Style Number 2

 5 Design Recent Post Widgets Code For Blogger


Recent Post Style Number 3

 5 Design Recent Post Widgets Code For Blogger


Recent Post Style Number 4

 5 Design Recent Post Widgets Code For Blogger


Recent Post Style Number 5

 5 Design Recent Post Widgets Code For Blogger


 5 Design Recent Post Widgets Code For Blogger

COMMENTS

Sponsored Links
Sponsored Links
Name

Adsense,10,android,6,Blogger Widgets,3,Globe Promos,17,Guest post,1,How to,11,Insurance,3,internet,6,Internet Tricks,18,Money,4,networking,6,Promo,5,Reviewer,1,SEO,18,Smart Promos,11,Smartphone,18,Sun Promos,2,TM Promos,11,TNT Promos,8,windows,8,
ltr
item
Pinoytut: 5 Design Recent Post Widgets Code For Blogger
5 Design Recent Post Widgets Code For Blogger
https://2.bp.blogspot.com/-nhCPdKFAXvQ/Wb-jQIYQB8I/AAAAAAAAAng/YzX2oqt7oXUSM0JfenJYBCxJnAamVYN6gCLcBGAs/s1600/5%2BCoolest%2BRecent%2BPost%2BWidgets%2BFor%2BBlogger.png
https://2.bp.blogspot.com/-nhCPdKFAXvQ/Wb-jQIYQB8I/AAAAAAAAAng/YzX2oqt7oXUSM0JfenJYBCxJnAamVYN6gCLcBGAs/s72-c/5%2BCoolest%2BRecent%2BPost%2BWidgets%2BFor%2BBlogger.png
Pinoytut
https://www.pinoytut.com/2017/09/5-design-recent-post-widgets-code-for.html
https://www.pinoytut.com/
https://www.pinoytut.com/
https://www.pinoytut.com/2017/09/5-design-recent-post-widgets-code-for.html
true
3859236708918959656
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy