سأوضح لك في هذه التدوينة كيف يمكنك تمكين التمرير اللامتناهي إلى مدونتك في بلوجر أو إضافة زر تحميل المزيد من المشاركات، وهو عبارة عن برنامج نصي يعتمد على Ajax سيجعل مدونتك في بلوجر تقوم بتحميل المزيد من المواضيع على نفس الصفحة بدلاً من إعادة تحميل صفحة الويب وإعطاء الروابط في نهاية الصفحة.
يمكنك إضافة زر تحميل المزيد من المنشورات في نهاية صفحتك أو هناك خيار لتحميل المزيد من المنشورات عندما يقوم المستخدم بالتمرير لأسفل صفحة الويب بمجرد أن تقوم بتطبيق Ajax قم بتحميل المزيد من المنشورات على مدونتك ، ستتم إضافتها تلقائيًا على جميع الصفحات من مدونتك ، مثل الصفحة الرئيسية وصفحات الأرشيف. لا يمكنك إضافتها على صفحات أو مشاركات فردية.
فوائد زر تحميل المزيد من المشاركات
بإستخدام ajax، يمكنك تحميل المزيد من البرامج النصية، وستحصل على بعض المزايا مقارنة بالمدونات الأخرى.
قدم تجربة للمستخدم جيدة وإجعل مدونتك تبدو احترافية.
قم بحفظ المستخدمين من إعادة تحميل الصفحات وبدلاً من ذلك قم بتوفير كل المحتوى على نفس صفحة الويب التي تسهل على المستخدم رؤية المحتوى الخاص بك.
لا تبطئ مدونتك.
كيفية إضافة أياكس تحميل المزيد من المشاركات النصي في بلوجر
إتبع الخطوات المحددة لإضافة زر تحميل المزيد من المشاركات إلى مدونتك.
الخطوة 1 : انتقل إلى بلوجر ⇐ لوحة التحكم ⇐ المظهر ⇐ تحرير HTML
الخطوة 2 : انقر الآن في أي مكان وإضغط CTRL + F لفتح مربع البحث.
الخطوة 3 : الآن إبحث عن علامة <body/>.
الخطوة 4 : فوق علامة <body/> مباشرةً ، أضف الكود التالي.
ملاحظة : إذا كنت تريد تحميل المزيد من زر النشر ، فأضف النص أدناه
<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js'/>
<b:if cond='data:blog.pageType != "static_page"'><b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
//<![CDATA[
function resizeThumb(e,n){for(var t=document.getElementById(e).getElementsByTagName("img"),a=0;a<t.length;a++)t[a].src=t[a].src.replace(/\/s72\-c/,"/s"+n+"-c")}window.labelfx=function(){var e=function(e){var n=e||{},t=n.url_blog||window.location.host,a=n.id_labelcontent||"#labelfxn";$.ajax({url:"http://"+t+"/feeds/posts/summary?max-results=0&alt=json-in-script",type:"get",dataType:"jsonp",success:function(e){var n=e.feed.category,t="";if(void 0!==n){t="<ul class='labelx'>";for(var i=0;i<n.length;i++)t+='<li><a href="/search/label/'+encodeURIComponent(n[i].term)+'" target="_blank">'+n[i].term+"</a></li>";t+="</ul>",$(a).html(t)}else $(a).html("<span>No Label!</span>")},error:function(){$(a).html("<strong>Error Loading Feed!</strong>")}})};return function(n){e(n)}}(),resizeThumb("main",250),labelfx(),function(e){function n(n){e.getScript("http://"+n+".disqus.com/blogger_index.js")}function t(){s||(s=!0,o?(r.find("a").hide(),r.find("img").show(),e.ajax(o,{dataType:"html"}).done(function(t){var a=e("<div></div>").append(t.replace(l,"")),i=a.find("a.blog-pager-older-link");i?o=i.attr("href"):(o="",r.hide());var p=a.find(d).children(".date-outer");e(d).append(p),resizeThumb("main",250),window._gaq&&window._gaq.push(["_trackPageview",o]),window.gapi&&window.gapi.plusone&&window.gapi.plusone.go&&window.gapi.plusone.go(),window.disqus_shortname&&n(window.disqus_shortname),window.FB&&window.FB.XFBML&&window.FB.XFBML.parse&&window.FB.XFBML.parse(),window.twttr&&window.twttr.widgets&&window.twttr.widgets.load&&window.twttr.widgets.load(),r.find("img").hide(),r.find("a").show(),s=!1})):r.hide())}function a(){if("item"!=_WidgetManager._GetAllData().blog.pageType&&(o=e("a.blog-pager-older-link").attr("href"))){var n=e('<a class="loadpost" href="javascript:;" style="text-decoration:none;font:11px Open Sans, sans-serif;letter-spacing:1px;padding:10px 20px;background:#000000;color:#ffffff;">LOAD MORE POSTS</a>');n.click(t);var a=e('<img src="'+i+'" style="display: none;">');(r=e('<div style="display:block;text-align:center;margin:20px auto;"></div>')).append(n),r.append(a),r.insertBefore(e("#blog-pager")),e("#blog-pager").hide()}}var i="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUxUBBHmQvGKrrEc_3qu3l5BCoIz5E5jirnNXMiB-wSmX-rRaIMPPNxBuCq4Adq6w7Dpgn0YT2ywIMOwgvBRHd6D86owzUJqVh4wxyf3wEOapWE-vLVNXR7rn-dglPpgBLuKWJrh_Jali8/s1600/loader.gif",o="",r=null,d="div.blog-posts",s=!1,l=(e(window),e(document),/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi);e(document).ready(a)}(jQuery);
//]]>
</script>
</b:if></b:if>
ملاحظة : إذا كنت تريد التمرير اللانهائي أثناء قيام المستخدم بالتمرير لأسفل بدون زر، فقم بإضافة التعليمات البرمجية أدناه.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js'/>
<b:if cond='data:blog.pageType != "static_page"'><b:if cond='data:blog.pageType != "item"'>
<style type="text/css">.status-msg-wrap{display:none;}</style>
<script type='text/javascript'>
//<![CDATA[
!function(i){function e(e){i.getScript("http://"+e+".disqus.com/blogger_index.js")}function t(){g||(g=!0,r?(w.find("a").hide(),w.find("img").show(),i.ajax(r,{dataType:"html"}).done(function(t){var n=i("<div></div>").append(t.replace(c,"")),o=n.find("a.blog-pager-older-link"),d=n.find(s).children();i(s).append(d),window._gaq&&window._gaq.push(["_trackPageview",r]),window.gapi&&window.gapi.plusone&&window.gapi.plusone.go&&window.gapi.plusone.go(),window.disqus_shortname&&e(window.disqus_shortname),window.FB&&window.FB.XFBML&&window.FB.XFBML.parse&&window.FB.XFBML.parse(),window.twttr&&window.twttr.widgets&&window.twttr.widgets.load&&window.twttr.widgets.load(),o?r=o.attr("href"):(r="",w.hide()),w.find("img").hide(),w.find("a").show(),g=!1})):w.hide())}function n(){return Math.max(p.height(),l.height(),document.documentElement.clientHeight)}function o(){n()-(p.scrollTop()+p.height())<150&&t()}function d(){if("item"!=_WidgetManager._GetAllData().blog.pageType&&(r=i("a.blog-pager-older-link").attr("href"))){var e=i('<a href="javascript:;">Load more posts</a>');e.click(t);var n=i('<img src="'+a+'" style="display: none;">');p.scroll(o),(w=i('<div style="text-align: center; font-size: 150%;"></div>')).append(e),w.append(n),w.insertBefore(i("#blog-pager")),i("#blog-pager").hide()}}var a="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUxUBBHmQvGKrrEc_3qu3l5BCoIz5E5jirnNXMiB-wSmX-rRaIMPPNxBuCq4Adq6w7Dpgn0YT2ywIMOwgvBRHd6D86owzUJqVh4wxyf3wEOapWE-vLVNXR7rn-dglPpgBLuKWJrh_Jali8/s1600/loader.gif",r="",w=null,s="div.blog-posts",g=!1,p=i(window),l=i(document),c=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;i(document).ready(d)}(jQuery);
//]]>
</script>
</b:if></b:if>
وهكذا قد كنت أضفت بنجاح زر إظهار المزيد من المشاركات على مدونتك في بلوجر
شكرا لك على المتابعة.
إرسال تعليق