Статичний блогрол з випадковими комбінаціями посилань (на JavaScript)

  у розділі Технічні теми 

Блогрол

Блогрол (blogroll) — список з посиланнями на інші сайти. Наприклад, це може бути перелік "дружніх" сайтів чи цікавих блогів.

Таким чином блогери рекламують одне одного1, допомагаючи своїм читачам знайти інших, цікавих, людей.

А якщо такий список надто великий?2 Не пасує забивати сторінку лінками, що довші за власні статті. ;)

Пропоную3 Вашій увазі простий JavaScript-код, який містить усі потрібні посилання, але виводить лише декілька з них. Проте, щоразу4 — випадкові і у випадковому порядку.

Код можна вбудовувати в шаблон сайту, або у віджети (модулі) свого двигунця (Blogger, Wordpress). Адреси сайтів прописуються в самому коді.

<script type="text/javascript" charset="utf-8">

/* Усі одинарні лапки у назвах потрібно екранувати слешем \' ! */
var blogroll = [
    '<a href="http://aqaurius.blogspot.com">Aquarius</a>',
    '<a href="http://biketravel.wordpress.com">Bike Traveller\'s Blog</a>',
    '<a href="http://kanfetas.blogspot.com">Our  world...</a>',
    '<a href="http://romanselyanchyn.blogspot.com">Selyanchyn in Japan</a>',
    '<a href="http://www.tivasyk.info">tivasyk@home</a>',
    '<a href="http://levenya.blogspot.com">Блог Левeня</a>',
    '<a href="http://dyak.com.ua">Спогади матрасника</a>',
    '<a href="http://ukietalks.com">Журнал Україноцентрично Мислячої Людини</a>',
    '<a href="http://mylviv.com">Львів - перлина України</a>',
    '<a href="http://zymova.com/">Миті життя</a>',
    '<a href="http://yellowglasses.com.ua">Мої жовті окуляри</a>',
    '<a href="http://ragu.li">Рагулі</a>',
    '<a href="http://blog.petronek.com">Розмови зі світом</a>',
    '<a href="http://taras.ambroz.me">Тарас Амброз</a>',
    '<a href="http://unknown.stryi.com">Тихо...</a>',
    '<a href="http://igormelika.com.ua">Ігор Меліка</a>',
    '<a href="http://ucraniachile.blogspot.com">Українка в Чилі</a>',
    '<a href="http://yarema-blog.blogspot.com">Яремин Блог</a>',
];

function randomize (a_items, n_count) {
    var n_index, s_html = '<ul>';
    while (a_items.length && n_count) {
        n_index = Math.ceil(Math.random() * a_items.length) - 1;
        s_html += '<li>' + a_items[n_index] + '</li>';
        a_items[n_index] = a_items[a_items.length - 1];
        a_items.length = a_items.length - 1;
        n_count--;
    }
    return s_html + '</ul>';
}

/* Цифра — кількість посилань що виводяться  */
document.write(randomize (blogroll, 5));

</script>

Готово до використання. Можна приправити власним CSS-стилем, за смаком.

Приклад:

Приклад статичного, але випадкового блогролу


  1. Мова про звичайні, дружні, посилання. Ніяких заморочок з SEO... 

  2. Свого часу, тепер майже покійний Google Reader пропонував такий віджет, який формувався автоматично. Було дуже зручно... :( 

  3. Подяки за приклад реалізації — цьому блогу

  4. Посилання змінюють під час кожного оновлення сторінки. 


Коментарі