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

विज्ञापन

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

Set up Page Navigation for Blogger blogs

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

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

Page Navigation for Blogger

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

Page Navigation for Blogger

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

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 के स्थान पर पोस्टों की संख्या लिखिए।

(!) हमने जावास्क्रिप्ट को अपने एकाउंट पर अपलोड कर रखा है। हम इसे आपको अपनी गूगल ड्राइव पर होस्ट करने का अनुरोध करते हैं।
//sites.google.com/site/techprevue/home/page-navigation-by-techprevue.js

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

Help to set up page navigation on Blogger blogs

Set up Page Navigation for Blogger blogs

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

Previous articleफ़ायरफ़ॉक्स पर बुकमार्क और पासवर्ड का बैकअप लीजिए
Next articleहार्ड डिस्क से डेटा रिकवरी करें और डिलीट फ़ाइलें दुबारा पायें
Founder, Tech Prevue. Doing Pro Blogging Since 2008.

LEAVE A REPLY

Please enter your comment!
Please enter your name here