Blogger Blog Par Recent Post Widget Kaise Add Kare

Dosto aaj hum aap logo ke sath share karne ja rahe hai ki aap aapne bloggar blog par Recent post widget ko kaise add karoge. Recent Post ke matlab aake blog par jo naya naya post update hota hai wo sare post is widget par show karega. Ye sach me bahut kaam ka ek widget hai kisi bhi blog ke liye. Recent Post widget istemal karne ka bohut sare karon hai, jaise ke is widget istemal karne par aapke blog par visitor jada time rukhe ga, visitor ko pata chalega ki aapke blog par abhi abhi kon kon sa post update huya hai, or bhi bohut faida hai is widget se. To dosto agar aap is widget ko aapne blog par istemal karne chahate ho to niche ke step ko follow kare.

Read: Powered by Blogger - Kaise Remove & Hide Kare

Blogger Par Recent Post Widget Kaise Lagata Hai ?

Is widget ko blog par add karna bahut easy hai, aap sirf kuch step ko par karke hi is ko aapne blogger blog par istemal kar sakte hai.

Step 1. Pahle aap www.blogger.com par visit kare uske bad aapne email password se blog ko login kare.

Step 2. Login karne ke baad aap Dashboard se Layout par click kare, Uske bad jis jaga aap recent post ko dikhana yani ke show karna chahate ho us jaga se Add a Gadget button par click kare.

Step 3. Ab aap HTML/JavaScript Par click kare.

Step 4. Abhi aap "Title" par Recent Post likhe, uske bad "Content" box par niche ki Code ko copy karke us box par Paste kare uske bad Save par click kare.

<script type='text/javascript'>
function recentposts(json){document.write('<ul class="sidebar-recent-posts">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='http://www.webaholic.co.in/other/no-image.jpg';}
var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)
document.write('<img class="post-thumb" src="'+thumburl+'"/>');document.write('<b><a href="'+posturl+'" target ="_top">'+posttitle+'</a></b><br>');if("content"in entry){var postcontent=entry.content.$t;}
else
if("summary"in entry){var postcontent=entry.summary.$t;}
else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('<i>');document.write(postcontent);document.write('</i>');}
else{document.write('<i>');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('</i>');}}
var towrite='';var flag=0;document.write('<br><strong>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+' '+cdday+', '+cdyear;flag=1;}
if(showcommentnum==true)
{if(flag==1){towrite=towrite+' <i class="fa fa-comments-o"></i> ';}
if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='0 Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}
if(displaymore==true)
{if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More -></a>';flag=1;;}
document.write(towrite);document.write('</strong></li>');if(displayseparator==true)
if(i!=(numposts-1))
document.write('<hr size=0.5>');}document.write('</ul>');}
</script>
<script style='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = false;
var numchars = 60;
</script>
<script src='/feeds/posts/default?orderby=published&alt=json-in-script&callback=recentposts'></script>

<script type='text/javascript'>
$(document).ready(function(){$(".sidebar-recent-posts").find("img").each(function(b,a){a=$(a);a.attr({src:a.attr("src").replace(/s72-c/,"w150-h100").replace(/default/,0)});a.attr("width",65);a.attr("height",60)})});
</script>

<style type='text/css'>
.sidebar-recent-posts{float:left;width:100%;min-height:70px;margin:5px 0 5px 0;padding:0;font-size:12px}
ul.sidebar-recent-posts li{padding-bottom:5px;text-align:left;padding-top:0;min-height:65px;border-bottom:1px dotted #CCC}
ul.sidebar-recent-posts li:last-child{border-bottom:0 dashed #92DAF8}
.sidebar-recent-posts a{text-decoration:none}
.sidebar-recent-posts a:hover{color:#F53B3B;transition:all 0.25s ease 0s}
.sidebar-recent-posts strong{font-size:10px}
.sidebar-recent-posts strong:before{content:"\f133";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:5px}
img.post-thumb{float:left;margin-right:10px;border-radius:10px;border:2px solid #FFF;box-shadow:0 1px 2px rgba(0,0,0,0.4)}
ul.sidebar-recent-posts li:hover{background:#E6FAFC}
img.post-thumb:hover{opacity:0.7}
</style>

Note: Upar ke code se aap ;-

1. var numposts = 5; Se 5 ko remove karke udhar aap koibhi no add kar sakte hai jitna post aap dikhana chahate ho usi no ko likhe 6,7,8 kuch bhi.

2. Agar aap Photo dikhana nehi chahate ho to var showpostthumbnails = true; is me true ko remove karke "false" karde.

3. Agar aap comment dikhana nehi chahate ho to var showcommentnum = true; is me se true ko remove karke "false" kare.

4. Agar aap date nehi dikhana chahate hai to var showpostdate = true; is me se true ko remove karke "false" kare.

Dosto ho gaya hai aapke blogger blog par Recent post add karna, agar aapko kuch bhi problem hota hai is post se to jarur comment kare. Aur agar aapko ye post accha laga hai to aapbhi mera ek help kare or wo hai is post ko aapne dosto ke sath share kare.