ब्लॉग पर पुराना हटाकर नया पेज नेवीगेशन लगाइए

पेज नेवीगेशन “Page navigation” आज ब्लॉग के होम पेज और आर्काइव पेजों पर अति आवश्यक चीज़ है। अपने ब्लॉग पर पेज नेवीगेशन लगाकर आप उसे प्रोफ़ेशनल ब्लॉग का लुक “Professional blog look” दे सकते हैं। अगर आप अभी नहीं समझ पा रहे हैं कि पेज नेवीगेशन क्या है? तो बताना चाहूँगा कि आपने अपने ब्लॉग के होम पेज पर जहाँ अगले और पिछले पेज पर जाने का विकल्प ” Option to move on next or previous page” देखते हैं यानि जिसका प्रयोग आप नयी पुरानी पोस्टों पर जाने के लिए करते हैं। पेज नेवीगेशन उसे एक प्रोफ़ेशनल लुक देगा और जहाँ आपको अगले पेज और पिछले पेज पर जाने का विकल्प मिलता है वहाँ पेज संख्या “Page number” दिखेगी। साथ ही आपके पाठकों का सीधे मनचाही पेज संख्या भरकर किसी भी पेज तक पहुँचना आसान हो जायेगा।

यह पेज नेवीगेशन आपके ब्लॉग की प्रकाशित पोस्टों की संख्या और हर लेबल के अंतर्गत प्रकाशित पोस्टों की संख्या को आधार बनाकर आपके ब्लॉग पर काम करेगा। पेज नेवीगेशन 500 पोस्टों को आसानी से जाँचकर उन्हें नेवीगेशन में शामिल कर सकता है।

पुराने और नये पेज नेवीगेशन में क्या अंतर है –

यह नया पेज नेवीगेशन आपके ब्लॉग कुछ इस प्रकार दिखेगा –

ब्लॉग पर पेज नेवीगेशन लगाइए

Set up Page Navigation for Blogger blogs

1. अपना ब्लॉगर डैशबोर्ड पर ब्लॉग टेम्पलेट एडीटर खोलिए इसके बाद नीचे दिया कोड सर्च “” कीजिए।

<b:include name='nextprev'/>

2. अब इस कोड नीचे दिये गये कोड से बदल दीजिए

<b:if cond='data:blog.pageType != "index"'>
<b:include name='nextprev'/>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<style>
.blogpager{padding:6px;font:bold 18px sans-serif;}
.tppager{margin:5px;padding:0 auto;}
</style>
<div class="tp-pager">
<form action="#" name="pagertp"><span id="tp-pager-first"></span> <span id="tp-pager-prev"></span> <input name="showingpage" onfocus="this.select()" value="कार्यरत..." type="text" size="4" title="वह पेज संख्या लिखिए जिस पर जाना चाहते हैं..." />/<input size="4" type="text" name="pagestotal" disabled="disabled" value="कार्यरत..." /> <input type="button" onclick="checkpager()" value="जाइए!" /> <span id="tp-pager-next"></span> <span id="tp-pager-last"></span>
</form>
</div>
<script>
var blogID = "blogID";
var home_page = "/";
var pager_max_main = 5;
var pager_first_text = "पहला पेज";
var pager_last_text = "अंतिम पेज";
var pager_prev_text = "पिछला पेज";
var pager_next_text = "अगला पेज";
</script>
<script src="//sites.google.com/site/techprevue/home/page-navigation-by-techprevue.js"/>
</b:if>

3. ऊपर दिये गये कोड में blog ID के स्थान पर ब्लॉग आइडी संख्या लिखें। जो आपको नीचे दिये चित्र के अनुसार मिलेगी।

4. यदि आप ब्लॉग के होम पेज पर 5 से अधिक पोस्ट दिखा रहे हैं तो “var pager_max_main = 5;” कोड में 5 के स्थान पर पोस्टों की संख्या लिखिए।

पेज नेवीगेशन स्थापित करने के लिए सहायता चित्र

Help to set up page navigation on Blogger blogs

अन्य किसी भी प्रकार की सहायता के लिए कमेंट द्वारा प्रश्न कर सकते हैं।