Ads (728x90)

पेज नेवीगेशन "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

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

Post a Comment

Blogger
  1. सुन्दर जानकारी,थैंक्स सर

    ReplyDelete
    Replies
    1. मनोज जी, स्वागत है

      Delete
  2. पूरण खण्डेलवाल9/18/2012

    अच्छी जानकारी !!

    ReplyDelete
    Replies
    1. पूरण जी, बहुत-बहुत आभार!

      Delete
  3. कोशिश करेंगे ?? पर समझ नहीं आ रहा | थैंक्स ...

    ReplyDelete
    Replies
    1. पेज नेवीगेशन सम्बंधित आपकी जो भी समस्या है उसमें हम आपकी पूरी सहायता करेंगे।

      Delete

(!) टिप्पणी के सामान्य नियम
1. हम आपसे टिप्पणी में सभ्य शब्दों के प्रयोग की अपेक्षा करते हैं।
2. हम आपसे लेख के बारे में वास्तविक राय की अपेक्षा करते हैं।
3. यदि आप विषय के अतिरिक्त कोई अन्य जानकारी चाहते हैं तब हम आपको फ़ोरम में प्रश्न पूछने के लिए प्रेरित करते हैं।
4. अगर आप हमारे नये लेखों की सूचना ईमेल पर चाहते हैं तो यहाँ क्लिक करें।