كلمة الفريق

في عصرنا يوجد مئات الآلاف من المدونين والمدونات، البعض يعمل بشغف وحب...، والآخر يعمل بشكل إنتاجي للكسب فقط !، أما نحن .. نحب ونعشق التدوين ونؤمن أننا سنقوم بإضافة كبيرة للمحتوى العربي ولو بشيئ بسيط، نتعلم بشكل مستمر ونشارككم بكل جديد...، نحاول المساعدة، نحب أصدقاءنا، نهتم بإستفساراتهم كما لو كانت ملكنا، فريقنا فريق واحد رغم أنه متكون من شخص واحد :) لكنه يعمل بجنون

تأتير تحميل الصفحات بشكل تلقائي في مدونة بلوجر



فــي هــذه الــتـدويـنــة سـأشــارك مـعـكــم طـريـقــة تــحـمـيــل الــصـفـحــات الــمـوالـيــة فــي مـدونـتــك بــدل الـضـغــط عـلــى الــتــرقـيـمــات الـخـاصــة بــالــصـفـحــات لــتـشـاهــد الـمـزيــد مــن الــمـشـاركــات......، بــمـعـنــى أنــه حــيـنـمــا تـنــزل لـلأسـفــل ب زر الــتـمـريــر ( scroll ) تـقــوم هــذه الــخـاصـيــة الـجـديــد بــتــحـمـيــل الــصـفـحــة...
لـكـن قـد يـكـون الــبـعـض لـم يــفـهـم الــمـوضـوع بــالــشـكـل الــمــطـلـوب، لـذا أخـي الـقـارئ دعـنــي أطــرح ســؤالا :

ما هو التمرير لانهائي؟
أعرف أن بعضكم سيواجه سؤالاً كهذا.لذا دعني أعطيك الجواب.
يــتــيــح الـتــمــريــر الــلانــهــائي لــلــزائريــن رؤيــة مـشــاركــاتــك عــلــى الـصــفــحــة الـرئيــســيــة بــمــجــرد الـتــمــريــر لأســفــل ( scroll down ). لا يــتــم تـحــمــيــل جــمــيــع مـشــاركــاتــك فــي وقــت واحــد، ســيــتــم تـحــمــيــل عــدد الـمــشــاركــات الــتــي قــمــت بــتــعـيـيــنــهــا عــلــى صـفــحــتــك الـرئيــســيــة فــقــط، ولــكــن عــنــد تــمــريــر أحــد الــزائريــن لأســفــل، ســيــتــم الــبــدء فــي تـحــمــيــل مــشــاركــات أخــرى.

قـد تـنـجـذب إلـى هـذا الــمـنـشـور بـمـجـرد الـنـظـر إلـى الـعـنـوان الـذي يـقـتـرح عـلـيـك إنـشـاء تـأثـيـر مـا بـعـد تــحـمـيـل الــصـفـحـة الـرائع والـذي قـد تـكـون شـاهـدتـه فـي الـعـديـد مـن الـمـواقـع مـثـل facebook وtwitter، ولـكـن يــمـكـنـك الآن تــحـقـيـق هـذا الــتـأثـيـر نـفـسـك بـسـلاسـة فـي مـدونـتـك الـخـاصـة بـك.

أنــظــر لـلــمــثــال الـتـوضــيــحــي لـفـهـم مـا سـنـتـطـرق إلـيـه بـشـكـل أفـضـل :

مراحل تركيب الإضافة
  1. ادخل إلى لوحة تحكم المدونة في بلوجر.
  2. اختر قالب المدونة التي تود تطبيق الشرح فيها.
  3. اضغط على تحرير HTML ( قم بأخد نسخة إحتياطية للقالب )
  4. ابحث عن الوسم </head> و اضف الكود التالي فوقه:
  5. <script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
    
    <script type='text/javascript'>
    
    var $jscomp={scope:{},findInternal:function(a,d,b){a instanceof String&amp;&amp;(a=String(a));for(var e=a.length,c=0;c&lt;e;c++){var f=a[c];if(d.call(b,f,c,a))return{i:c,v:f}}return{i:-1,v:void 0}}};$jscomp.defineProperty=&quot;function&quot;==typeof Object.defineProperties?Object.defineProperty:function(a,d,b){if(b.get||b.set)throw new TypeError(&quot;ES3 does not support getters and setters.&quot;);a!=Array.prototype&amp;&amp;a!=Object.prototype&amp;&amp;(a[d]=b.value)};
    $jscomp.getGlobal=function(a){return&quot;undefined&quot;!=typeof window&amp;&amp;window===a?a:&quot;undefined&quot;!=typeof global&amp;&amp;null!=global?global:a};$jscomp.global=$jscomp.getGlobal(this);$jscomp.polyfill=function(a,d,b,e){if(d){b=$jscomp.global;a=a.split(&quot;.&quot;);for(e=0;e&lt;a.length-1;e++){var c=a[e];c in b||(b[c]={});b=b[c]}a=a[a.length-1];e=b[a];d=d(e);d!=e&amp;&amp;null!=d&amp;&amp;$jscomp.defineProperty(b,a,{configurable:!0,writable:!0,value:d})}};
    $jscomp.polyfill(&quot;Array.prototype.find&quot;,function(a){return a?a:function(a,b){return $jscomp.findInternal(this,a,b).v}},&quot;es6-impl&quot;,&quot;es3&quot;);
    (function(a){function d(){f||(f=!0,e?(c.find(&quot;a&quot;).hide(),c.find(&quot;img&quot;).show(),a.ajax(e,{dataType:&quot;html&quot;}).done(function(b){var d=a(&quot;&lt;div&gt;&lt;/div&gt;&quot;).append(b.replace(h,&quot;&quot;));b=d.find(&quot;a.blog-pager-older-link&quot;);d=d.find(&quot;div.blog-posts&quot;).children();a(&quot;div.blog-posts&quot;).append(d);window._gaq&amp;&amp;window._gaq.push([&quot;_trackPageview&quot;,e]);window.gapi&amp;&amp;window.gapi.plusone&amp;&amp;window.gapi.plusone.go&amp;&amp;window.gapi.plusone.go();window.disqus_shortname&amp;&amp;a.getScript(&quot;http://&quot;+window.disqus_shortname+&quot;.disqus.com/blogger_index.js&quot;);
    window.FB&amp;&amp;window.FB.XFBML&amp;&amp;window.FB.XFBML.parse&amp;&amp;window.FB.XFBML.parse();window.twttr&amp;&amp;window.twttr.widgets&amp;&amp;window.twttr.widgets.load&amp;&amp;window.twttr.widgets.load();b?e=b.attr(&quot;href&quot;):(e=&quot;&quot;,c.hide());c.find(&quot;img&quot;).hide();c.find(&quot;a&quot;).show();f=!1})):c.hide())}function b(){var a=Math.max(g.height(),k.height(),document.documentElement.clientHeight),b=g.scrollTop()+g.height();150&gt;a-b&amp;&amp;d()}var e=&quot;&quot;,c=null,f=!1,g=a(window),k=a(document),h=/&lt;script\b[^&lt;]*(?:(?!&lt;\/script&gt;)&lt;[^&lt;]*)*&lt;\/script&gt;/gi;a(document).ready(function(){if(&quot;item&quot;!=
    _WidgetManager._GetAllData().blog.pageType&amp;&amp;(e=a(&quot;a.blog-pager-older-link&quot;).attr(&quot;href&quot;))){var f=a(&#039;&lt;a href=&quot;javascript:;&quot;&gt;مشــاهدة المزيد&lt;/a&gt;&#039;);f.click(d);
    var h=a(&#039;&lt;img src=&quot;https://lh3.googleusercontent.com/-FiCzyOK4Mew/T4aAj2uVJKI/AAAAAAAAPaY/x23tjGIH7ls/s32/ajax-loader.gif&quot; style=&quot;display: none;&quot;&gt;&#039;);g.scroll(b);c=a(&#039;&lt;div style=&quot;text-align: center; font-size: 150%;&quot;&gt;&lt;/div&gt;&#039;);c.append(f);c.append(h);c.insertBefore(a(&quot;#blog-pager&quot;));a(&quot;#blog-pager&quot;).hide()}})})(jQuery);
    </script>
ملاحظـــة :
  • يجب أن تقوم بحذف الكود الخــاص بالصفحات المُرقمة لكي تشتغل معك هذه الإضافة بشكل جيد...
  • إذا كنت تود حذف الكود، إليك المراحل :
    1. ابحث عن إحدى هذه الكلمات : #PageNo=، showpageOf 
    2. قم بتحديد كامل السكريب الذي يضم هذه الكلمات، واحذفه.
يــمــكــن أن تــقــوم أيــضــا بـتــغــيــيــر شــكــل الــصــورة الــخــاصــة بــالـتــحــمــيــل، مــا عــلــيــك ســوى نــســخ عــنــوان الــرابــط واســتــبــدالــه بــالــكــود ذي الــلــون الـبــرتــقــالــي :


http://1.bp.blogspot.com/-m3s7nvybblU/Uy6-PRdOIUI/AAAAAAAABZk/FrC13RV9ZMo/s1600/Round+Loader.gif
http://4.bp.blogspot.com/-ONa4gOjZ1eU/Uy6-PyBsHHI/AAAAAAAABZ4/L9pSlBXIjkg/s1600/arrow+loader.gif
http://1.bp.blogspot.com/-atSMzOFeQb4/Uy6-P1ymrnI/AAAAAAAABZw/D-dwxHC1qZY/s1600/blue.gif
http://4.bp.blogspot.com/-3KWcGJSi3l4/Uy6-QSZzRMI/AAAAAAAABZ0/psA9acwVqak/s1600/border+loader.gif
http://4.bp.blogspot.com/-WL7QPLfJZE8/Uy6-Q_MlOeI/AAAAAAAABaE/p7-7s8JUuWs/s1600/red+loader.gif

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

هناك تعليق واحد:

يمكنك وضع تعليقك هنا

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