Виджет “Динамическая страница содержания” для блога

Виджет “Динамическая страница содержания” (Dynamic Contents Page) позволяет динамически обновлять страницу содержания блога, созданную для облегчения навигации по какой-либо теме постов. Как это работает можно посмотреть выбрав в меню моего блога пункт “Виджеты”

На странице “Виджеты” отображаются ссылки на все мои статьи связанные с виджетами.

При добавлении новых статей с меткой (label) “виджет” (для моей страницы), ссылки на них будут добавлены в содержание автоматически. Другими словами, виджет работает по принципу “установил и забыл”.

Виджет является платформонезависимым и может использоваться на любой платформе позволяющей использование JavaScript.

Инструкция по установке

Код:

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
// Dynamic Contents Page Widget by minimus 
// http://blogcoding.ru/
 
google.load("feeds", "1");
 
function initialize() {
  var 
    feed = new google.feeds.Feed("YOUR_FEED_URL"),
    IsTarget = 0,
    var num = 100; // глубина сканирования
 
  feed.setNumEntries(num);
  feed.load(function(result) {
    if (!result.error) {
      var 
        container = document.getElementById("feed"),
        searchString = container.className,
        divFooter = document.createElement("div"),
        aFooter = document.createElement("a");
      divFooter.style.fontSize = "x-small";
      aFooter.appendChild(document.createTextNode("minimus"));
      aFooter.href = "http://blogcoding.ru/";
      divFooter.appendChild(document.createTextNode("Dynamic Contents Page Widget by "));
      divFooter.appendChild(aFooter);
      for (var i = 0; i < result.feed.entries.length; i++) {
        var entry = result.feed.entries[i];
        IsTarget = 0;
        for (var k = 0; k < entry.categories.length; k++) {
          if (entry.categories[k] == searchString) {
            IsTarget = 1;
            break;
          }
        }
        if (IsTarget == 1) {
          var 
            attributes = ["publishedDate", "contentSnippet"],
            br = document.createElement("br"),
            a = document.createElement("a");
          a.appendChild(document.createTextNode(entry["title"]));
          a.href = entry["link"];
          container.appendChild(a);
          for (var j = 0; j < attributes.length; j++) {
            var div = document.createElement("div");
            div.appendChild(document.createTextNode(entry[attributes[j]]));
            container.appendChild(div);
          }
          container.appendChild(br);
        }
      }
      container.appendChild(divFooter);
    }
  });
} 
google.setOnLoadCallback(initialize); 
</script>

// Dynamic Contents Page Widget by minimus

// http://blogcoding.ru/

google.load("feeds", "1");

function initialize() {

var

feed = new google.feeds.Feed("YOUR_FEED_URL"),

IsTarget = 0,

var num = 100; // глубина сканирования

feed.setNumEntries(num);

feed.load(function(result) {

if (!result.error) {

var

container = document.getElementById("feed"),

searchString = container.className,

divFooter = document.createElement("div"),

aFooter = document.createElement("a");

divFooter.style.fontSize = "x-small";

aFooter.appendChild(document.createTextNode("minimus"));

aFooter.href = "http://blogcoding.ru/";

divFooter.appendChild(document.createTextNode("Dynamic Contents Page Widget by "));

divFooter.appendChild(aFooter);

for (var i = 0; i < result.feed.entries.length; i++) {

var entry = result.feed.entries[i];

IsTarget = 0;

for (var k = 0; k < entry.categories.length; k++) {

if (entry.categories[k] == searchString) {

IsTarget = 1;

break;

}

if (IsTarget == 1) {

var

attributes = ["publishedDate", "contentSnippet"],

br = document.createElement("br"),

a = document.createElement("a");

a.appendChild(document.createTextNode(entry["title"]));

a.href = entry["link"];

container.appendChild(a);

for (var j = 0; j < attributes.length; j++) {

var div = document.createElement("div");

div.appendChild(document.createTextNode(entry[attributes[j]]));

container.appendChild(div);

}

container.appendChild(br);

}

container.appendChild(divFooter);

}

});

}

google.setOnLoadCallback(initialize);

</script>

Вариант 1:

Код, показанный выше, вставьте в заголовок шаблона (в любом месте между тегами head). Это вариант хорош в плане использования, так как не требует использования кода на каждой странице содержания (у меня их три), но, в некоторой степени, увеличивает время загрузки каждой страницы, как любой другой дополнительный код, загружаемый с любой страницой блога. Поэтому я использую вариант 2.

Вариант 2:

Показанный выше код вставьте непосредственно в текст поста используемого в качестве страницы содержания. Для этого необходимо выбрать режим редактирования HTML.

Код для страницы:

Для обоих вариантов установки необходимо разместить следующий код на странице поста статьи-содержания:

<p>Здесь можно вставить текст предваряющий содержание. Если текст не нужен, удалите этот текст.</p>
<div id="feed" class="виджет"></div>
<p>Здесь можно вставить текст завершающий содержание. Если текст не нужен, удалите этот текст.</p>

<p>Здесь можно вставить текст предваряющий содержание. Если текст не нужен, удалите этот текст.</p>

<p>Здесь можно вставить текст завершающий содержание. Если текст не нужен, удалите этот текст.</p>

В варианте 2 этот код необходимо вставить ниже кода скрипта.

Настройки

Найдите в тексте кода скрипта текст YOUR_FEED_URL и замените его на URL фида вашего блога (для блогов Blogger этот URL выглядит приблизительно так: http://minimusx.blogspot.com/feeds/posts/default).

class=”виджет” – в “коде для страницы” измените значение параметра class на значение метки (label) по которой вы определяете вхождение поста в данный список постов.

var num = 100; – глубина сканирования. Если в Вашем блоге всего 100 статей, нет смысла устанавливать глубину сканирования 10 000!

Удачи! smile_wink

Популярность: 16%

Виджет “Динамическая страница содержания” для блога

Инструкция по установке

Вариант 1:

Вариант 2:

Код для страницы:

Настройки

Комментарии

Выскажите своё мнение Отменить ответ

Новости и обновления

Свежие записи

Свежие комментарии

Архив

Кнопки