Blogger Blog Me Load More Button Page Navigation Kaise Lagaye

आज में आपको बताने बाला हु की Blogger Blog Me Load More Button Page Navigation Kaise Lagaye. अगर दोस्तों आप अपने blogger थीम में page navigation button या widget लगाना चाहते है तो आज में आपको एक बहुत ही शानदार coding लाया हु जिससे आप अपने blogger blog में page navigation लगा सकता है | ध्यान दे ये कोई numberd page navigation button नहीं है ये एक stylish load page button है जिससे आप अपने ब्लॉग को अच्छा बना सकते हो |

Blogger Blog Me Load More Button Page Navigation Kaise Lagaye

Blogger Blog Me Load More Button Page Navigation Kaise Lagaye

तो दोस्तों अगर आप कोई एसी थीम इस्तमाल कर रहे है जिसमे number page navigation button नहीं या आपके theme में है तो लेकिन बो stylish नहीं है तो आप उसको चेंज करके अच्छा बनाना चाहते है तो आप मेरे निचे दिए हुए कोड से एक अच्छा लोड more button लगा सकते है ये बहुत ही इजी है |

<script type=’text/javascript’> (function(a){function h(){g||(g=!0,d?(b.find(“a”).hide(),b.find(“img”).show(),a.ajax(d,{dataType:”html”}).done(function(c){var c=a(“<div></div>”).append(c.replace(j,””)),e=c.find(“a.blog-pager-older-link”);e?d=e.attr(“href”):(d=””,b.hide());c=c.find(i).children();a(i).append(c);window._gaq&&window._gaq.push([“_trackPageview”,d]);window.gapi&&window.gapi.plusone&&window.gapi.plusone.go&&window.gapi.plusone.go();window.disqus_shortname&&a.getScript(“http://”+window.disqus_shortname+”.disqus.com/blogger_index.js”);
window.FB&&window.FB.XFBML&&window.FB.XFBML.parse&&window.FB.XFBML.parse();b.find(“img”).hide();b.find(“a”).show();g=!1})):b.hide())}function k(){var a=Math.max(f.height(),l.height(),document.documentElement.clientHeight),b=f.scrollTop()+f.height();0>a-b&&h()}var d=””,b=null,i=”div.blog-posts”,g=!1,f=a(window),l=a(document),j=/<scriptb[^<]*(?:(?!</script>)<[^<]*)*</script>/gi;a(document).ready(function(){if(“item”!=_WidgetManager._GetAllData().blog.pageType&&(d=a(“a.blog-pager-older-link”).attr(“href”))){var c=
a(‘<a href=”javascript:;” >Load more posts</a>’);c.click(h);var e=a(‘<img src=”https://raw.github.com/techirsh/infinite-scroll-css-styles/master/images/horizontal-loader-white.gif” style=”display: none;”>’);f.scroll(k);b=a(‘<div class=”techirshloader”></div>’);b.append(c);b.append(e);b.insertBefore(a(“#blog-pager”));a(“#blog-pager”).hide()}})})(jQuery);
</script>
<style>
.techirshloader a{text-decoration:none;display:block;width:100%;color:#222; font-family: ‘Ek Mukta’;}
.techirshloader{border:4px solid #ccc; padding: 8px 8px 8px 8px; font-weight:bold; text-align: center; color: #3772AB; border-radius: 30px; margin-bottom: 10px;}
.techirshloader a:hover{color: #000000;}
</style>

ये features पहले wordpress ब्लॉग में था लेकिन हमने इसको wordpress से ब्लॉगर के लिए बनाया है जिससे आप ब्लॉगर पर रह कर भी wordpress के इस अनमोल features का फायेदा उठा सकते है | तो देर किस बात की आप सिम्पली निचे दिए हुए स्टेप फॉलो करे –

How To Add Load More Post Page Navigation in Blogger

आप सिम्पली निचे दिए हुए कोड को कॉपी करना है और ब्लॉगर में लगाना है | आपको कोड कॉपी करना है और आप blogger में लॉग इन करके layout>> Add a gedget >> java script widget पर क्लिक करके आप बहा निचे दिया हुआ कोड past करके save करदे |

आप उपर दिए हुए कोड को जब आप ब्लॉगर layout में जाकर save करोगे तो बो atomatic ही ब्लॉग पर लोड more button page navigation show होने लगेगा | जिससे आप अपने ब्लॉग को और भी ज्यादा सुन्दर बना सकते है | यैसे ही आप हमारे साथ जुड़े रहे इस ब्लॉग पर आपको सिर्फ ब्लॉगर tutorial से रिलेटेड जानकारी मिलेगी show हम्हे follow करते रहे |

Leave a Reply

Your email address will not be published. Required fields are marked *