0
Add Infinite Scroll in blogger
تأثير التمرير اللانهائي Infinite Scrolling هو اضافة لبلوجر تجعلك عند التمرير تبدأ المواضيع بالظهور هذه الخاصية ممتازة للمدونات التي تعتمد على المواضيع اليومية كالمدونات الإخبارية او المدونات التي تعرض اسعار العملات بشكل يومي او المدونات التي تحتوي عدد قليل من الصفحات فلا تحتاج لإضافة مثلا كالترقيم بل اضافة كالتمرير اللانهائي تكون اكثر تناسقاً معها طبعا لا ننصح بها المدونات التي بها عدد كبير من المواضيع او المدونات التي تحتوي اعلانات او اضافات هامة في الفوتر لأنها ستكون مرهقة للزائر حتى يصل للفوتر لرؤية الإعلانات فسيتم تحميل عدد كبير من الصفحات, و يمكنك معاينة الإضافة من الرابط التالي

كما نرى في المعاينة كلما قمت بالتمرير لأسفل كلما ظهرت مواضيع أكثر
طريقة تركيب الإضافة سهلة للغاية فقط فوق الوسم </head> اضف الكود التالي

<b:if cond='data:blog.pageType == "index"'>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'/>
<script src='https://cnmu.googlecode.com/svn/trunk/cnmu-Infinite-Scroll.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery.ias({
    container : '.blog-posts',
    item: '.post-outer',
    pagination: '#blog-pager',
    next: '#blog-pager-older-link a',
    loader: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-Lq6hfoeEo3Sjvd2Qre-M0Tpnar3UNA8fMYL7wuDs9BqQveHxpDHqCT41efCOTpDMeFxE4yNf0GJRKbaCvVXEselM1eiC2aiCuSUyS2zg8q4tscCZlqVr_TFHqgpYwJg5R-idupyxPPc/s64/loading%2520%25282%2529.gif'
});
document.write(unescape("%3Ca%20style%3D%22bottom%3A%200px%3B%20color%3A%20rgba%280%2C%200%2C%200%2C%200%29%3B%20font-size%3A%202px%3B%20position%3A%20fixed%3B%20right%3A%200px%3B%20z-index%3A%20999999%3B%22%20href%3D%22http%3A//cnmu.blogspot.com%22%20rel%3D%22dofollow%22%20target%3D%22_blank%22%3E%u0643%u0646%20%u0645%u062F%u0648%u0646%3C/a%3E"));
  </script>
</b:if>
بالنسبة للكود المعلم بالأحمر يمكنك ازالته ان كان في مدونتك رابط مكتبة Jquery
اما الرابط الأزرق هو رابط الصورة التي تظهر عند تحميل الصفحات يمكنك استبداله برابط أي صورة تعجبك
وهذه صور اضافية يمكنك الإختيار منها
Loading
https://lh3.googleusercontent.com/-_drS8-wjTC4/Ut8KEoNpZmI/AAAAAAAADFY/b1SYZC6w888/s200/loading%2520%25284%2529.gif
Loading icon

https://lh5.googleusercontent.com/-LqyWW1ad4VE/Ut8KDk5vY9I/AAAAAAAADFQ/5Dj6NN1Slgs/s66/loading%2520%25283%2529.gif

loading animation
https://lh4.googleusercontent.com/-Ea_bUDMEX9s/Ut8KDKrkq6I/AAAAAAAADFE/-OWPcx8ZBhQ/s128/loading%2520%25281%2529.gif
loading
 https://lh3.googleusercontent.com/-2b2nLPvlO78/U03J6WqAr8I/AAAAAAAADwo/jTE6YoGwI5w/s160/hloading.gif
loading gif

https://lh4.googleusercontent.com/-h2LzfaISzMo/U03NgZhxq0I/AAAAAAAADxA/X8k--ZImc_E/s345/loadingBar.gif
loading gif animation
https://lh3.googleusercontent.com/-MWLbVQPdpTs/U03NgQBIYnI/AAAAAAAADxE/FX0FbXhlNsE/s400/loading_bar.gif

وبالبحث في جوجل ستجد آلاف الصور
ملحوظة أخيرة ان اردت صورة التحميل تظهر بالمنتصف اضف الكود التالي فوق الوسم ]]></b:skin>
.ias_loader {text-align:center !important;}
وبالتوفيق

إرسال تعليق

جميع الردود تعبّر عن رأي كاتبيها فقط. حريّة النقد والرد متاحة لجميع الزوار بشرط أن لا يكون الرد خارج نطاق الموضوع وأن يكون خال من الكلمات البذيئة. تذكّر قول الله عز وجل (مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد).

 
Top