Top 5 Stylish Recent Post Widgets Ko Blogger Me Add Kare

Top 5 Stylish Recent Post Widgets Ko Blogger Me Add Kare. Blogger Ke sidebar ko stylish kaise banaye. Hello dosto ham aaj yisi prakar ke post me janege. Har tarah ki baar bhi aaj bhi ham apke blogger blog ke design ke liye post le kar aye hai. Ham ne abhi tak bahut post read kar chuke hai. Mene abhi tak Bahut saare post likh chuka hu blog design ke baare me or ye bhi blog design se related hai. Ye to aapko pata hi hoga ki blog banane ke baad hamara kaam hota hai. Blog design karna. Aggar hame readers ka payar or respect chahiye to hame blog ko yesha design karna chahiye jo sabse alag ho or efective ho. Design apko achha traffic pane me bahut help kar sakte hai. Blog ko design karne ke liye apko html and css ki coding ki achhi knowlage honi chahiye. Isse aap apne blog ko achhe se design kar sakte hai.

Iskeliye aap paresan na ho agar apko nahi hai to koyi baat nahi hai. Me apko design karke yese code dege jisse aap apni blog ko achha design kar sakte hai. Lekin aj ka post bahut hi populer hai. Aj ham apko apke blog ke sidebar ke design ke baare me bata rahe hai. Ham apko 5 stylish sidebar ke code dege jisse ap apne blog ke sidebar ke resent post ka code doonga. Jo bahut hi stylish hai. Inhe mene bhi use kiya hai jo unmese ek hai. 

Aapne dekha hoga ki bahut sare blog par bahut hi stylish resent post hote hai. Aap bhi bese design kar sakte hai. Iske liye apko koyi bhi coding learn karne ki jarroorat nahi hai. Bas aap neeche ka post read kariye or follow kariye., Agar post passasnd aye to like share comment or subcribe jaroor kare.

Top 5 Stylish Recent Post Widgets Ko Blogger

 Me Add Kare

Dosto aapne dekha hoga ki jo ham free theem use karte hai to bo itne stylish nahi hote hai. Lekin ham unhe stylish bana lete hai. Bo isliye ki hham coding se blog ko kaise bhi manage kar sakte hai. Agar ham blogger ke widget use kare to bo bhi achhe hote hai lekin bo utne stylish nahi hote hai. Jitne ham unhe kar sakte hai. Widget seo ke hisab se or readers ke hisab se bahut hi useful hai. Inse hamara seo bhi improve hota hai or readers ko bhi asani hoti hai blog ko read karne ke liye. Or isse hamare blog ka design bhi achha hota hai lekin agar ham jayada widget ko blog me use kar lete hai to blog ki loadind speed bahut slow ho jati hai jisse seo par efect padta hai or readers bhi ise like nahi karte hai. Isliye agar aap blog me jayada widget use kar rahe hai to unhe remove kar de or useful widget add kare. Agar baat kare to stylish ki aap blogger ke widget ko remove kar ke created widget use kare. Ham apko sabhi prakar ke widget dege lekin abhi ke liye ham apko stylish recent post ka code de rahe hai.

Top 5 Stylish Recent Post Widgets Kya hai.

Resent post widgets apke blog ke liye bahut hi useful widget hai. Iska kaam hota hai ki jab ham apne blog par post karte hai or karte jate hai to bo post summry post ke hisab se hamare home page ke sidebar me possition par a jate hai. Isse visiter ko asani hoti hai post ko read karne ke liye. Ye post jab jayada readers read kar lete hai to inki possition change hoti rahti hai. Jisse aap ka kaam khatam ho jata hai share karnee ka or link ko other post me add karne ka. Isse visiter ki nazar seedhe unhi post par padegi. Or jo recent widget me apko de raha hu bo bahut hi stylish hai.  Apko bas in code ko copy karke apne blog ke layout me jakar html me save karna hai.

Stylish 1 :

yah code bahut hi stylish hai. Aap image me dekh sakte hai ki ye kitne colorful hai. Isme har post par ek alag alag color add hai. Or image thumbnail ki baat kare to bo hi engal me add hai. Ise aap asani se blog me add kar sakte hai. Or iski speed bhi fast hai. isse apki blog ki speed par koyi efect nahi padega. Neeche jo code hai aap use copy karle. Bese apko me 5 code de raha hu jo passand aye aap use copy karle. Choice karle.

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:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkdzVzQ8lP2tk7wqT6n-KMyDpzJNsyEzRWDn9OihnFy3kehwx7pe2uNWEc0q39KpSvzoMSCbSqEyHb2fhvnd-VnIotNvNbB6EZYNffXiV6hwC3xyd5AWOLKtS00bpLOqkPi8cUubtfMjaX/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(' <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==$&&(_+=" "),"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><br /><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><br /><script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script><br /><a style="font-size: 9px; color: #CECECE; margin-top: 10px;" href="http://www.helpertut.com/2017/05/top-5-stylish-recent-post-widgets-for-blogger.html" rel="nofollow">Recent Posts Widget</a><br /><noscript>Your browser does not support JavaScript!</noscript><br /><link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css' /><br /><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>

Style 2 :

Ye code bhi bahut stylish hai. Isme aap dekh sakte hai ki isme color or style ke sath sath isme iski font family bhi stylish hai. Isme italik ke jaisi font family use ki gayi hai bahut hi stylish hai. Isme post image thumbnail bhi bahut hi efective hai. Isme red border and stylish number bahut hi efective hai. Aap ko agar ye passand aaye to aap neeche diye hue code ko copy karle.

<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(p){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:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkdzVzQ8lP2tk7wqT6n-KMyDpzJNsyEzRWDn9OihnFy3kehwx7pe2uNWEc0q39KpSvzoMSCbSqEyHb2fhvnd-VnIotNvNbB6EZYNffXiV6hwC3xyd5AWOLKtS00bpLOqkPi8cUubtfMjaX/s1600/no-thumb.png"}var h=n.published.$t,f=h.substring(0,4),w=h.substring(5,7),v=h.substring(8,10),A=new Array;A[1]="Jan",A[2]="Feb",A[3]="Mar",A[4]="Apr",A[5]="May",A[6]="Jun",A[7]="Jul",A[8]="Aug",A[9]="Sep",A[10]="Oct",A[11]="Nov",A[12]="Dec",document.write(' <li class="recent-posts-list">'),1==posts_date&&document.write('<div class="post-date">'+A[parseInt(w,10)]+" "+v+" "+f+"</div>"),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>");var g="",k=0;document.write('<div class="recent-posts-details">'),1==showcommentslink&&(1==k&&(g+=" "),"1 Comments"==l&&(l="1 Comment"),"0 Comments"==l&&(l="No Comments"),l='<a href="'+m+'" target ="_top">'+l+"</a>",g+=l,k=1),1==readmorelink&&(1==k&&(g+=" | "),g=g+'<a class="readmorelink" href="'+r+'" class="url" target ="_top">Read more</a>',k=1),document.write(g),document.write("</div>"),document.write("</li>")}document.write("</ul>")} </script><br /><script type="text/javascript">var posts_no = 5; var showpoststhumbs = true; var readmorelink = true; var showcommentslink = true; var posts_date = true; </script><br /><script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs" rel="nofollow"></script><br /><a style="font-size: 9px; color: #CECECE; float: right; margin-top: 5px;" href="http://www.helpertut.com/2017/05/top-5-stylish-recent-post-widgets-for-blogger.html" rel="nofollow">Recent Posts Widget</a><br /><noscript>Your browser does not support JavaScript!</noscript><br /><link href='http://fonts.googleapis.com/css?family=Lobster|Gloria+Hallelujah' rel='stylesheet' type='text/css' /><br /><style type="text/css">img.recent-post-thumb {width:50px;height:50px;float:right;margin: -4px -35px 0px 0px; border: 4px solid #FCD6CB; border-radius: 100%;} .recent-posts-container {font-family: 'Gloria Hallelujah', cursive; float: left;width: 100%;min-height: 55px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;} ul.recent-posts-container {counter-reset: countposts;list-style-type: none; background: #fff; } ul.recent-posts-container li:before {content: counter(countposts,decimal);counter-increment: countposts;z-index: 2;position:absolute; left: -20px; font-size: 16px;color: #616662;background: #FCD6CB;padding: 9px 14px; border-radius: 100%; margin-top: 15px;} ul.recent-posts-container li {padding:5px 0px;min-height:50px; list-style-type: none; margin: -2px 5px 5px 5px; border-top: 2px solid #FCD6CB;} ul.recent-posts-container {border: 2px solid #FCD6CB; } .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: #616662;} .recent-post-title {padding: 6px 0px;} .recent-posts-details a{ color: #888;} .recent-posts-details {padding-bottom: 5px;} a.readmorelink {color: #4DACE3;} </style>

Style 3 :

iski baat kare to ek dam simple recent post widget hai. Kyoki yisme jayada style add nahi kiye gaye hai. Yise ek dam simple banaya gaya hai. Agar aap apni blog ko simple rakhna chahte hai to ye widget 100% usi ke liye hai. Me ye nahi kah raha hu ki other style blog me ye add nahi ho sakta hai. Ise aap kisi bhi blog me add kar sakte hai. Or agar aap changing karna chahe to bo bhi kar sakte hai.

<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:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkdzVzQ8lP2tk7wqT6n-KMyDpzJNsyEzRWDn9OihnFy3kehwx7pe2uNWEc0q39KpSvzoMSCbSqEyHb2fhvnd-VnIotNvNbB6EZYNffXiV6hwC3xyd5AWOLKtS00bpLOqkPi8cUubtfMjaX/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(' <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==$&&(_+=" "),"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><br /><script type="text/javascript">var posts_no = 5; var showpoststhumbs = true; var readmorelink = true; var showcommentslink = true; var posts_date = true; var post_summary = true; var summary_chars = 40;</script><br /><script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script><br /><a style="font-size: 9px; color: #CECECE; margin-top: 10px;" href="http://www.helpertut.com/2017/05/top-5-stylish-recent-post-widgets-for-blogger.html" rel="nofollow">Recent Posts Widget</a><br /><noscript>Your browser does not support JavaScript!</noscript><br /><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/><br /><style type="text/css">img.recent-post-thumb{padding:2px;width:65px;height:65px;float:left;margin:0px 10px 10px;border: 1px solid #69B7E2;} .recent-posts-container {font-family:'Oswald', sans-serif;font-size:12px;} ul.recent-posts-container li{list-style-type: none; margin-bottom: 10px;font-size:12px;float:left;width:100%} ul.recent-posts-container {counter-reset: countposts;list-style-type:none;padding:0;} ul.recent-posts-container li:before {content: counter(countposts,decimal);counter-increment: countposts;z-index: 1;position:absolute; left: 0px; font-size: 13px;font-weight: bold;color: #fff;background: #69B7E2;line-height:25px;height:25px;width:25px;text-align:center;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} .recent-posts-container a{text-decoration:none;} .recent-post-title {margin-bottom:5px;} .recent-post-title a {font-size:12px; text-transform: uppercase; color: #2aace3;} .recent-posts-details {margin: 5px 0px 0px 92px;font-size:11px;} .recent-posts-details a{color: #777;} </style>

style 4 :

Ab ham jiski baat kar rahe hai bo bahut hi simple and fast loading bala widget hai. Ise me mahut like karta hu kyoki ye stylish hone ke sath fast loading bhi hai. yiski speed itni hai ki jitne me apki site poori tarah se open nahi hogi jab tak ye open ho jayega. Aap soch rahe hoge ki isme yesi kon si baat hai jo itni jaldi open ho jata hai. To dosto aap ko me kyo kahta hu ki blog post me aap jitni kam size ki photo use karoge utni hi apki post ki loading speed improve hogi. Bas yesa hi dosto yisme hai. Isme koyi post image nahi hai. Sirf heading or paragraph hai. Jo fast open hota hai. To dosto agar apko stylish or fast open hone baal widgets chahiye to yahi better hai. Agar aapko or koyi passand ate hai to koyi baat nahi hai. bo bhi fast open hote hai. Uski dikkit nahi hai. Aap ko apne ke liye jo bhi passand aye aap use kijiye speed agar inse kam hoti hai. to Apni site ko fast open karne ke bahut saare tareeke hai. Aap unhe use kar sakte hai.

<div class="recentpoststyle"><script type="text/javascript">function showlatestposts(e){for(var t=0;t<posts_no;t++){var r,s=e.feed.entry[t],n=s.title.$t;if(t==e.feed.entry.length)break;for(var a=0;a<s.link.length;a++)if("alternate"==s.link[a].rel){r=s.link[a].href;break}n=n.link(r);var i="... read more";i=i.link(r);var l=s.published.$t,o=l.substring(0,4),u=l.substring(5,7),c=l.substring(8,10),m=new Array;if(m[1]="Jan",m[2]="Feb",m[3]="Mar",m[4]="Apr",m[5]="May",m[6]="Jun",m[7]="Jul",m[8]="Aug",m[9]="Sep",m[10]="Oct",m[11]="Nov",m[12]="Dec","content"in s)var d=s.content.$t;else if("summary"in s)var d=s.summary.$t;else var d="";var v=/<\S[^>]*>/g;if(d=d.replace(v,""),document.write(' <li class="recent-post-title">'),document.write(n),document.write('</li><div class="recent-post-summ">'),1==post_summary)if(d.length<summary_chars)document.write(d);else{d=d.substring(0,summary_chars);var f=d.lastIndexOf(" ");d=d.substring(0,f),document.write(d+" "+i)}document.write("</div>"),1==posts_date&&document.write('<div class="post-date">'+m[parseInt(u,10)]+" "+c+" "+o+"</div>")}} </script><br /><script type="text/javascript">var posts_no = 5;var posts_date = true;var post_summary = true;var summary_chars = 80;</script><br /><script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestposts"></script><a style="font-size: 9px; color: #CECECE;margin-top:10px;" http://www.helpertut.com/2017/05/top-5-stylish-recent-post-widgets-for-blogger.html" rel="nofollow">Recent Posts Widget</a><br /><noscript>Your browser does not support JavaScript!</noscript><br /><style type="text/css">.recentpoststyle {counter-reset: countposts;list-style-type: none;} .recentpoststyle a {text-decoration: none;color: #49A8D1;} .recentpoststyle a:hover {color: #000;} .recentpoststyle li:before {content: counter(countposts,decimal);counter-increment: countposts;float: left;z-index: 1;position:relative;font-size: 15px;font-weight: bold;color:#fff;background:#69B7E2; margin:13px 5px 0px -6px;line-height:30px;width:30px;height:30px;text-align:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}li.recent-post-title{margin-bottom: 5px;padding: 0;} .recent-post-title a {color: #444;text-decoration: none;font: bold 13px "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,AppleGothic,sans-serif;} .post-date {font-size: 11px;color: #999;margin:5px 0px 15px 32px;} .recent-post-summ {border-left:1px solid #69B7E2; color: #777; padding: 0px 5px 0px 20px; margin-left: 10px; font: 15px Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif;} </style></div>

style 5 :

Isme or 4 no ke me koyi deffrent nahi hai. Jaisa bo hai yesa ye hai. Agar alag hai to bo hai color. Isme thoda border-bottom red hai. or ume border bottom #ccc hai bas itna hi farak hai. Ye bhi fast open hota hai or bo bhi.

<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(p){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:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkdzVzQ8lP2tk7wqT6n-KMyDpzJNsyEzRWDn9OihnFy3kehwx7pe2uNWEc0q39KpSvzoMSCbSqEyHb2fhvnd-VnIotNvNbB6EZYNffXiV6hwC3xyd5AWOLKtS00bpLOqkPi8cUubtfMjaX/s1600/no-thumb.png"}var h=n.published.$t,f=h.substring(0,4),w=h.substring(5,7),v=h.substring(8,10),A=new Array;A[1]="Jan",A[2]="Feb",A[3]="Mar",A[4]="Apr",A[5]="May",A[6]="Jun",A[7]="Jul",A[8]="Aug",A[9]="Sep",A[10]="Oct",A[11]="Nov",A[12]="Dec",document.write(' <li class="recent-posts-list">'),1==posts_date&&document.write('<div class="post-date">'+A[parseInt(w,10)]+" "+v+" "+f+"</div>"),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>");var g="",k=0;document.write('<div class="recent-posts-details">'),1==showcommentslink&&(1==k&&(g+=" "),"1 Comments"==l&&(l="1 Comment"),"0 Comments"==l&&(l="No Comments"),l='<a href="'+m+'" target ="_top">'+l+"</a>",g+=l,k=1),1==readmorelink&&(1==k&&(g+=" | "),g=g+'<a class="readmorelink" href="'+r+'" class="url" target ="_top">Read more</a>',k=1),document.write(g),document.write("</div>"),document.write("</li>")}document.write("</ul>")} </script><br /><script type="text/javascript">var posts_no = 5; var showpoststhumbs = false; var readmorelink = true; var showcommentslink = true; var posts_date = true; </script><br /><script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script><br /><a style="font-size: 9px; color: #CECECE; float: right; margin-top: 5px;<a href=" http://www.helpertut.com/2017/05/top-5-stylish-recent-post-widgets-for-blogger.html">Recent Posts Widget</a><br /><noscript>Your browser does not support JavaScript!</noscript><br /><link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/><br /><style type="text/css">img.recent-post-thumb {padding: 2px; width:35px;height:35px;float:right;margin: -14px 0px 0px 5px; border: 1px solid #cea5ac; border-radius: 10%;} .recent-posts-container {font-family: 'Oswald', sans-serif; float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;} ul.recent-posts-container li {padding:5px 0px;min-height:65px; list-style-type: none; margin: 0px 10px 5px 35px;} ul.recent-posts-container {counter-reset: countposts;list-style-type: none;} ul.recent-posts-container li:before {content: counter(countposts,decimal);counter-increment: countposts;z-index: 2;position:absolute; left: 5px; font-size: 16px;color: #4D4D4D;background: #F7F7F7;padding: 9px 14px; border: 1px solid #efefef;} .recent-posts-container a { text-decoration:none; } .recent-posts-container a:hover{color: #4DACE3;} .post-date {color:#e0c0c6; font-size: 11px; } .recent-post-title a {font-size: 13px; text-transform: uppercase; color: #5C4D4D;} .recent-post-title { margin: 5px 0px; } .recent-posts-details {border-top: 4px solid #AC707A; margin-top: 5px; padding-top: 5px;} .recent-posts-details a{ color: #888;} a.readmorelink {color: #4DACE3;} </style>

Top 5 Stylish Recent Post Widgets Ko Blogger Me Kaise

  Add Kare

Ab hamne jo apko recen post widget ke code diya the. Apko bas unme se ek choice karna hai. Apko jo bhi passand aye aap use copy karle. Ab hamari baari hai ise blogger blog me add karne ki to ye bahu hi simple hai. Apko bas neeche ke step follow karna hai.

• Blogger me login kare.
• Layout par click kare.
• or Aaap jaha laganna chahte hai baha add a gedget par click kre.
• Ab aap ke samne chota sa page open hoga apko baha Html/javascript par click krna hai.
• or Us page me aap ko apne passand ka code past karna hai. or save par click karde.
• ab save arrengment par click kare,.

To dosto aap jaise hi html me code ko save karege to aap phir save arrargement par click jaroor kare. Agar aap nahi karege to apke blog me widget show nahi hoga. or agar show bhi hi jata hai to bo jayda time tak ni rahega. theem update hote hi bo bhi remove ho jayega. Agar aap ne poore step follow kiye hai to apke blog me recent post widgets jaroor show hone lage hoge. Agar isme koyi promlem aye to jaroor bataye. Bese aj apki blog kafi design ho jayegi. Aap agar apni blog ko or achhe se design karna chahte hai to aap mere blog design se related post read kare. Mene unme bahut sare post likhe hai. Jinse apki blog kafi had tak design ho jayegi.

Conclusion :

Dosto aaj ka post Top 5 Stylish Recent Post Widgets Ko Blogger Me Add Kare apko kaisa laga. Jarror bataye. Aapko agar post ko follow karne me ya code ko add karne me koyi problem aye to hame neeche comment jaroor kare. Or dosto post ko share or subscribe or like karna bilkul bhi na bhoole. Or dosto hamare poore post apne email par paane ke liye hamari site ko subscribe jaroor kare. Thabks for reading and plz share this