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 कर सकते हो।

See also  Blogger Me Facebook Open Graph Data Kaise Add Kare

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 करके देखिये।

See also  Blogger Me Syntax Highlighter Add Karke Post Me Code Kaise Dikhaye

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

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

Like the post?

Also read more related articles on BloggingHindi.com Sharing Is Caring.. ♥️

Sharing Is Caring...

11 thoughts on “Blog Post Ko Multi Pages Me Break Kaise Kare – Full Guide”

  1. 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
  2. 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 Comment

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

×