Виджет архивов на всю страницу

date png grayscale
Известный многим блоггерам Абу Фархан, человек переписывающий скрипты для Blogspot, как-то создал скрипт-виждет, с помощью которого можно на статической странице выводить свой архив (для тех, кому в сайдбаре жалко места) постов. Вообще, это TOC, она же карта блога с отсортированными по дате постами, но будем считать скрипт крутым виджетом архивов для Blogger.
Об оргинале скрипта написано здесь.

Вот мой, несколько переделанный вариант (кстати, авторская ссылка в скрипте сохранена):
<script style="text/javascript" src="http://bloggerndch.googlecode.com/files/tocbyarchivemin.js"></script>
<script src="http://blogger.omg-linux.ru/feeds/posts/default?max-results=999&alt=json-in-script&callback=loadtoc"></script>
Где 999 - кол-во учитываемых постов

И стили для ориентировки:
<style>
#arch {
font-size: 19px;
}

#arch ul li {
background: #E4F5Bb;
border-radius: 3px;
font-size: 75.75%;
color: #2A7700;
line-height: 1.33;
padding: 3px 5px;
border-radius: 3px;
list-style: none;
}

#arch ul a {
font-size: 16px;
}
</style>
Где:
#arch - действует на все надписи, font-size влияет на название месяца
#arch ul li - font-size и color действуют на надпись "день"
#arch ul a - действует на ссылку-заголовок статьи

Демо ↓


Не, ну нифига себе сколько написал???

13 комментариев:

  1. Очень удобная вещь.Не удержался и себе установил архив на отдельной странице.

    ОтветитьУдалить
  2. Коллега, а не было ли разбора вывода похожих записей с помощью джава скрипта, как это сделано на сайте -
    fleek.org/poxozhie-zapisi-bez-plagina/

    Когда скролишь страницу вниз выскакивает окно с похожими записями.
    Очень интересная фишка.

    ОтветитьУдалить
  3. владелец блога пишет, что это у него самописный скрипт, но чего то не верится.

    ОтветитьУдалить
  4. Почему не верится?
    Тоже самое можно сделать и на блогспоте при помощи виджета похожих статей от graddit.com и скрипта кнопки "наверх".

    ОтветитьУдалить
  5. Я, кстати, хочу наделать всяких таких эффектов, что называется "из коробки" - чтобы можно было прям в настройках админки указывать, типа выезжать/как-то иначе появляться при наступлении определённых условий вроде достижения конца страницы. Полезная штука будет.

    ОтветитьУдалить
  6. Вот вот, идея классная.

    ОтветитьУдалить
  7. @aldous
    Просто я думал, что человек использовал готовый скрипт, что-то вроде http://blogger.omg-linux.ru/2012/01/volshebnaya-knopka.html

    Только вот как сделать, чтобы при скролинге на экран вниз открывалась это окно?!

    А использование его подразумевалось не на blogger, а на wordpress.
    Поэтому создание похожих статей будет идти по принципу одинаковых тэгов (или keywords), полей которые заполняются в All in one seo к каждому посту.

    ОтветитьУдалить
  8. Я знаю, что на примере пхп и вордпресс.

    Подождите, скоро будет такой виджет у graddit.com, как вы и хотели: на javascript.

    ОтветитьУдалить
  9. Почти на правах рекламы...

    Где-то в статье я уже писал, что помимо ведения блога (точнее, в ущерб) занят ремонтом квартиры (взял в плохом состоянии, исходя из хорошего соотношения цена:качество), так вот: начал писать отчёты по ремонту на форуме блога (лень мне создавать отдельный блог, следить за хостингом или доменом, да и нафига?), кому интересно, заходите -> ремонт квартиры.

    ОтветитьУдалить
    Ответы
    1. Захожу. А там "Доступ к ресурсу заблокирован"

      Удалить
  10. @aldous
    Да скрипт js я выцепил у автора блога с помощью статьи - http://blogger.omg-linux.ru/2011/09/kak-vorovat-elementi-dizayna-sayta.html

    :)))

    Дело за малым въехать как реализуется вывод похожих постов, там же походу надо будет делать тумбы из первых картинок в посте и дальше привязывать эти картинки к постам + под картинкой заголовок статьи. Хотя тут можно наверно вывод плагина использовать. Вроде есть плагин для WP - RELATED POSTS SLIDER, блиять, вот почему я не программер нихуя ((((

    ОтветитьУдалить
  11. Картинки, как и заголовки, проще всего брать прямо из rss фида. Смотрите примеры реализации других похожих виджетов. Без навыков программирования, впрочем, не обойтись.

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