.png "Raj Study Pool")
(पोस्ट पेजिनेशन)
ब्लॉगर में एक ब्लॉग पोस्ट को कई पेजों में कैसे विभाजित करें?
#1: ब्लॉगर डैशबोर्ड > थीम > HTML संपादित करें पर जाएँ
#2: ]]> खोजें और उसके ऊपर CSS कोड पेस्ट करें।
सीएसएस कोड
.post-pagination {
margin: 20px auto;
text-align: center;
width: 100%;
}
.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;
}
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;
});
});
#4 : अब आपको अपने ब्लॉग पोस्ट के कंटेंट को div एलिमेंट में विभाजित करना होगा।
Add content here (page1)
#5: अब आपको ब्लॉग पोस्ट के आखिरी भाग में बटन कोड जोड़ना होगा।
अब अपनी थीम सेव करें और पोस्ट पेजिनेशन आपके ब्लॉग पोस्ट में जुड़ जाएगा। अब से आपको एकाधिक पोस्ट में पेजिनेशन जोड़ने के लिए अंतिम 2 चरणों का पालन करना होगा।
कोई टिप्पणी नहीं
एक टिप्पणी भेजें