تأثير التمرير اللانهائي 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
اما الرابط الأزرق هو رابط الصورة التي تظهر عند تحميل الصفحات يمكنك استبداله برابط أي صورة تعجبك
وهذه صور اضافية يمكنك الإختيار منها
https://lh3.googleusercontent.com/-_drS8-wjTC4/Ut8KEoNpZmI/AAAAAAAADFY/b1SYZC6w888/s200/loading%2520%25284%2529.gif
https://lh5.googleusercontent.com/-LqyWW1ad4VE/Ut8KDk5vY9I/AAAAAAAADFQ/5Dj6NN1Slgs/s66/loading%2520%25283%2529.gif
https://lh4.googleusercontent.com/-Ea_bUDMEX9s/Ut8KDKrkq6I/AAAAAAAADFE/-OWPcx8ZBhQ/s128/loading%2520%25281%2529.gif
https://lh3.googleusercontent.com/-2b2nLPvlO78/U03J6WqAr8I/AAAAAAAADwo/jTE6YoGwI5w/s160/hloading.gif
https://lh4.googleusercontent.com/-h2LzfaISzMo/U03NgZhxq0I/AAAAAAAADxA/X8k--ZImc_E/s345/loadingBar.gif
https://lh3.googleusercontent.com/-MWLbVQPdpTs/U03NgQBIYnI/AAAAAAAADxE/FX0FbXhlNsE/s400/loading_bar.gif
وبالبحث في جوجل ستجد آلاف الصور
ملحوظة أخيرة ان اردت صورة التحميل تظهر بالمنتصف اضف الكود التالي فوق الوسم ]]></b:skin>
.ias_loader {text-align:center !important;}
وبالتوفيق
إرسال تعليق
جميع الردود تعبّر عن رأي كاتبيها فقط. حريّة النقد والرد متاحة لجميع الزوار بشرط أن لا يكون الرد خارج نطاق الموضوع وأن يكون خال من الكلمات البذيئة. تذكّر قول الله عز وجل (مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد).