Blogger не для чайников: Меню для фидов (rss и atom)

Нашёл любопытное меню под названием jQuery Feed Menu.
Любопытно оно тем, что автоматически собирает из шаблона ссылки на фиды блога.
Конечно, в шаблоне с фидами должен быть порядок, а меню может быть полезно тем, у кого много всяких ссылок на фиды комментов, ярлыков, твиттера и т.д.
В последнем варианте можно подставлять руками любые ссылки, что наверное пригодится при создании какого-нибудь каталога. Область применения - любая html страница.

Демо и установка (у меня в блоге стоит автоматический редирект всех фидов на фидбёрнер):
1) Понадобится jQuery версии 1.7:

<script type="text/javascript" src="http://yandex.st/jquery/1.7.1/jquery.min.js"></script>

2) Скрипт feed_menu.js и стили (картинки лежат на Picasa) feed_menu.css.
Кладём оба файла на внешний хостинг и подключаем в <head></head>:

<script type="text/javascript" src="feed_menu.js"></script>

<link rel="stylesheet" href="feed_menu.css" type="text/css" media="all" />

Далее идут коды для кнопки меню с автоматической подстановкой ссылок на фиды (rss/atom):

Обычная:

<span id="feed_menu1"></span><script type="text/javascript">
//<![CDATA[
var fm = new FeedMenu();fm.write('#feed_menu1');
//]]>
</script>

Atom Feeds:

<span id="feed_menu2"></span><script type="text/javascript">//<![CDATA[
var fm2 = new FeedMenu('link' + String.fromCharCode(91) +'type*=atom' + String.fromCharCode(93));fm2.write('#feed_menu2');
//]]>
</script>

RSS Feeds:

<span id="feed_menu3"></span><script type="text/javascript">//<![CDATA[
var fm3 = new FeedMenu('link' + String.fromCharCode(91) +'type*=rss' + String.fromCharCode(93));fm3.write('#feed_menu3');
//]]>
</script>

Цвет orange

<span id="feed_menu4"></span><script type="text/javascript">//<![CDATA[
var fm8= new FeedMenu();
fm8.write('#feed_menu4');
//]]>
</script>

Цвет woodgrain

<span id="feed_menu5"></span><script type="text/javascript">//<![CDATA[
var fm4 = new FeedMenu(null,'wood');
fm4.write('#feed_menu5');
//]]>
</script>

Цвет azure

<span id="feed_menu6"></span><script type="text/javascript">//<![CDATA[
var fm5 = new FeedMenu(null,'azure');
fm5.write('#feed_menu6');
//]]>
</script>

Прозрачная тёмная кнопка (для тёмных фонов)

<span class="feed_menu7"></span><script type="text/javascript">//<![CDATA[
var fm6 = new FeedMenu(null,'trans_on_dark');
fm6.write('.feed_menu7');
//]]>
</script>

Прозрачная светлая кнопка (для светлых фонов)

<span class="feed_menu8"></span><script type="text/javascript">//<![CDATA[
var fm7= new FeedMenu(null,'trans_on_light');
fm7.write('.feed_menu8');
//]]>
</script>

Подставленные вручную ссылки для разных подписок:

<span id="feed_menu9"></span><script type="text/javascript">//<![CDATA[
var oCustomLinks = [ {title:'Подписаться через FeedBurner', href:"http://feeds.feedburner.com/omg-linux/blogger" },{title:'Читать в Яндекс ленте', href:"http://lenta.yandex.ru/settings.xml?name=feed&url=http%3A%2F%2Ffeeds.feedburner.com%2Fomg-linux%2Fblogger" },{title:'Подписаться через Google Reader', href:"http://www.google.com/reader/view/feed/http://feeds.feedburner.com/omg-linux/blogger" }];
var fm9 = new FeedMenu(oCustomLinks);
fm9.write('#feed_menu9');
//]]>
</script>

Где:

title - название пункта меню
href - ссылка на сервис или фид

Ссылки на подписки через Яндекс и Гугл можно скопировать из FeedBurner. Например отсюда ↓

Меню реанимировано из этой статьи.

Blogger не для чайников

Меню для фидов (rss и atom)

Комментариев нет:

Отправить комментарий