Приветствую вас, дорогой читатель! Как Вы заметили, в блоге произошли значительные изменения. Долго я не решался сменить шаблон и вот свершилось. Прошу вас дорогие друзья, высказать своё мнение по поводу нового облика блога Всё для Blogger. Замечания, предложения, всё будет учтено.


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

Архив на статической странице

 Виджет "Архив на статической странице" показывает все данные: дату, названия поста, список сообщений. Ссылку на архив можно вывести в меню блога, как у меня. Прошу ознакомиться и если понравилось, тогда в перёд, к установке.

Как вывести архив блога на статическую страницу в blogger

Для этого заходим в панель инструментов Blogger - Страницы - Создать страницу. Даём название и в режиме HTML вставляем скрипт:
<script>
var blog_archive = [];
var month_name = ["January", "February", "March", "April", "May","June", "July", "August", "September", "October", "November", "December"];
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>");
 }
}
function blog_archive_display(){
 var years = []; for ( 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];
  var months = []; for ( 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("<p><b><a href='/"+ year +"_"+ month +"_01_archive.html'>"+ month_name[parseInt(month)-1] +" "+ year +"</a></b></p>");
   var days = []; for ( 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="#####/feeds/posts/default?max-results=999&alt=json-in-script&callback=blog_archive_callback"></script>

<script>blog_archive_display();</script>

В коде скрипта меняем решетки #### на URL адрес вашего блога. Опубликовываем страницу. Всё. Готово. Всего доброго. До новых встреч.



Ух ты кнопочки! Понравилась статья? Поделитесь с друзьями в соцсетях:


27 коммент. :

  1. Спасибо! Очень понравилось. Сделала и в своем блоге такую страничку :)
    Подскажите, где можно почитать о таких замечательных смайликах и о том как их установить в блог? Спасибо!

    ОтветитьУдалить
    Ответы
    1. Про смайлики вот здесь в моём блоге - http://www.dljablogger.ru/2013/04/kak-vstavit-smajliki-kommentarii.html

      Удалить
  2. И еще уберите пожалуйста капчу - раздражает)

    ОтветитьУдалить
    Ответы
    1. В Blogger особо изощрённая капча. Увы, единственное спасение от армии спама.

      Удалить
  3. Спасибо за смайлик за оперативность. получится ! СПАСИБО!

    ОтветитьУдалить
  4. Расскажите, пожалуйста, что нужно сделать, чтобы ссылки с блоггера на внешние страницы сети (блоги, каталоги и пр.) находились только на главной странице?

    ОтветитьУдалить
  5. Спасибо за постик!!! Возник один вопросик, у меня в блоге около 1100 статей, делая как Вы сказали на странице появляется только 500 постов, я вижу в вашем коде "default?max-results=500&alt" я уже 500 менял на большее число и ничего не происходит, может Вы поможете мне?

    ОтветитьУдалить
  6. Сообщение хрома:
    "Небезпека: зловмисне програмне забезпечення!
    Google Chrome заблокував доступ до цієї сторінки на хості philosoph-notes.blogspot.com.
    На цю веб-сторінку вставлено вміст із хосту abu-farhan.com – відомого розповсюджувача зловмисного програмного забезпечення. Перейшовши на цю сторінку зараз, ви можете заразити свій комп’ютер зловмисним програмним забезпеченням.
    Зловмисне програмне забезпечення призводить до крадіжок персональної інформації, фінансових збитків, видалення файлів назавжди тощо. Докладніше
    Назад Докладно про хост abu-farhan.com Продовжуйте на власний ризик «"

    ОтветитьУдалить
  7. У меня получилась просто пустая страница, что я не так сделала?

    ОтветитьУдалить
    Ответы
    1. Проверьте правильность URL адрес вашего блога,может есть двойной слеш.

      Удалить
    2. проверила, все в порядке с адресом, слеш один. страница по прежнему пустая :( в чем еще проблема может быть?

      Удалить
    3. Может у вас ещё архивов нету?

      Удалить
    4. постов под сотню уже. или какой то отдельный специальный архив надо делать?
      я создала страницу новую, в режиме хтмл вставила код из этой темы, заменила решетки на адрес своего блога. в итоге страница просто пустая.
      попробовала в другом блоге так сделать, там тоже получилась просто пустая страница. не представляю в чем дело

      Удалить
    5. Ещё раз проверил на стандартном шаблоне, всё работает. Я не знаю даже, как вам помочь. Где то вы ошиблись.

      Удалить
    6. поковырялась в настройках, нашла в чем проблема. что бы скрипт работал, надо что б блог был общедоступным. как сделать, что бы скрипт работал и на личном блоге тоже?

      Удалить
    7. Этот виджет вещь конечно хорошая, но только для живых посетителей :(
      Для поисковых систем он абсолютно бесполезен! Яваскрипт коды они исполнять пока не научились, а потому - ручками )))

      Удалить
  8. У меня все получилось, только после слова Архив - строка с числами, и только после нее идет название месяца:
    Архив
    01 56 57 58 59
    November 2014

    Как мне эту строку убрать? Подскажите, пожалуйста...

    ОтветитьУдалить
  9. А я хочу с боку в сид баре, чтобы посетители и старые посты видели, а-то жалко старые сообщения никто не читает!

    ОтветитьУдалить
  10. Здравствуйте
    Подскажите, а возможно сделать что бы отображались не все новости, а только часть, к примеру старше 2013 года или опубликованные раньше 2014?

    ОтветитьУдалить
  11. У меня тоже пустое поле.Пришлось убрать. И блог общедоступный. И у меня тоже содержание блога отражает не все посты . Почему так? Подскажите пожалуйстаhttp://bibliomir83.blogspot.ru/

    ОтветитьУдалить
    Ответы
    1. Может адрес (URL) блога не правильно указан, обычно два слеш на конце получается.

      Удалить
  12. Вот у меня тоже отражается пустая страница. У меня архив показывался весь 15 год, без проблем. Сегодня полез изменить год в описании для поисковых систем...
    Слетел архив, и ничего не могу сделать.
    Полез смотреть код на свой другой блог, скопировал его...
    Там тоже архив слетел...
    И я забыл напрочь, как я его ставил.
    Вы бы очень выручили, если бы без лирики написали пошагово, как всё надо сделать. В гаджет, где архив, надо вставить адрес страницы. Вот как он фомируется?

    ОтветитьУдалить