Автоматическая загрузка сообщений на главной странице блога



Здравствуйте друзья, гости и дорогие читатели этого блога. Как же мне нравится, когда при посещении сайта, на главной странице плавно, автоматически загружаются все опубликованные статьи.

Ниже скрипт автоматической загрузки сообщений, но к сожалению, не во всех шаблонах блоггер поддерживается код скрипта. Я уже не говорю, кто перенес свой блог на сторонний шаблон, у меня ни в одном не сработал.

Информацию все же решила опубликовать, найдутся же вебмастера счастливчики, у кого такой эффект появится на главной странице. Чтобы Вы понимали, о чем я пишу, сходите в тестовый блог

На главной (в тестовом блоге), настроен показ трех сообщений, прокрутите страницу вниз и увидите, как загружаются другие посты, всего шестнадцать. Шаблон используется "водяной знак" или "легкость", точно уже не помню. В шаблонах "простой", "корпорация чудеса", "венецианское окно" результат нулевой. 

Но Вы все же пробуйте, мои блоги демо (для примеров), много разных скриптов, могут конфликтовать.

Скопируйте код скрипта

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'/>
<script src='http://makingdifferent.github.com/blogger-widgets/jquery.ias.min.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery.ias({
    container : &#39;.blog-posts&#39;,
    item: &#39;.post-outer&#39;,
    pagination: &#39;#blog-pager&#39;,
    next: &#39;#blog-pager-older-link a&#39;,
    loader: &#39;https://www.makingdifferent.com/wp-content/uploads/2013/04/loading.gif&#39;
});
</script>
</b:if>

Вот эту строку посмотрите в шаблоне

<script src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'/>

Это библиотека jquery, обычно Google уже встраивает скрипт библиотеки в свои шаблоны, но может и не быть. Тогда вставляйте скопированный код, как есть. 

При наличии в шаблоне библиотеки jquery, строку в коде необходимо удалить, будет конфликт скриптов. 

Версия в шаблоне может быть другая, посмотрите по цифрам, но скрипт все равно будет работать и с поздними.

Далее идем шаблон, делаем резервную копию, нажимаем изменить шаблон и ищем закрывающий тэг </head>.

Как правильно вставить код скрипта в шаблон. Найти закрывающий тэг head

Выше закрывающего тэга вставьте код скрипта, нажмите просмотр и сохранить. У кого написано много статей, вкладка дизайн-изменить сообщение, настройте показывать от 5 до 7. При посещении посетителей, остальные посты подгрузятся автоматически, что очень удобно для новых читателей.

На главной можно отобразить одни заголовки, без картинок. Почитайте предыдущий пост  На главной странице только заголовки постов без изображений, как реализовать просмотр.

На сегодня вся информация, благодарю, что читаете мои записи. Всем спасибо и Удачи.

Читайте также:

TEXT.RU - 100.00%




Автор статьи ✎ Olga Protasova Выпуск ✹ 10/08/2016 Ярлыки ►


Открыть комментарии →

2 коммент. :

  1. Ольга доброго времени суток! Интересный эффект! "Версия в шаблоне может быть другая, посмотрите по цифрам, но скрипт все равно будет работать и с поздними." Что значит "посмотрите по цифрам"? Где ее можно посмотреть? У меня "венецианское" окно, пробовала с библиотекой jquery и без, такого эффекта появления нет! С уважением Тата.

    ОтветитьУдалить
    Ответы
    1. Tata, здравствуйте. Версия по цифрам: в коде jquery/1.9.1/, у меня в шаблоне jquery/1.4.4/.
      К сожалению, в шаблоне "венецианское окно" скрипт не работает. Я на своем демо тестировала.

      Удалить

Ув. читатели! Для вставки HTML кода в комментарии, воспользуйтесь в меню Генератором преобразования HTML кода.

 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *