Интеграция блога (продолжение)

Я обещал рассказать, как интегрировать блог от Google на свой сайт, в продолжение этому посту добавлю, что в свойстве category объекта feed переменной data содержатся ярлыки, таким образом можно улучшить навигацию по блогу, разбив его на соответствующие категории. Прошу заметить, что URL источника данных у нас не касается блога, а по сути Feed'а (RSS).

Итак, в результате запроса у нас имеются следующие данные (в качестве примера приведу свой блог):


{
     "version": "1.0",
     "encoding": "UTF-8",
     "feed": {
  ...
          "category": [{
               "term": "Веб-разработка"
          }, {
               "term": "Инструментарий"
          }],
  ...
}
Как видно, в "category" хранятся все наши ярлыки. Теперь достаточно создать контейнер для наших ярлыков (не забыв назначить для него ID для удобства использования), и «залить» туда наши ярлыки, притом сделав их ссылками на функцию в javascript, осуществляющую загрузку постов соответствующих выбранному ярлыку.

Итак, контейнер:

<ul id="categories"></ul>


Код, ответственный за заливку ярлыков в контейнер:

var catHTML = "";
for(f=0;f<data.feed.category.length;f++){
     catHTML+=`<li><a href="javascript:showBlog('`+data.feed.category[f].term+`');">`+data.feed.category[f].term+`</a></li>`;
}
$('#categories').html(catHTML);
Вот и все!) ЗЫ: В этой серии постов, я рассказал, как интегрировать блог от Google на свой сайт, так вот, дело в том, что в свое время у меня появилась необходимость сделать все вышеописанное для своего сайта, так что его можно воспринимать как работающий пример такой интеграции).

Комментарии

Популярные сообщения из этого блога

Анимация курсора в Атоме

Подключение тяжелых библиотек

Fontello