पेज नेविगेशन में अगली-पिछली पोस्ट का शीर्षक दिखायें

Enhanced blogger page navigation

ब्लॉगर में डिफ़ाल्ट सेटिंग के अंतर्गत जब आप पोस्ट पढ़ते हैं तो अगली पोस्ट पर जाने के लिए अगली पोस्ट और पिछली पोस्ट पर जाने के लिए पिछली पोस्ट पर क्लिक करके जाते हैं यदि ऐसा हो कि अगली और पिछली पोस्ट की जगह पोस्टों का शीर्षक दिखे तो कितना अच्छा रहेगा। इसी उपाय के लिए मैं यह पोस्ट लिख रहा हूँ आशा है कि आपको यह बहुत पसंद आयेगी।

Page Navigation with Next-Previous Post Title

ऐसा करना बहुत ही सरल है।

  1. आप सबसे पहले ब्लॉगर इन ड्राफ्ट में जायें
  2. फिर अपने ब्लॉग के टेम्पलेट पर जायें और Edit HTML पर क्लिक करें
  3. फिर आगे बढ़े (Proceed) पर क्लिक करें
  4. अब </head> कोड की खोज CTRL+F के ज़रिए करें
  5. और ठीक उसके ऊपर यह नीचे दिया गया कोड पेस्ट कर दें
  6. <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script type='text/javascript'>
    //<![CDATA[
    $(document).ready(function(){
    var newerLink = $("a.blog-pager-newer-link").attr("href");
    $("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {
    var newerLinkTitle = $("a.blog-pager-newer-link").text();
    $("a.blog-pager-newer-link").text("← " + newerLinkTitle);
    });
    var olderLink = $("a.blog-pager-older-link").attr("href");
    $("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {
    var olderLinkTitle = $("a.blog-pager-older-link").text();
    $("a.blog-pager-older-link").text(olderLinkTitle + " →");//rgt
    });
    });
    //]]>
    </script>
    </b:if>
    
  7. अब अपना टेम्पलेट सहेज दें और अपने ब्लॉग की कोई भी पोस्ट खोलकर देखें।

इसे प्रयोग करने से पूर्व आप इस स्क्रिप्ट को यहाँ: गुलाबी कोंपलें पर सजीव देख सकते हैं। इसके लिए आप कोई भी एक पोस्ट खोलकर देख लें

LEAVE A REPLY

Please enter your comment!
Please enter your name here