Blogging Aur Internet Ki Sabhi Jankari

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

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

आपने बहुत सारे 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 like

  • Blogger Me Template Change/Upload Kaise Kare

    Blogger Me Template Change/Upload Kaise Kare

  • Blog Ke Categories Me Font Awesome Icon Kaise Kare

    Blog Ke Categories Me Font Awesome Icon Kaise Kare

  • Blogspot Ya WordPress Blog Me Calculator Tool Kaise Add Kare

    Blogspot Ya WordPress Blog Me Calculator Tool Kaise Add Kare

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

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

About Md Arshad Noor

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

COMMENTs ( 5 )

  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

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.

Popular Now

YouTube Me 8 Type ke Video Se Paise Nahi Kama Sakte Hai

My First Blogging Income Report : Get 100% Motivation from It

10 Mistake Jo Blog Ki Traffic Decrease Kar Deta Hai

Genesis Theme Ko Manually Customize & Design Karne Ki Full Guide

Facebook Se Dofollow Backlink Kaise Banaye [Get High Quality Backlink]

Interesting Readings

Adsense Invalid click activity ko stop kaise kare 10 Tips

Blogger Ke Liye 15+ Health Tips – Every Blogger Should Follow

WordPress.com Ki 5 Kamiya – Apko Janna Chahiye

YouTube Video Me Ads Show Nahi Hone Ke Top 8 Karan (Reasons)

5 Types Ke Post Visitors Sabse Jyada Pasand Karte Hai

New Blogger Ko 9 Baate Hamesha Yaad Rakhna Chahiye

Link Short Kairke Paise Kamaye – Top 5 High Paying Link Shortner Company

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

About Us

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

SUBSCRIBE OUR NEWSLATTER

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

Posts for WP Users:

Bina Plugin Ke Automatically WordPress Backup Setup Kaise Kare

WordPress Blog Manage Karne Ke Liye 40+ ShortCut Keys – For Fast Bloggers

JetPack By WordPress Plugin Ke Pros and Cons

WordPress Categories Aur Tags Ko Search Engine Se Remove Kaise Kare

Kisi Bhi Adsense Ads Wali Site Ko Fastly Loading Kaise Kare [No 1 Tarika]

More Posts from this Category

Recommended For You

Google Search Console Me URL Parameters Ka Sahi Use Kaise Kare

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

WordPress Categories Aur Tags Ko Search Engine Se Remove Kaise Kare

Adsense Account Kaise Banaye [Step By Step]

Blogspot Ya WordPress Blog Me Calculator Tool Kaise Add Kare

Apko Blog Me Genesis Theme Kyu Use Karna Chahiye? [10 Reasons]

Blog Ke Liye Perfect Content Writer Choose Karne Ke Liye 7 Tips

YouTube Video Me Ads Show Nahi Hone Ke Top 8 Karan (Reasons)

Blogger Me Multiple Authors Ko Kaise Add Kare

Copyright © 2019 - All rights reserved.AboutContactSitemapTools