Как сделать архив блога Blogger на отдельной странице: Как вывести архив блога Blogger на статическую страницу

Архив блога Blogger на отдельной странице

Вы можете вывести полный архив блога на отдельную статическую страницу в Blogger с помощью специального JavaScript-скрипта, который загружает все записи через ленту RSS.

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

💡 Важно: Скрипт предложенного архива не является оригинальным гаджетом «Архив» Blogger, поскольку Blogger не позволяет просто разместить стандартный гаджет на отдельной странице, поэтому приходится использовать специальный скрипт (файл с кодом). За основу был взят JavaScript-скрипт из статьи сайта Blog About Blogs — «Архив за Blogger на отделна страница», опубликованной в 2017 году. Скрипт был немного доработан, а названия месяцев переведены. Ниже представлена инструкция как это сделать.

• Для этого заходим в панель инструментов Blogger → Страницы → Создать страницу. Дайте ей название, например, «Архив».
• Переключитесь в режим HTML-редактора. На панели инструментов страницы нажмите на значок < > (режим HTML),чтобы редактировать содержимое вручную.
• Скопируйте приведенный ниже код архива и вставьте его на отдельную страницу блога Blogger (обязательно замените ВАШ_АДРЕС_БЛОГА.blogspot.com на реальный адрес):

<script>
  var blog_archive = [];
  var month_name = ["Январь", "Февраль", "Март", "Апрель", "Май", "Июнь", "Июль", "Август", "Сентябрь", "Октябрь", "Ноябрь", "Декабрь"];

  function blog_archive_callback(json) {
    if (!("entry" in json.feed)) return;
    for (var i = 0; i < json.feed.entry.length; i++) {
      var e = json.feed.entry[i];
      var y = e.published.$t.substring(0, 4);
      var m = e.published.$t.substring(5, 7);
      var d = e.published.$t.substring(8, 10);
      var h = '';
      for (var j = 0; j < e.link.length; j++) {
        if (e.link[j].rel == "alternate") {
          h = e.link[j].href;
          break;
        }
      }
      if (h === '') continue;

      if (typeof blog_archive[y] === "undefined") blog_archive[y] = [];
      if (typeof blog_archive[y][m] === "undefined") blog_archive[y][m] = [];
      if (typeof blog_archive[y][m][d] === "undefined") blog_archive[y][m][d] = [];

      blog_archive[y][m][d].push("<a href='" + h + "'>" + e.title.$t + "</a>");
    }
    blog_archive_display();
  }

  function blog_archive_display() {
    var years = [];
    for (var y in blog_archive) years.push(y);
    if (years.length < 1) return;
    years.sort();
    years.reverse();

    for (var y = 0; y < years.length; y++) {
      var year = years[y];
      document.write("<h3>" + year + "</h3>");
      var months = [];
      for (var m in blog_archive[year]) months.push(m);
      if (months.length < 1) continue;
      months.sort();
      months.reverse();

      for (var m = 0; m < months.length; m++) {
        var month = months[m];
        document.write("<h4>" + month_name[parseInt(month) - 1] + "</h4>");
        var days = [];
        for (var d in blog_archive[year][month]) days.push(d);
        if (days.length < 1) continue;
        days.sort();
        days.reverse();

        document.write("<ul>");
        for (var d = 0; d < days.length; d++) {
          var day = days[d];
          if (blog_archive[year][month][day].length < 1) continue;
          for (var i in blog_archive[year][month][day]) {
            document.write("<li>[" + day + "] " + blog_archive[year][month][day][i] + "</li>");
          }
        }
        document.write("</ul>");
      }
    }
  }
</script>
<script src="https://ВАШ_АДРЕС_БЛОГА.blogspot.com/feeds/posts/default?max-results=999&alt=json-in-script&callback=blog_archive_callback"></script>

×