Blogger Blog में Number Page Navigation Button and Widget कैसे लगाने का तरीका

Blogger Blog me prev next button(number page navigation) widget Kaise Lagaye: हेल्लो दोस्तों आज में आपको बताने बाला हु की Blogger Blog Me Number Page Navigation Button Kaise Lagaye ? अगर आप ब्लॉगर है तो आप अपनी ब्लॉग की डिजाईन अच्छी से अच्छी रखना चाहते होगे | अगर आप ब्लॉगर प्लेटफार्म है तो आपको थीम को डिजाईन करने में बहुत ही आसानी होगी | इसलिए बहुत बार हम ब्लॉग में कुछ स्पेशल डिजाईन करना भूल जाते है जो मोस्ट इम्पोर्टेंट है |
number page navigation add in blogger sample image

दोस्तों ब्लॉग में पेज navigation button add करना बहुत ही जरूरी है | आपने कई blogs पर देखा होगा जहा older post की जगह number button शो होते है | इसको ऐड करना बहुत ही जरूरी है | अगर आप कोई एसी थीम इस्तमाल कर रहे है जिसमे पहले से add है तो आप को add करने की जरुरत नहीं है जिनके ब्लॉग के थीम में ये ऐड नहीं है सिर्फ उन्हें ही add करना है |

अगर आप ऐड नहीं करते है तो आपकी ब्लॉग की डिजाईन ही ख़राब होगी और बाकि कुछ नहीं होगा क्योंकि अगर आप अपने ब्लॉग में add नहीं करते है तो आपके vistors को भी प्रोब्लेम्स आयेंगी आपके पोस्ट पड़ने में | अगर आप सोच लो की आपके ब्लॉग पर 1000 पोस्ट है और  आपके ब्लॉग में navigation button नहीं है तो आपके सारे पोस्ट पड़ने के लिए older post और newer post करके पड़ना पड़ेगा जिससे रीडर डायरेक्ट पेज पर नहीं पहुच पाएंगे |

इससे आपके रीडर को ब्लॉग बोरिंग लगेगी जिससे बो आपकी ब्लॉग को बंद कर देगा | इसलिए आप जरूर navigation ब्लॉग में ऐड करे जिससे आप और आपके रीडर दोनों को लाभ मिले, तो आप निचे के स्टेप फॉलो करे |

Blogger Blog Me Number Page Navigation Button Kaise Lagaye ?

ब्लॉगर ब्लॉग में number page navigation button लगाना बहुत ही इजी है आप मेरे सिंपल निचे और कोड के जरिये ब्लॉग में button add कर सकते है | लेकिन में जो आपको css कोड दूंगा उसमे आप अपनी पस्संद की styling कर सकते है जिससे  page navigation का style आपकी ब्लॉग के कलर से मैच हो सके | 

Step 1: सबसे पहले आप अपने ब्लॉग में जाये और Theme पर क्लिक करके Edit HTML पर क्लिक करे | अब
वहा पर computer के keybord से CTRL+U type करे | अब बहा पर एक search box ओपन होगा उसमे आप ]]></b:skin> past करदे और search करे | अब ठीक उसी के उपर निचे बाला कोड past करदे |
#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 12px;padding: 5px 12px;margin-right:5px; color: #222; background-color:#eee; border: 1px solid #EEEEEE;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#E5E5E5;text-decoration:none;color: #222;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#DB4920;}
 .showpageOf{display:none!important}
#blog-pager .pages{border:none;}
मेने आपको उपर कोड दे दिया है अब आप ठीक ऊपर past करदे और सवसे करदे ज्यादा जानकारी के लिए आप निचे दिया हुआ इमेज देखे और अगले step को फॉलो करे |

Blogger Blog Me Number Page Navigation Button Kaise Lagaye ?

Step 2: अब आप निचे दिए कोड को </body> section के उपर  past करदे | सबसे पहले </body> को सर्च करे और ठीक उसी के उपर past करदे | और save करदे |
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
  /*<![CDATA[*/
    var perPage=3;
    var numPages=3;
    var firstText ='First';
    var lastText ='Last';
    var prevText ='« Previous';
    var nextText ='Next »';
    var urlactivepage=location.href;
    var home_page="/";

if(typeof firstText=="undefined")firstText="First";if(typeof lastText=="undefined")lastText="Last";var noPage;var currentPage;var currentPageNo;var postLabel;pagecurrentg();function looppagecurrentg(pageInfo){var html='';pageNumber=parseInt(numPages / 2);if(pageNumber==numPages-pageNumber){numPages=pageNumber*2+1}
pageStart=currentPageNo-pageNumber;if(pageStart<1)pageStart=1;lastPageNo=parseInt(pageInfo / perPage)+1;if(lastPageNo-1==pageInfo / perPage)lastPageNo=lastPageNo-1;pageEnd=pageStart+numPages-1;if(pageEnd>lastPageNo)pageEnd=lastPageNo;html+="<span class='showpageOf'>Page "+currentPageNo+' of '+lastPageNo+"</span>";var prevNumber=parseInt(currentPageNo)-1;if(currentPageNo>1){if(currentPage=="page"){html+='<span class="showpage firstpage"><a href="'+home_page+'">'+firstText+'</a></span>'}else{html+='<span class="displaypageNum firstpage"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">'+firstText+'</a></span>'}}
if(currentPageNo>2){if(currentPageNo==3){if(currentPage=="page"){html+='<span class="showpage"><a href="'+home_page+'">'+prevText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">'+prevText+'</a></span>'}}else{if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+prevNumber+');return false">'+prevText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+prevNumber+');return false">'+prevText+'</a></span>'}}}
if(pageStart>1){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">1</a></span>'}}
if(pageStart>2){html+=' ... '}
for(var jj=pageStart;jj<=pageEnd;jj++){if(currentPageNo==jj){html+='<span class="pagecurrent">'+jj+'</span>'}else if(jj==1){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">1</a></span>'}}else{if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+jj+');return false">'+jj+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+jj+');return false">'+jj+'</a></span>'}}}
if(pageEnd<lastPageNo-1){html+='...'}
if(pageEnd<lastPageNo){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+lastPageNo+');return false">'+lastPageNo+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+lastPageNo+');return false">'+lastPageNo+'</a></span>'}}
var nextnumber=parseInt(currentPageNo)+1;if(currentPageNo<(lastPageNo-1)){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+nextnumber+');return false">'+nextText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+nextnumber+');return false">'+nextText+'</a></span>'}}
if(currentPageNo<lastPageNo){if(currentPage=="page"){html+='<span class="displaypageNum lastpage"><a href="#" onclick="redirectpage('+lastPageNo+');return false">'+lastText+'</a></span>'}else{html+='<span class="displaypageNum lastpage"><a href="#" onclick="redirectlabel('+lastPageNo+');return false">'+lastText+'</a></span>'}}
var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}
if(pageArea&&pageArea.length>0){html=''}
if(blogPager){blogPager.innerHTML=html}}
function totalcountdata(root){var feed=root.feed;var totaldata=parseInt(feed.openSearch$totalResults.$t,10);looppagecurrentg(totaldata)}
function pagecurrentg(){var thisUrl=urlactivepage;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){postLabel=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{postLabel=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}
if(thisUrl.indexOf("?q=")==-1&&thisUrl.indexOf(".html")==-1){if(thisUrl.indexOf("/search/label/")==-1){currentPage="page";if(urlactivepage.indexOf("#PageNo=")!=-1){currentPageNo=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{currentPageNo=1}
document.write("<script src=\""+home_page+"feeds/posts/summary?max-results=1&alt=json-in-script&callback=totalcountdata\"><\/script>")}else{currentPage="label";if(thisUrl.indexOf("&max-results=")==-1){perPage=20}
if(urlactivepage.indexOf("#PageNo=")!=-1){currentPageNo=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{currentPageNo=1}
document.write('<script src="'+home_page+'feeds/posts/summary/-/'+postLabel+'?alt=json-in-script&callback=totalcountdata&max-results=1" ><\/script>')}}}
function redirectpage(numberpage){jsonstart=(numberpage-1)*perPage;noPage=numberpage;var nameBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nameBody.appendChild(newInclude)}
function redirectlabel(numberpage){jsonstart=(numberpage-1)*perPage;noPage=numberpage;var nameBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary/-/"+postLabel+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nameBody.appendChild(newInclude)}
function finddatepost(root){post=root.feed.entry[0];var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);var timestamp=encodeURIComponent(timestamp1);if(currentPage=="page"){var pAddress="/search?updated-max="+timestamp+"&max-results="+perPage+"#PageNo="+noPage}else{var pAddress="/search/label/"+postLabel+"?updated-max="+timestamp+"&max-results="+perPage+"#PageNo="+noPage}
location.href=pAddress}

  /*]]>*/
</script>
</b:if>
</b:if>

Blogger Blog me prev next button(number page navigation) widget

आप उपर दी हुयी इमेज में देख सकते है की कैसे </body> के उपर  कोड ऐड करते है | code को add करने के बाद save theme पर क्लिक करदे जिससे save हो जाये |

तो दोस्तों इस प्रकार आपकी ब्लॉग में page navigation button ऐड हो गए है | अब आप अपनी ब्लॉग को ओपन करके देख सकते है अगर आपको कोई प्रॉब्लम ए तो निचे कमेंट जरूर करे और पोस्ट को शेयर जरूर करे |

Comments

Post a Comment

Popular posts from this blog

Website Ki Loading Speed Kya Hai Kaise Check Kare New Method

Image
हेल्लो दोस्तों  आज में पाको बतायुन्गा की ब्लॉग loading speed कैसे पता करते है | अगर आप अपनी ब्लॉग की सर्च रैंक improve करना चाहते है तो उसके लिए जरूरी है की आप अपनी ब्लॉग  की सभी तरह से ब्लॉग की SEO सेटिंग करे | या अगर आपकी ब्लॉग की वेबसाइट की loading स्पीड स्लो है और आप उसकी स्पीड चेक करना चाहते है तो आज में आपको फुल इनफार्मेशन दूंगा | अगर आपकी ब्लॉग की स्पीड स्लो है या अगर आप अपनी ब्लॉग की स्पीड improve करना चाहते है तो में आपको आज के ईस पोस्ट में सब कुछ बतायुन्गा | कई  बार क्या होता है की दोस्तों हम ब्लॉग की SEO सेटिंग करते है लेकिन फिर भी हम्हे बिलुल भी हमारे ब्लॉग की SEO में सुधर नहीं आता है बो ईसलिए की हम बिना चेक किये ब्लॉग की सेटिंग कर देते है जिससे हमारे ब्लॉग की SEO सेटिंग और भी ख़राब हो जताई है | ईसलिए ब्लॉग की जो भी सेटिंग करे use चेक करना बहुत जरूरी है | आज में आपको बताने बाला हु की loading speed कैसे चेक करते है | अगर आप अपनी ब्लॉग की loading speed चेक करना चाहते है तो निचे के स्टेप फॉलो करे | Website Ki Loading Speed Kya Hai Kaise Check Kare ? दोस्तों ब्लॉग ...
Read more

ghani khamma meaning: खम्मा घणी का मतलब क्या है, पूरी जानकारी खम्मा घणी के बारे में?

Image
khamma ghani ka matlab: आजकल राजपूत समाज में अभिवादन का एक स्वरुप बहुत प्रचलित हो रहा है,"खम्मा घणी" जबकि हमारे समाज में ये अभिवादन कभी नहीं था| हमारे समाज के अभिजात्य वर्ग,यथा राजा,व जागीरदारों ने आम राजपूत से अपने आप को प्रथक प्रदर्शित करने के प्रयोजन से गुलामी के इस शब्द को अपना लिया, जिसका शाब्दिक अर्थ स्वयं उनको ज्ञात नहीं है। ghani khamma meaning ghani khamma meaning: खम्मा घणी का मतलब क्या है । पूरी जानकारी खम्मा घणी के बारे में । खम्मा घणी का शाब्दिक तात्पर्य निम्नानुसार है,,,,खम्मा = क्षमा, घणी = बहुत अधिक। हमारी क्षत्रिय संस्कृति में प्रारम्भ से ही बड़ो के सामने बोलने से पूर्व अनुमति लेने का रिवाज रहा है, इसी कड़ी में जब राजाओं महाराजाओं के समक्ष उनकी सेवक जाति के प्रतिनिधि जब कुछ निवेदन करना चाहते थे तो वे बोलने से पहले क्षमा का निवेदन सम्मान के स्वरुप में करते थे, क्षमा का अपभ्रंश ही खम्मा है| जैसे ब्रिटिश शासन में लार्ड साहब को लाट साहब कहा जाने लगा था। khamma ghani ka matlab खम्माघणी में पहला शब्द है खम्मा जिसका अर्थ है क्षमा,माफ़ी । दूसरा शब्द है घणी जिसका अर्थ ह...
Read more

जानवरों के बारे में रोचक जानकारियां interesting Facts of Animals in Hindi Langauge

Image
जंगली जानवरों के बारे में जानकारी, जानवर के बारे में, जंगली जानवरों की जानकारी, जानवरों के रोचक तथ्य, जंगली जानवरों के नाम, जानवरों के बारे मे जानकारी, शेर के बारे में जानकारी, janvaro ke bare me jankari जानवरों के बारे में रोचक जानकारियां: आज मैं आपको कुछ जानवरों के बारे जंगली जानवरों के बारे में जानकारी में कुछ अच्छी जानकारी जिसमे मैं आपको हाथी के बारे में जानकारी,बंदर के बारे में जानकारी,हिरण के बारे में जानकारी,शेर के बारे में जानकारी बहुत जानवरों के बारे में रोचक जानकारियां  दूंगा जिसको आप पढ़ कर जानकारी ले सकते हैं| जानवरों के बारे में रोचक जानकारियां Facts of Animals in Hindi Langauge जानवरों की आदते अजीब होती हैं। कई बार तो हमें जानवरों के बारे में ऐसे तथ्य मालूम पड़ते हैं, ‍जो हमें चौंका देते हैं। जानवरों के बारे में ऐसी कुछ रोचक जानकारियां हम आप तक लाए हैं। एक चीनी नवजात जल हिरण का बच्चा इतना छोटा होता है की हम उसे अपनी हथेली में पकड़ सकते है। एक हट्टी-खट्टी लोमड़ी में 14 पौंड वजन होता है। अगर लोगों को चीटियां उपहार में बाटी जाए तो हर इंसान के हिस्से में करीब ...
Read more