اضافة تحميل المزيد من المواضيع بلوجر

السلام عليكم , يحتاج بعض مصممين القوالب إلى بعض الإضافات التى تحسن من شكل القالب و جعلة أحترافى ومن هذه الإضافات هى أضافة تحميل المزيد من المواضيع و التى تساعد الزائر على تحميل عدد كبير من المواضيع دون التنقل بين الصفحات و البقاء فى الصفحة الرئيسية مما يسهل على القارئ الوصول إلى المواضيع التى يردها بسرعه و بسهولة .

شرح تركيب الأضافة :

أولا تقوم بالدخول إلى قسم المظهر و تختار منها تعديل HTML كما موضح بالصورة التالية

ثانيا تقوم بالبحث عن كلمة   </head> و تقوم بلصق الكود التالى قبلها

 <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'/>
    <script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'/>

<script type='text/javascript'>
//<![CDATA[
!function(i){function e(e)
{i.getScript("//"+e+".disqus.com/blogger_index.js")}
function t(){g||(g=!0,r?(w.find(".loaderbtn").hide(),w.find(".loadersvg").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(".loadersvg").hide(),w.find(".loaderbtn").show(),g=!1})):w.hide())}
function n(){return Math.max(p.height(),l.height(),document.documentElement.clientHeight)}
function o(){n()-(p.scrollTop()+p.height())<0&&t()}
function d(){if("item"!=_WidgetManager._GetAllData().blog.pageType&&(r=i("a.blog-pager-older-link").attr("href")))
{var e=i('<a class="loaderbtn" href="javascript:;"><span>إظهار المزيد</span></a>');e.click(t);var n=i('<div class="loader">'+a+'');
p.scroll(o),(w=i('<div class="techirshloader wow fadeInUp animated"></div>')).append(e),w.append(n),w.insertBefore(i("#blog-pager")),i("#blog-pager").hide()}}
var a='<div class="loadersvg" style="display: none;"><svg version="1.1" id="loader-1" xmlns="//www.w3.org/2000/svg" xmlns:xlink="//www.w3.org/1999/xlink" x="0px" y="0px"width="40px" height="40px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve"><path fill="#F7902A" d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z"><animateTransform attributeType="xml"attributeName="transform"type="rotate"from="0 25 25"to="360 25 25"dur="0.6s"repeatCount="indefinite" /></path></svg></div>',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:skin><![CDATA[

و تضع الكود التالى بعدها 

.techirshloader a {margin: 0 auto;margin-bottom: 10px;font-family: Droid Arabic Kufi,Arial;font-size: 13px;font-weight: 700;color: #949494;background-color: #eeeeee;position: relative;width: 200px;height: 50px;display: -webkit-flex;display: flex;align-items: center;justify-content: center;overflow: hidden;-moz-box-shadow: 0 2px 15px 2px rgba(0,0,0,.08);-o-box-shadow: 0 2px 15px 2px rgba(0,0,0,.08);-ms-box-shadow: 0 2px 15px 2px rgba(0,0,0,.08);-moz-border-radius: 30px;-o-border-radius: 30px;-ms-border-radius: 30px;border-radius: 30px;}.loader, .techirshloader {overflow: hidden;display: block;width: 100%;height: auto;position: relative;text-align: center;}

 و فى النهاية قم بالبحث عن الكود التالى   <b:include name='nextprev' و قم بحذفة 
و بعدها قم بحفظ المظهر ثم معاينة المظهر .  

لمعاينة الاَضافة أضغط هنا