Карта блога для Blogger/Блоггер с картинками

Доброго времени суток, дорогие читатели! Сегодня хочу предложить для пользователей платформы blogspot - карта блога для Blogger/блоггер с картинками/миниатюрами. Другие виды карты смотрите, здесь и тут. Многие мои читатели в комментариях спрашивали карту сайта именно с миниатюрами. Я пробовал раньше найти её в буржунете, но всё было напрасно, простые карты есть, а вот с картинками рабочей карты блога для блоггер, нет. Но, кто ищет, тот найдёт. Не зря же такую пословицу наши предки придумали.

Карта блога с картинками
Как сделать карту блога на Blogger

Вспомнил я про Sitemap with Thumbnail blogger благодаря нашей участнице сообщества "Я Блоггер" в социальной сети Google Plus Ольге Протасовой. Она опубликовала запись с нужной картой и вот я решил возобновить свои поиски. Искал по картинкам (лучший вариант поиска, советую) и вот на вьетнамском ресурсе улыбнулась удача. Нашёл, что так долго искал - карта блога для Blogger с картинками в два ряда. Вот она красава:

Blogger карта блога
Blogger карта с картинками

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

Как сделать карту блога в Blogger

Для этого, создайте новую страницу на блоге, дайте ей название и в режиме HTML вставьте такой код:

В место звёздочек вставьте свой адрес блога. Скрипт находящийся по адресу (http://yourjavascript.com/2812562314/kjmagic-2col-sitemap.js) лучше всего закиньте на свой хостинг (можно на сайты гугле, инструкция) и вставьте свою ссылку на скрипт в конце кода. Скрипты используемые в виджетах всегда нужно хранить у себя, так надёжней, а то удалят или ещё, что нибудь. Вот вроде и всё, во стальном разберётесь - цвет, ширина, количество выводимых статей на странице (по умолчанию 10), текст и так далее. Если что спрашивайте в комментариях. Можете посмотреть видео по установке данной карты, для наглядности.

Blogger карта блога с миниатюрами - Видео

До новых встреч, друзья. Пока, пока.



Комментарии

  • Здравствуйте. Подскажите мне пожалуйста, что я делаю не так?) Взяла ваш код карты блога, вставила себе на блог, но у меня миниатюры сбиваются, не отображаются ровными колонками.
    Я только в вашем коде немного изменила размеры шрифов и цвета сделала более подходящими к моему блогу.
    Правда, я абсолютный «чайник» с очень большим желанием разобраться что к чему))
    Буду вам очень благодарна, если объясните что я сделала не правильно.

  • Здравствуйте, сделала все как Вы написала, но карта не отображается совсем. В чем может быть причина? Спасибо.

    • У вас протокол https или http? 🙂

      • У меня такая же ерунда происходит. Перенаправление HTTPS отключил (в настройках стоит «нет». Но в адресной строке браузера всё равно отображается https…
        Как исправить?

  • на https карта блога не отображается 🙁

    • Здравствуйте. Я убрала свою » измененную» карту и поставила вашу — перестали статьи сбиваться, выглядит вроде нормальненько.
      И у меня вроде как https (вроде))
      Хотела еще спросить: у меня в браузере карта в 2 ряда, а в мобильной версии в 1 . Нельзя ли как-то сделать чтоб там она тоже в 2 рядочка отображалась?))
      Пардон если голову морочу, но я Чайник еще тот, блог по крупицам, так сказать, пробую сама собрать))

      • Здравствуйте! В мобильной версии она и должна быть в один ряд. 🙂 В два ряда только на компе.

        • Значит все нормально)) а то думала это я чего наделала
          А нельзя как-то ее сделать в 2 ряда в мобильном? Ну или возможно ли просто сделать пошире этот один столбик?)
          А то как-то не так оно смотрится, по крайней мере у меня

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Решите задачку: *