BloggingHindi - Blogging Aur Internet Ki Sabhi Jankari

  • About Us
  • Contact Us
  • Blogging
  • WordPress
  • SEO

Blog Post Ko Multi Pages Me Break Kaise Kare – Full Guide

Last Updated on April 11, 2022 by Md Arshad Noor 11 Comments

आपने बहुत सारे sites में देखा होगा की वहां एक ही post को कई pages में बाँट देता है. इससे readers को भी अलग अलग page open करके पढ़ने में मजा आता है और site की pageviews भी बढ़ता है. ऐसा अब आप भी अपने website में कर सकते हो. हम इस post में आपको के बारे में बताने वाले हैं की blogger में एक post को कई pages में break कैसे करें? इससे आप भी अपने site के post को कई pages में break कर सकते हो।

Blogger post ko multi pages me break kaise kare.


हम अपने ब्लॉग की pageviews बढ़ाने के लिए बहुत कुछ करते है लेकिन इससे भी हमारे ब्लॉग की pageview बहुत ज्यादा increase नही होता है. जब हमारे ब्लॉग की page views अच्छी होगी तो definitely उसमे traffic भी अच्छी आएगी. हम अपने ब्लॉग में new new content डालते हैं. इसलिए की हमारे ब्लॉग की traffic अच्छी हो जाये, जिससे हमारी income भी अच्छी होगी.  हम अपने ब्लॉग में Recent posts, Popular Posts, etc. का widget इसलिए लगाते हैं, ताकि हमारे ब्लॉग को page view increase हो. अगर आप भी अपने ब्लॉग की page view बढ़ाना चाहते हो तो हम आपको एक और तरीका बताने जा रहे है. इन्हें follow करके आप 30% तक अपने ब्लॉग की page view बढ़ा सकते हो।

इस post में हम आपको बताने वाले हैं की एक post को multi pages में कैसे break करते हैं. जब आप अपने ब्लॉग post को multi pages में break करोगे तो reader को एक post पूरा पढ़ने के लिए सभी pages पढ़ना होगा. इससे आपके ब्लॉग की pageviews बढ़ेगी और आपके ब्लॉग का Bounce rate भी कम होगा। Blogger ब्लॉग में करने के लिए बहुत simple method है और हम निचे में आपको blogger में इसको कैसे setup करें? इसके बारे में बता रहे हैं. यदि आप wordpress user हो तो आप plugin का use कर सकते हो।

Blogger में Blog Post को Multi pages में कैसे break करें।

अब हम आपको निचे step by step बता रहे है, जिससे आपको आसानी से समझ में आ जायेगी. अगर आपको कहीं समझने में दिक्कत हो तो comment में बताएं।
Step 1: सबसे पहले Blogger में Login करें और Dashboard ->Theme ->Edit HTML में जाएँ.

Blog Post Ko Multi Pages Me Break Kaise Kare - Full Guide 1
Step 2: अब CTRL+F बटन को दबाकर <head> को search करें और <head> के निचे ने निचे दिए हुए code को add करें।

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

Step 3: CTRL+F बटन को दबाकर ]]></b:skin> को search करें और ]]></b:skin> के ऊपर में निचे दिए हुए code को add करें।

.post-pagination {
    margin: 40px auto;
    text-align: center;
    width: 100%;
    float:left;
}
.button_1, .button_2, .button_3 {
    border: 2px solid #f4655f;
    font-weight: 900;
    padding: 6px 36px;
    color:#f4655f;
    transition:ease 0.69s !important;
}
.button_1:hover, .button_2:hover, .button_3:hover {
    background: none repeat scroll 0 0 #f4655f;
    color: #fff;
    text-decoration: none;
}

Step 4: अब फिर से CTRL+F बटन को दबाकर </head> को search करें और </head> के ऊपर निचे दिए हुए code को add करें और Save कर दीजिए.

<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.button_1').click(function(){
jQuery('.content_1').fadeIn('slow');
  jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
return false;
});
jQuery('.button_2').click(function(){
jQuery('.content_1').fadeOut('fast');
  jQuery('.content_2').fadeIn('slow');
jQuery('.content_3').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
return false;
});
jQuery('.button_3').click(function(){
jQuery('.content_1').fadeOut('fast');
  jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeIn('slow');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
return false;
});
});
</script>

Step 5: अब जिस post को multi pages में बाँटना है, उसे editor में open करें और HTML टैब पर Click करके निचे दिए हुए code को add करें.

<div class="content_1">
Content Show in 1 Page
</div>
<div class="content_2" style="display: none;">
 Content Show in 2 Page
</div>
<div class="content_3" style="display: none;">
Content Show in 3 page
</div>
<div class="post-pagination">
<a class="button_1" href="#">1</a>
<a class="button_2" href="#">2</a>
<a class="button_3" href="#">3</a>
</div>

Note: इस code में Content Show in 1 Page की जगह वो लिखना है, जो post के first page में दिखाना है और इसी इसी तरह Content Show in 2 Page में वो लिखें जो दूसरे page में दिखाना है और Content Show in 3 page में वो दिखाएँ जो तीसरा page में दिखाना है।
Step 6: अब post को Publish कर दीजिए और अपने site में visit करके देखिये।


इस तरह से आप अपने ब्लॉग post को multi pages में break कर सकते हो. जिस post को multi page में break करना है ऊपर step 3 में जो code है, उसी को follow करना है. हो जायेगा. इससे आपके ब्लॉग की pageviews बढ़ेगी और bounce rate घटेगी. अगर आपको समझ में नहीं आये तो निचे comment करें.

अगर आपको post अच्छा लगे तो इसे facebook, twitter, whatsapp, जैसे social networks में share जरूर करें।

You May Also Like

  • WordPress Me Bina Plugin Ke Social Media Sharing Button Kaise Add Kare

  • Blog Me Facebook Page Box Widget Kaise Add Kare (100% Tested)

    Blog Me Facebook Page Box Widget Kaise Add Kare (100% Tested)

  • Blog Ke Liye Lightweight Theme Design Karne Ki 5 Jaruri Tips

    Blog Ke Liye Lightweight Theme Design Karne Ki 5 Jaruri Tips

  • Blog Me Meta Tag with Advanced Future Kaise Add Kare

    Blog Me Meta Tag with Advanced Future Kaise Add Kare

About Md Arshad Noor

हेलो दोस्तों, मेरा नाम मोहम्मद अरशद नूर है. में इस ब्लॉग में रेगुलर नई नई आर्टिकल्स लिखता हूँ. यहाँ पर हम ज्यादातर Blogging, Make Money, SEO, WordPress आदि से सम्बंधित Article मिलेगी. आपको हमारी लेख पसंद आती है तो इसे सोशल मीडिया में शेयर करें। अगर आपको कोई सहायता चाहिए तो कमेंट कीजिए।

COMMENTs ( 11 )

  1. Aryan Raj says

    WordPress Me Aisa Kaise karenge

    Reply
    • Md Arshad Noor says

      jis content ko dusre page me dikhana hai post likhte time visual mode me <!–nextpage–> tag ko use kare.

      Reply
      • Uttam kange says

        is Tag ko kaha par use kare brother Content ke pahale ya bad mein

        Reply
  2. Arun gawande says

    Nice and useful article thanks for sharing bro

    Reply
    • Md Arshad Noor says

      wlcm brother, keep visiting…

      Reply
    • Uttamkange says

      Kal nahi karta hai jo apne bataya

      Reply
  3. Dheeraj Sahu says

    Step 5: अब जिस post को multi pages में बाँटना है, उसे editor में open करें और HTML टैब पर Click करके निचे दिए हुए code को add करें.
    apne ye nahi bahtaye ki is code ko kaha par paste karna hai jaise etc

    Reply
  4. Ashish Lavania says

    pr bhai isse hmare blog ki speed km nhi ho jaegi….please reply

    Reply
    • Md Arshad Noor says

      yes

      Reply
  5. neeraj says

    thank u for this article, it’s very informative and useful fo us. kindly plz help in on mo topic is ho to add social share buttons in blog post snippet at the homepage. plz check my blog url

    Reply
  6. Uttam kange says

    Nahi ho raha hai bhai please help

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Please do not spam! otherwise your comment will be removed.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Useful Articles

Google Keyword Ranking Check karne ke liye 5 Best Website

Website Ko User Friendly Banane Ke Liye 5 Secrets

PHP Version Ko Upgrade Karke Site Speed Ko 20% Increase Kare

WordPress Toolbar/Adminbar Ko Hide Aur Customize Kaise Kare

Adsense Account Kaise Banaye [Step By Step]

Blogging Ke 10 Important Myths ke Bare Me Apko Pata Hona Chahiye

Hostlelo Review – A Great Solution for New Bloggers

QR Code Kya Hai? QR Code Kaise Banaye aur Scan Kaise Kare

Blog Me Live Cricket Score Widget Kaise Add Kare

7 Karn WordPress Me Jyada Plugin Use Nahi Karni Chahiye

Directory Browsing Kya Hota Hai-Isko Disable Karne Ke 2 Tarike

Twitter Account Ko Secure Kaise Rakhe

Blog ko Delete kaise kare aur Delete kiya hua blog wapas kaise laye

About Us

mdarshadnoorहेल्लो दोस्तों, मेरा नाम मोहम्मद अरशद नूर है. में अररिया, बिहार का रहने वाला हूँ. मुझे नयी चीजें सीखना-सिखाना बहुत पसंद है. में पिछले 5 सालों से ब्लॉगिंग के फील्ड में हूँ. इस ब्लॉग में आपको ब्लॉगिंग और इन्टरनेट से सम्बन्धित जानकारी मिलेगी.

SUBSCRIBE OUR NEWSLATTER

हमारे नवीनतम पोस्ट की सूचना एवं उपयोगी सामग्री प्राप्त करने के लिए हमसे जुड़ें

Posts for WP Users:

WordPress Se jQuaru Strings Ko Remove/Fix Kaise Kare

Blog/Website Me Meta Tags Generator Tool Kaise Add Kare.

WordPress Ya Blogger Me Drop Caps Kaise Use Kare/Banaye [Complete Guide]

cPanel (FileManager) Me Htaccess File Show Kaise Karaye

WordPress Ke Liye Top 5 Free Hosting Companies [For Newbie]

More Posts from this Category

DMCA.com Protection Status

Recommended For You

Website Down Hone Ki Notification Email Me Kaise Paye [Uptime Robot]

Kisi Hosting Provider Se Hosting Kharidne Se Pahle 10 Sawal Puchhe

Zindgi Me Izzat Pana Aur Safal Hona Hai to 7 Aadat Chhodo

No-Follow Backink Ke 5 Fayde (Benefits) Apko Janna Chahiye

WordPress Blog Me SMTP Ko SetUp & Configure Kaise Kare – [For Sending Emails]

WordPress Ya Blogger Me Drop Caps Kaise Use Kare/Banaye [Complete Guide]

Copyright © 2021 - All rights reserved. AboutContactSitemapDisclaimer