आपने बहुत सारे sites में देखा होगा की वहां एक ही post को कई pages में बाँट देता है. इससे readers को भी अलग अलग page open करके पढ़ने में मजा आता है और site की pageviews भी बढ़ता है. ऐसा अब आप भी अपने website में कर सकते हो. हम इस post में आपको के बारे में बताने वाले हैं की blogger में एक post को कई pages में break कैसे करें? इससे आप भी अपने site के post को कई pages में break कर सकते हो।
हम अपने ब्लॉग की 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 जरूर करें।
Aryan Raj says
WordPress Me Aisa Kaise karenge
Md Arshad Noor says
jis content ko dusre page me dikhana hai post likhte time visual mode me <!–nextpage–> tag ko use kare.
Uttam kange says
is Tag ko kaha par use kare brother Content ke pahale ya bad mein
Arun gawande says
Nice and useful article thanks for sharing bro
Md Arshad Noor says
wlcm brother, keep visiting…
Uttamkange says
Kal nahi karta hai jo apne bataya
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
Ashish Lavania says
pr bhai isse hmare blog ki speed km nhi ho jaegi….please reply
Md Arshad Noor says
yes
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
Uttam kange says
Nahi ho raha hai bhai please help