ब्लॉग में पेज नम्बर ,वाह क्या बात है !

क्या आपको अपने ब्लॉग के पहले पेज पर ज्यादा पोस्ट रखना पसंद नही ,और चाहते हैं की हर कोई ब्लॉग की और पोस्ट भी पढ़े , तो एक तरीका है की ब्लॉग पर पेज नम्बर लगायें .तरीका हम बताते हैं। ब्लॉगर एक पब्लिशिंग का मध्यम है पर इस मैं इस प्रकार के पेज नैविगेशन का थोड़ा कम ही ख्याल रखा गया है ,जबकि वर्डप्रेस मैं ऐसा नही है ,वहां ज्यादा आज़ादी है ।

फ़िर भी उदास हुए बिना हम कुछ जुगत भिडा कर अपने ब्लॉग पेज पर पेज नम्बर लगा सकते हैं ,इसमे मोहम्मद रिआस ने एक कोड लिखा है जिसका हम इस्तेमाल कर सकते हैं

कुछ ऐसा दिखेगा

इस कोड मैं कुछ जावा स्क्रिप्ट और जे एस ओ एन तकनीकों का इस्तेमाल किया है

अब करना कैसे है ।
१.ब्लॉगर खोलें
२.लेआउट पर क्लिक करें
३.add a gadget पर क्लिक करें
४.html/javascript को सेलेक्ट करें
५.अब निचे दिए गए कोड को कॉपी कर उसमे पेस्ट कर दें ।

<br /><style><br />.showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px;<br />}<br />.showpageArea a {border: 1px solid #505050;<br />color: #000000;font-weight:normal;<br />padding: 3px 6px !important;<br />padding: 1px 4px ;margin:0px 4px;<br />text-decoration: none;<br />}<br />.showpageArea a:hover {<br />font-size:11px;<br />border: 1px solid #333;<br />color: #000000;<br />background-color: #FFFFFF;<br />}<br /><br />.showpageNum a {border: 1px solid #505050;<br />color: #000000;font-weight:normal;<br />padding: 3px 6px !important;<br />padding: 1px 4px ;margin:0px 4px;<br />text-decoration: none;<br /><br />}<br />.showpageNum a:hover {<br />font-size:11px;<br />border: 1px solid #333;<br />color: #000000;<br />background-color: #FFFFFF;<br /><br />}<br />.showpagePoint {font-size:11px;<br />padding: 2px 4px 2px 4px;<br />margin: 2px;<br />font-weight: bold;<br />border: 1px solid #333;<br />color: #fff;<br />background-color: #000000;<br /><br /><br />}<br /><br />.showpage a:hover {font-size:11px;<br />border: 1px solid #333;<br />color: #000000;<br />background-color: #FFFFFF;<br /><br />}<br />.showpageNum a:link,.showpage a:link {<br />font-size:11px;<br />padding: 2px 4px 2px 4px;<br />margin: 2px;<br />text-decoration: none;<br />border: 1px solid #0066cc;<br />color: #0066cc;<br />background-color: #FFFFFF;}<br /><br />.showpageNum a:hover {font-size:11px;<br />border: 1px solid #333;<br />color: #000000;<br />background-color: #FFFFFF;<br />}<br /></style><br /><br /><br /><br /><script type="text/javascript"><br /><br />function showpageCount(json) {<br />var thisUrl = location.href;<br />var htmlMap = new Array();<br />var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";<br />var isLablePage = thisUrl.indexOf("/search/label/")!=-1;<br />var isPage = thisUrl.indexOf("/search?updated")!=-1;<br />var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";<br />thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;<br />var thisNum = 1;<br />var postNum=1;<br />var itemCount = 0;<br />var fFlag = 0;<br />var eFlag = 0;<br />var html= '';<br />var upPageHtml ='';<br />var downPageHtml ='';<br /><br /><br />var pageCount=5;<br />var displayPageNum=3;<br />var firstPageWord = '<span title="Click to correct" class="transl_class" id="156"><span title="Click to correct" class="transl_class" id="156"><span title="Click to correct" class="transl_class" id="156"><span title="Click to correct" class="transl_class" id="156"><span title="Click to correct" class="transl_class" id="156"><span title="Click to correct" class="transl_class" id="159"><span title="Click to correct" class="transl_class" id="159">पहला</span></span></span></span></span></span></span> <span title="Click to correct" class="transl_class" id="157"><span title="Click to correct" class="transl_class" id="157"><span title="Click to correct" class="transl_class" id="157"><span title="Click to correct" class="transl_class" id="157"><span title="Click to correct" class="transl_class" id="157"><span title="Click to correct" class="transl_class" id="160"><span title="Click to correct" class="transl_class" id="160">पेज</span></span></span></span></span></span></span>';<br />var endPageWord = '<span title="Click to correct" class="transl_class" id="158"><span title="Click to correct" class="transl_class" id="158"><span title="Click to correct" class="transl_class" id="158"><span title="Click to correct" class="transl_class" id="158"><span title="Click to correct" class="transl_class" id="158"><span title="Click to correct" class="transl_class" id="161"><span title="Click to correct" class="transl_class" id="161">अंतिम</span></span></span></span></span></span></span>';<br />var upPageWord ='<span title="Click to correct" class="transl_class" id="159"><span title="Click to correct" class="transl_class" id="159"><span title="Click to correct" class="transl_class" id="159"><span title="Click to correct" class="transl_class" id="159"><span title="Click to correct" class="transl_class" id="159"><span title="Click to correct" class="transl_class" id="162"><span title="Click to correct" class="transl_class" id="162">पिछला</span></span></span></span></span></span></span>';<br />var downPageWord ='<span title="Click to correct" class="transl_class" id="160"><span title="Click to correct" class="transl_class" id="160"><span title="Click to correct" class="transl_class" id="160"><span title="Click to correct" class="transl_class" id="160"><span title="Click to correct" class="transl_class" id="160"><span title="Click to correct" class="transl_class" id="163"><span title="Click to correct" class="transl_class" id="163">अगला</span></span></span></span></span></span></span>';<br /><br /><br /><br />var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';<br /><br />for(var i=0, post; post = json.feed.entry[i]; i++) {<br />var timestamp = post.published.$t.substr(0,10);<br />var title = post.title.$t;<br />if(isLablePage){<br />if(title!=''){<br />if(post.category){<br />for(var c=0, post_category; post_category = post.category[c]; c++) {<br />if(encodeURIComponent(post_category.term)==thisLable){<br />if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){<br />if(thisUrl.indexOf(timestamp)!=-1 ){<br />thisNum = postNum;<br />}<br /><br />postNum++;<br />htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;<br />}<br />}<br />}<br />}//end if(post.category){<br /><br />itemCount++;<br />}<br /><br />}else{<br />if(title!=''){<br />if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){<br />if(thisUrl.indexOf(timestamp)!=-1 ){<br />thisNum = postNum;<br />}<br /><br />if(title!='') postNum++;<br />htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;<br />}<br />}<br />itemCount++;<br />}<br />}<br /><br />for(var p =0;p<>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ if(fFlag ==0 && p == thisNum-2){ if(thisNum==2){ if(isLablePage){ upPageHtml = labelHtml + upPageWord +'</a></span>';<br />}else{<br />upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';<br />}<br />}else{<br />upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';<br />}<br /><br />fFlag++;<br />}<br /><br />if(p==(thisNum-1)){<br />html += ' <span class="showpagePoint"><u>'+thisNum+'</u></span>';<br />}else{<br />if(p==0){<br />if(isLablePage){<br />html = labelHtml+'1</a></span>';<br />}else{<br />html += '<span class="showpageNum"><a href="/">1</a></span>';<br />}<br />}else{<br />html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';<br />}<br />}<br /><br />if(eFlag ==0 && p == thisNum){<br />downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';<br />eFlag++;<br />}<br />}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ }//end for(var p =0;p<>1){<br />if(!isLablePage){<br />html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';<br />}else{<br />html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';<br />}<br />}<br /><br />html = '<div class="showpageArea"><span style="font-size:11px;padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-color: #FFFFFF;" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;<br /><br />if(thisNum<(postNum-1)){ html += downPageHtml; html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';<br />}<br /><br />if(postNum==1) postNum++;<br />html += '</div>';<br /><br />if(isPage || isFirstPage || isLablePage){<br />var pageArea = document.getElementsByName("pageArea");<br />var blogPager = document.getElementById("blog-pager");<br /><br />if(postNum <= 2){ html =''; } for(var p =0;p< innerhtml =" html;">0){<br />html ='';<br />}<br /><br />if(blogPager){<br />blogPager.innerHTML = html;<br />}<br />}<br /><br />}<br /></script><br /><br /><script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script><br /></body><br /><br />


६.इसे सेव कर लें और अपने पोस्ट एलेमेन्ट के ठीक निचे ले आयें

ब्लॉग पोस्ट के ठीक निचे

७. Preview देखें और सेव करलें .

अब आपकी ब्लॉग में पेज नम्बर डिसप्ले होने लगेंगे

अब बारी आपकी

:-इस सन्दर्भ में कोई समस्या हो तो हमें बताएं ,यदि ये पोस्ट पसंद आई हो तो भी बताएं और कुछ नया चाहते हों तो पूछें। हमारा कमेन्ट बॉक्स आपके इंतज़ार में है ।