नमस्कार दोस्तों , आप सभी मित्रों को नववर्ष-2015 की हार्दिक शुभकामनाएँ। परमात्मा इस नये
वर्ष में आपके जीवन में बहुत सी नई खुशिया लाएं.नया वर्ष ढेर सारी सफलता और
आशीषों से भरा हुआ हो।
आजकल कई ब्लॉगर मित्र बहुत लम्बी लम्बी पोस्ट लिखते है तो आज मैं जो स्क्रिप्ट लाया हु वो उन मित्रो के लिए बहुत ही काम की है । क्योकि इस स्क्रिप्ट से आपकी लम्बी पोस्ट 2-3 पृष्ठों में छोटी हो जाएगी। इसका डेमो देखने के लिए नीचे लिंक पर क्लिक करे
इसे अपनी पोस्ट मे डालने के लिए निम्न स्टेप दोहराएँ
आजकल कई ब्लॉगर मित्र बहुत लम्बी लम्बी पोस्ट लिखते है तो आज मैं जो स्क्रिप्ट लाया हु वो उन मित्रो के लिए बहुत ही काम की है । क्योकि इस स्क्रिप्ट से आपकी लम्बी पोस्ट 2-3 पृष्ठों में छोटी हो जाएगी। इसका डेमो देखने के लिए नीचे लिंक पर क्लिक करे
इसे अपनी पोस्ट मे डालने के लिए निम्न स्टेप दोहराएँ
- अपने ब्लॉग मे लॉगिन करके ब्लॉग के डैशबोर्ड में जाएँ
- नयी पोस्ट पर क्लिक करके HTML मोड पर क्लिक करें
- नीचे दिया हुआ कोड कॉपी करके HTML सेक्शन मे पेस्ट कर दीजिये
<style>
.post-pagination {
margin: 20px auto;
text-align: center;
width: 100%;
}
.button_1, .button_2, .button_3 {
border: 2px solid #26D464;
font-weight: 900;
padding: 6px 36px;
color:#26D464;
transition:ease 0.69s !important;
}
.button_1:hover, .button_2:hover, .button_3:hover {
background: none repeat scroll 0 0 #26D464;
color: #fff;
text-decoration: none;
}
</style>
<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','#26D464');
jQuery(this).css('color','#fff');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#26D464');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#26D464');
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','#26D464');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#26D464');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#26D464');
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','#26D464');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#26D464');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#26D464');
return false;
});
});
</script>
<div class="content_1">
Your Text Here
</div>
<div class="content_2" style="display: none;">
Your Text Here
</div>
<div class="content_3" style="display: none;">
Your Text Here
</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>
कुछ बदलाव जो आपको करने है
- हमने इस कोड मे हरे रंग का प्रयोग किया है अगर आप दूसरा रंग लगाना चाहे तो #26D464 को अपने मनपसंद रंग के कोड से बदल सकते है।
- इसके बाद आप Your Text Here को अपनी पोस्ट के सामाग्री से बदल सकते है ये कोड 3 पृष्ठों का है अगर आपइससे ज्यादा या कम पृष्ठों का चाहते है तो अपने अनुसार बदलाव कर सकते है
- इसके बाद आप अपनी पोस्ट को पब्लिश कर दीजिये।
नोट :- इस स्क्रिप्ट को डालने से पहले ये सुनिश्चित कर ले की आपके ब्लॉग jQuery plug-in पड़ा है या नहीं अगर नहीं पड़ा है तो आप नीचे दिया हुआ कोड कॉपी करके अपने ब्लॉग टेम्पलेट के <head> टैग के नीचे पेस्ट कर दे।
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
अगर आपको कोई समस्या आती है तो कमेंट के माध्यम से बताएं मैं हल करने की पूरी कोशिश करूंगा।
बढ़िया जानकारी देते आप।
ReplyDeleteनये वर्ष की हार्दिक शुभकामनायें।
धन्यवाद मित्र...
Deletenice post
ReplyDeletemy blog
www.gyankablog.blogspot.com
धन्यवाद मित्र...
Deletevery nice post...
ReplyDeleteधन्यवाद ज्योति दीदी ...
Deleteबढ़िया विजेट, प्रयोग करके देखेंगे। आपको सपरिवार नववर्ष 2015 की हार्दिक शुभकामनाएँ। सादर ... अभिनन्दन।।
ReplyDeleteनई कड़ियाँ :- इंटरनेट और हमारी हिन्दी
दिसम्बर माह के महत्वपूर्ण दिवस और तिथियाँ
धन्यवाद हर्षवर्धन भाई....
Delete