اضافة أداة تحميل المزيد من المواضيع بشكل تلقائى #1 - عالم المدون

الاثنين، 10 يوليو، 2017

اضافة أداة تحميل المزيد من المواضيع بشكل تلقائى #1

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

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

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



معاينة الإضافة وتحميل الاكواد



صورة من الإضافة




شرخ التركيب


  • أول قم بالدخول الى مدونتك ثم أنتقل لوضع المظهر ثم تحرير html  ثم أبحث عن هذا الوسم</head>ثم قم وضع الكود التالى فوقه واذا لم تجد الوسم أبحث عن هكذا/headايضا  .


<b:if cond='data:blog.pageType == &quot;index&quot;'>
<script type='text/javascript'>
//<![CDATA[
(function(b){b.ias=function(d){var m=b.extend({},b.ias.defaults,d);var c=new b.ias.util();var j=new b.ias.paging();var h=(m.history?new b.ias.history():false);var f=this;r();function r(){j.onChangePage(function(x,v,w){if(h){h.setPage(x,w)}m.onPageChange.call(this,x,w,v)});s();if(h&&h.havePage()){q();pageNum=h.getPage();c.forceScrollTop(function(){if(pageNum>1){l(pageNum);curTreshold=p(true);b("html,body").scrollTop(curTreshold)}else{s()}})}return f}function s(){n();b(window).scroll(g)}function g(){scrTop=b(window).scrollTop();wndHeight=b(window).height();curScrOffset=scrTop+wndHeight;if(curScrOffset>=p()){t(curScrOffset)}}function q(){b(window).unbind("scroll",g)}function n(){b(m.pagination).hide()}function p(v){el=b(m.container).find(m.item).last();if(el.size()==0){return 0}treshold=el.offset().top+el.height();if(!v){treshold+=m.tresholdMargin}return treshold}function t(w,v){urlNextPage=b(m.next).attr("href");if(!urlNextPage){return q()}j.pushPages(w,urlNextPage);q();o();e(urlNextPage,function(y,x){result=m.onLoadItems.call(this,x);if(result!==false){b(x).hide();curLastItem=b(m.container).find(m.item).last();curLastItem.after(x);b(x).fadeIn()}b(m.pagination).replaceWith(b(m.pagination,y));k();s();if(v){v.call(this)}})}function e(w,x){var v=[];b.get(w,null,function(y){b(m.container,y).find(m.item).each(function(){v.push(this)});if(x){x.call(this,y,v)}},"html")}function l(v){curTreshold=p(true);if(curTreshold>0){t(curTreshold,function(){q();if((j.getCurPageNum(curTreshold)+1)<v){l(v);b("html,body").animate({scrollTop:curTreshold},400,"swing")}else{b("html,body").animate({scrollTop:curTreshold},1000,"swing");s()}})}}function u(){loader=b(".ias_loader");if(loader.size()==0){loader=b("<div class='ias_loader'><img src='"+m.loader+"'/></div>");loader.hide()}return loader}function o(v){loader=u();el=b(m.container).find(m.item).last();el.after(loader);loader.fadeIn()}function k(){loader=u();loader.remove()}};function a(c){if(window.console&&window.console.log){window.console.log(c)}}b.ias.defaults={container:"#container",item:".item",pagination:"#pagination",next:".next",tresholdMargin:0,history:true,onPageChange:function(){},onLoadItems:function(){},};b.ias.util=function(){var d=false;var f=false;var c=this;e();function e(){b(window).load(function(){d=true})}this.forceScrollTop=function(g){b("html,body").scrollTop(0);if(!f){if(!d){setTimeout(function(){c.forceScrollTop(g)},1)}else{g.call();f=true}}}};b.ias.paging=function(){var e=[[0,document.location.toString()]];var h=function(){};var d=1;j();function j(){b(window).scroll(g)}function g(){scrTop=b(window).scrollTop();wndHeight=b(window).height();curScrOffset=scrTop+wndHeight;curPageNum=c(curScrOffset);curPagebreak=f(curScrOffset);if(d!=curPageNum){h.call(this,curPageNum,curPagebreak[0],curPagebreak[1])}d=curPageNum}function c(k){for(i=(e.length-1);i>0;i--){if(k>e[i][0]){return i+1}}return 1}this.getCurPageNum=function(k){return c(k)};function f(k){for(i=(e.length-1);i>=0;i--){if(k>e[i][0]){return e[i]}}return null}this.onChangePage=function(k){h=k};this.pushPages=function(k,l){e.push([k,l])}};b.ias.history=function(){var d=false;var c=false;e();function e(){c=!!(window.history&&history.pushState&&history.replaceState);c=false}this.setPage=function(g,f){this.updateState({page:g},"",f)};this.havePage=function(){return(this.getState()!=false)};this.getPage=function(){if(this.havePage()){stateObj=this.getState();return stateObj.page}return 1};this.getState=function(){if(c){stateObj=history.state;if(stateObj&&stateObj.ias){return stateObj.ias}}else{haveState=(window.location.hash.substring(0,7)=="#/page/");if(haveState){pageNum=parseInt(window.location.hash.replace("#/page/",""));return{page:pageNum}}}return false};this.updateState=function(g,h,f){if(d){this.replaceState(g,h,f)}else{this.pushState(g,h,f)}};this.pushState=function(g,h,f){if(c){history.pushState({ias:g},h,f)}else{hash=(g.page>0?"#/page/"+g.page:"");window.location.hash=hash}d=true};this.replaceState=function(g,h,f){if(c){history.replaceState({ias:g},h,f)}else{this.pushState(g,h,f)}}}})(jQuery);
jQuery.ias({
    container : '.blog-posts',
    item: '.post-outer',
    pagination: '#blog-pager',
    next: '#blog-pager-older-link a',
    loader: 'https://4.bp.blogspot.com/-kpYZSwETm70/WH3S5iFyYdI/AAAAAAAAFRE/wsLi021UrfQhyAEGMnxVDZfyE_zWIfXuwCLcB/s1600/idblanterloader.gif'
});
//]]>
  </script>
</b:if>


  • الأن فى هذا الكود أول يمكنك تغيير رابط الصورة المحدد باللون الأحمر بشكل اخر اذا تريد لخاصية تحميل المواضيع ويمكن أن تجعله كما هو اذا لم تعرف طريقة تغيير وهذه سوف يكون أفضل حتى تعمل الإضافة بدون مشكلة .
  • الأن الكود التانى وهذا الكود سوف تقوم بوضعه فى مكان عليك التركز به حتى لا تحدث مشكلة فى وضعه ، سوف توقم بالبحث عن هذا الكود .


<b:includable id='nextprev'>


  • وسوف تجده كما فى الصورة التالية بالشكل الكامل





  • سوف تقوم بتحديد الكود كامل كما فى الصورة وبعد ذلك سوف  تقوم بأستبدل الكود التالى بدل منه .


<b:includable id='nextprev'>
<b:if cond='data:blog.pageType != &quot;item&quot; and data:blog.pageType != &quot;static_page&quot;'>
      <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'/>
      </span>
    </b:if>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'/>
      </span>
    </b:if>
     <div class='mobile-link-button' id='blog-pager-home-link'>
    <a class='home-link' expr:href='data:blog.homepageUrl' expr:title='data:homeMsg'/>
    </div>
<b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>
  </div>
    </b:if>
      <div class='clear'/>
</b:includable>


  • هذا الكود هو يمكنك وضعه ولا يمكنك وضعه ايضا لان هذا الكود خاص بجعل خاصية تحميل المواضيع تعمل بشكل جيد اذا كان فى قالب مدونتك ترقيم واذا لم يكون فى مدونتك ترقيم للصفحات يمكنك وضع الكود الأوله فقط ولكن يفضل وضع الكودين حتى لا تحدث مشكلة فى التركيب .


هذا كل شئ فى موضوع اليوم بالتوفيق للجميع وأنتظرونا بكل جديد بأذن الله على المدونة ، لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق .

شارك الموضوع ليستفيد الجميع

مواضيع مهمه ايضا سوف تعجبك

7 تعليق على موضوع : اضافة أداة تحميل المزيد من المواضيع بشكل تلقائى #1

أخي الطريم هل يمكنك أن تشرح لنا استعمال هذه التاثيرات https://goo.gl/A7bGZR على المدونة
أتظر الرد منك !!

هل تريد وضع هذه التاثيرات على المشاركات فى مدونتك

أنا أريد التاثير رقم 5 يسمى ب Zoe أتمنى أن تشرحه في أقرب وقت

يسعدنا تفاعلكم بالتعليق ولكن نرجو منكم أن يكون خاص بالموضوع
الأبتساماتأخفاء الأبتسامات

جميع الحقوق محفوظة لـ عالم المدون | قوالب بلوجر,اضافات بلوجر, دروس وشروحات بلوجر