0

Безкрайно зареждане на публикациите на главната страница на блога

Безкрайно зареждане на публикациите
Здравейте приятели. Един от елементите на уеб дизайна може да бъде зареждането на допълнителни публикации на главната страница на блога. Със сигурност сте виждали такъв ефект на някои сайтове, където на главната страницата се показват определен брой публикации, а в нейната долна част има опция да се показват и зареждат повече. Така известното LOAD MORE.

Така новите страници ще се зареждат автоматично. Изглежда, че страницата е безкрайна и читателят може да превърта колкото му е необходимо.
За подобряване на навигацията в блога тази функция е прекрасна. Да приемем, че нямате страница със съдържание (карта на блога) или потребителят е просто твърде "мързелив", за да кликва върху връзки към предишни и следващи страници. Тогава една малка връзка с предложение да се показват повече и още публикации ще му позволи спокойно да се запознае с вашите материали. Те ще се зареждат, зареждат и зареждат...
Отново повтарям, че това е само на главната страница. Този вид навигация може да се види в Twitter и Facebook.

Надявам се, че обясних ясно за какво става дума, но за повече нагледност, погледнете тук. Само имайте предвид, че на главната страница се показват само 2 публикации, а връзката LOAD MORE е по-долу. Кликнете върху нея.

Да създадете безкрайно скролиране ( превъртане, зареждане ) на публикациите си в Blogger е лесно.

Копирайте следния код.

<b:if cond='data:blog.pageType in [&quot;index&quot;,&quot;archive&quot;]'>
<script src='//cdn.rawgit.com/tovic/infinite-scroll-plugin-for-mecha-cms/v1.1.0/infinite-scroll/assets/sword/infinite-scroll.min.js'></script>
<script>
//<![CDATA[

var infinite_scroll = new InfiniteScroll({
    type: 2,
    target: {
        posts: '.blog-posts',
        post: '.date-outer',
        anchors: '.blog-pager',
        anchor: '.blog-pager-older-link'
    },
    text: {
        load: '<a class="js-load" href="javascript:;">LOAD MORE</a>',
        loading: '<span class="js-loading" style="cursor:wait;"> LOADING\u2026</span>',
        loaded: '<span class="js-loaded">NO MORE</span>',
        error: '<a class="js-error" href="javascript:;"> ERROR...</a>'
    }
});
//]]>
</script>
</b:if>


➤Отивате в раздел "Тема"➔ редактиране на HTML кода ➔ намирате затварящия таг </ body>;

➤Непосредствено над него инсталирайте кода;

➤Запаметете промяната;

➤Проверете го веднага на главната страница на блога си;

➤Маркираният текст на английски език в кода можете да замените с текст на български;


Това е един лесен начин да приложите ефекта от безкрайното зареждане на публикации в Blogger.

Нека имаме топлина, успехи и настроение. Ще се видим скоро.

Няма коментари :

Публикуване на коментар


Copyright © БЛОГ ЗА БЛОГОВЕ©2016- | All Rights Reserved
Използването на Blogzablogove.com означава, че сте съгласни с нашата Политика на конфиденциалност и защита