RECENT POSTS कैसे अपने ब्लॉगर/ blogger में शुरू करे | How to Add Recent Posts Widget to Blogger

 RECENT POSTS कैसे अपने ब्लॉगर/ blogger  में शुरू करे 

How to Add Recent Posts Widget to Blogger

यदि आप एक 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 कैसे करे?

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 कर चुके है तो आप डैशबोर्ड में जाये|

• अब lay out पर क्लिक करे|

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

• अब आपको html/javasript पर क्लिक करना होगा|

• अब आप title पर recent पोस्ट लिखे|

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

निचे दिए गये कोड को copy करके past करे |

                        Recent Post Widget Code

<style scoped='' type="text/css">

ul#recent-posts{list-style:none;margin:0;padding:0}li.recent-posts{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:1px solid #e3e3e3;word-break:break-word;padding:10px 0;margin:0;}

li.recent-posts:last-child{border-bottom:0;}

li.recent-posts a{color:#444;}li.recent-posts a:hover{color:#444;text-decoration:underline}

</style>

<ul id="recent-posts"></ul>

<script>

//<![CDATA[

var homePage = "Enter Your Url",

numPosts = 5;

function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="recent-posts"><a href="'+link+'" title="'+title+'" target="_blank" rel="nofollow">'+title+'</a></li>'}ct.innerHTML=content}}var rcp=document.createElement('script');rcp.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(rcp);

//]]>

</script>

 

• Enter Your Url की जगह पर अपनी वेबसाइट का url लिखे | 

अब आप की सेटिंग हो गयी  है और अपनी वेबसाइट को रीस्टार्ट करे और चेक करे |

निचे दिए गये Recent Posts की तरह दिखेगी | 

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

1. 
   1. numPosts = 5; में 5 की जगह पर जितना recent पोस्ट अपने website के page पर दिखाना है वो no डाल देना है|

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