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 January 5, 2021 by Md Arshad Noor 8 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 में जाएँ.


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

  • Blog Me Live Cricket Score Widget Kaise Add Kare

    Blog Me Live Cricket Score Widget Kaise Add Kare

  • Blog Me Post Schedule Kyu Aur Kaise Kare

    Blog Me Post Schedule Kyu Aur Kaise Kare

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

  • Free VS Premium Theme/Template – Dono Me Jyada Better Kaun Hai

    Free VS Premium Theme/Template – Dono Me Jyada Better Kaun Hai

About Md Arshad Noor

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

COMMENTs ( 8 )

  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
  2. Arun gawande says

    Nice and useful article thanks for sharing bro

    Reply
    • Md Arshad Noor says

      wlcm brother, keep visiting…

      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

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.

Get it on Google Play

Useful Articles

Khush Nahi Rahne Wale Logo Ki 5 Buri Aadte

Revenue Hits kya hai aur isme Account kaise banaye

Blogspot Blog me Country Specific Redirect Disable kaise Kare

Spam Mail Sender Se Unsubscribe Karke Spam Mail Se Kaise Bache

Google Me Search Karne Ke Top 10 Tips & Trick – [Get Right Results Fast]

Google Search Results Me Blog Ke Sabhi Posts Me Star Rating Kaise Dikhaye

Blog Homepage Me Only Post Title Kaise Dikhaye

Blogging me fail hone ka 10 sabse Bada Karan

Social Media se More Traffic Pane ke Liye 10 Important Tips

Quora Se Blog Ki Traffic Kaise Badhaye? 5 Tips

Blog Post me Keyboard key kaise lagaye

YouTube Se PR9 Dofollow Backlink Kaise Receive Kare

Blog Post Copy Hone Par Copyright Post Me Automatic Apne Blog Ki Link Add Kare

About Us

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

SUBSCRIBE OUR NEWSLATTER

हमारे ब्लॉग के रेगुलर विजिटर हो तो अभी Subscribe कर लीजिए ताकि आप हमारे नए पोस्ट को सबसे पहले पढ़ पाएँ!

Posts for WP Users:

WordPress Site Ka Password Change Kaise Kare – Easy Method

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

WordPress Login Page Me Security Question Kaise Add Kare

Gravatar Me Account Bana Kar Comment Me Apna Photo Show Karwaye

CPanel Dwara Blog Ka Backup Kaise Lete Hai

More Posts from this Category

Recommended For You

WordPress Me Robot.txt Ka Use SEO Ke Liye Kaise Kare [Full Guide]

Blogspot me Sabhi External Links me Nofollow Ka Attribute Kaise Q Add kare

Ek Achhe Website Ka Develop Kaise Kare [Beginners Guide]

Analytics Me Own Pageviews Tracking (Counting) Stop Kaise Kare

Blog Me Contact Us Page Kaise Banaye 

WordPress Me Login Username Kaise Change Kare [3 Methods]

[Manually] Blog Ki CSS Ko Compress Karke Loading Speed Fast Kare

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

Feedburner Email Me Post Summary Kaise Show Kare [Enable Summary Burner]

Copyright © 2020 - All rights reserved.AboutContactSitemapDisclaimer