Monthly Archives: May 2017

Blogger blog par recent post widget add kaise kare

यदि आप एक blogger है तो ये पोस्ट आपके लिए बहुत इम्पोर्टेन्ट है|क्युकी आज मै आपको बताने जा रहा हु की अपने website या blog में recent पोस्ट widget कैसे add करे| अब जब किसी website पर जाते है तो आपको उस website के बगल में कुछ recent पोस्ट लिखा रहता है| उस recent पोस्ट के ज़रिये आपको पता चलेगा की उस website के owner ने अभी रिसेंटली कौन सा पोस्ट पब्लिश किया है|इससे आप  आपके काम की पोस्ट पर क्लिक करके use भी पढ़ सकते है| जब आप recent पोस्ट में अपने काम का article देखते है तो आप उसको पढ़े बिना रह नही पाते है| इससे website का bounce rate कम होता है और आपके website की वैल्यू भी बढती है|

अब आप सोच रहे है की जब इससे इतना फायदा है तो इसे अपने website या blog में add करना बहुत ही कठिन है लेकिन ऐसी बात नही है मै आपको बताना चाहता हु की blog या website पर recent पोस्ट widget add करना बहुत ही आसान है| आप इस पोस्ट के ज़रिये जान जायेंगे की website या blog में recent पोस्ट widget add करना कितना आसान है|तो आओ जानते है की blog पर recent पोस्ट widget को add कैसे करे?

blog में recent पोस्ट widget कैसे add करे

Blogger blog par recent post widget add kaise kare

जैसा की आप ऊपर पढ़ चुके है की recent पोस्ट widget add करने से हमारी website को कितना फायदा होता है| तो आओ मै तरीका बताता है जिससे recent पोस्ट widget add करके आप भी इसका फायदा उठा सकते है| नीचे मै आपको कुछ step बता रहा हु जिसके ज़रिये आप आसानी से अपने blog पर recent पोस्ट add कर सकते है|

  • अपने website या blog में recent पोस्ट widget add करने के लिए आपको blogger.com पर जा कर अपने अकाउंट में login करना होगा|
  • अब जब आप login कर चुके है तो आप डैशबोर्ड में जाये|

blog में recent पोस्ट कैसे add करे

  • अब lay out पर क्लिक करे|
  • अब आपको जिस जगह पर recent पोस्ट widget add करना है वहा पर क्लिक करके add widget पर क्लिक करे|
  • अब आपको html/javasript पर क्लिक करना होगा|

blog में recent पोस्ट widget add कैसे करे

  • अब आप title पर recent पोस्ट लिखे|
  • अब आपको content box में नीचे दिए गए कोड को पेस्ट कर देना है|

blog में recent पोस्ट widget कैसे add करे

<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:- आपको ऊपर दिए हुए कोड में कुछ एडिट करना होगा जो मैंने नीचे बताया है|

  1. var numposts = 5; में 5 की जगह पर जितना recent पोस्ट अपने website के page पर दिखाना है वो no डाल देना है|
  2. अगर आप फोटो नही दिखाना है तो आपको var showpostthumbnails = true; true की जगह false लिख देना है|
  3. अगर आप कमेंट भी नही देखना चाहते है तो आपको var showpostdate = true; is me se true ko remove karke “false लिख देना है|

अब आपके website पर recent पोस्ट widget apply कर दिया है| आप इस प्रकार अपने website पर recent पोस्ट widget डाल सकते है|अगर आपको लगता है की आपके इस पोस्ट के बताये गए तरीके में कोई दिक्कत आती है तो आप नीचे दिए गए कमेंट box में कमेंट कर सकते है| थैंक यू|