Блогрол (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-стилем, за смаком.
Приклад:
-
Мова про звичайні, дружні, посилання. Ніяких заморочок з SEO... ↩
-
Свого часу, тепер майже покійний Google Reader пропонував такий віджет, який формувався автоматично. Було дуже зручно... :( ↩
-
Подяки за приклад реалізації — цьому блогу. ↩
-
Посилання змінюють під час кожного оновлення сторінки. ↩