Simple Recent Post Widget Blog Me Kaise Lagaye Ya Add Kare जब भी हम अपने ब्लॉग के लिये कोई Template Download करते है तो सबसे पहले उसका Demo देखते है, Demo के अंदर हमे Related Post Widget और Recent Post Widget सभी Feature दिखाया जाता है. लेकिन उस Template को जब हम Free में डाउनलोड करते है फिर अपने Blog पर उस Template को Upload करते है तो Related Post Widget Show नहीं होते है, क्युकी Free के अंदर हमे सभी फीचर नहीं मिलते है।
Free Template में Recent Post Show कराने के लिये हमे Recent Post Widget उसमे add करना पड़ेगा. तभी Recent पोस्ट दिखाई देगा. इस पोस्ट में आप को सिंपल रीसेंट पोस्ट Widget Blog Me Kaise Lagaye इसके बारे में बताऊंगा. सिंपल रीसेंट Widget Blog लगाने से हमारे रीडर को न्यू पोस्ट की जानकारी आसानी से मिल जाती है।
अपने Blog के अंदर हम गैलरी स्टाइल Recent पोस्ट Widget Thumbnail Recent Posts Widget भी लगा सकते है, लेकिन आप में आप को सिंपल रीसेंट पोस्ट Widge के बारे में बताऊंगा. सिंपल रीसेंट पोस्ट Widge .Blog में लगाने से हमारे Blog की लोडिंग स्पीड पर कोई भी फर्क नहीं पड़ेगा. परन्तु गैलरी स्टाइल Recent पोस्ट Widget. Thumbnail Recent Posts Widget से हमारे ब्लॉग की लोडिंग स्पीड कम हो जाती है।
Simple Recent Post Widget Blog में लगाने का क्या फ़ायदा है
- सिंपल Recent पोस्ट Widget Blog में लगाने से आप के Blog की लोडिंग स्पीड कम नहीं होगी
- Recent पोस्ट Widget Blog में लगाने से आप के रीडर को न्यू पोस्ट की जानकारी Home page पर ही मिल जाएगी
- Recent Post Widget Blog में Add करने से आप के Blog पर Traffic बढेगा।
दोस्तों अब आप समझ गए होंगे Recent पोस्ट Widget Blog में लगाने का क्या फ़ायदा है.चलिए अभी सिख लेते है. सिंपल रीसेंट पोस्ट Widget Blog Me Kaise Lagaya जाता है.इसके लिये आप मेरे स्टेप को फॉलो करे।
Simple Recent Post Widget Blog Me Kaise Lagaye Ya Add Kare
स्टेप 1: सबसे पहले आप निचे दिये गये कोड को डाउनलोड करके Copy करे।
<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>
<script type="text/javascript">
var posts_no = 5;var posts_date = true;var post_summary = true;var summary_chars = 80;</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestposts">
</script><a style="font-size: 9px; color: #CECECE;margin-top:10px;" href="https://aaiyesikhe.com/" rel="nofollow">Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<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>स्टेप 2: अपने Blog में लॉग इन करे।
स्टेप 3: Layout पर क्लिक करे।
स्टेप 4: अब Add a Gadget पर क्लिक करे।
स्टेप 5: अब HTML/JavaScript पर क्लिक करे।
स्टेप 6: अब एक पॉपअप विंडो ओपन होगा Title में Recent post या New Post टाइप करे Content में जो कोड कॉपी किया था उसको CTRL+V दबाकर Past करदे।
स्टेप 7: अब Save पर क्लिक करके Save करदे और उपर की तरफ Save Arrangement पर भी क्लिक करे Congratulation अब आपने अपने Blog में सिंपल रीसेंट पोस्ट Widget ऐड कर लिया है। आज का मेरा पोस्ट Simple Recent Post Widget Blog Me Kaise Lagaye आप को कैसा लगा कमेंट के द्वारा जरुर बताये।
