Прибомбасы для кнопки RSS!

Снова обращусь к кнопке RSS. Но буду говорить не о самой кнопке - как, зачем и почему вы ее должны иметь. Нет. А о том, что можно с это кнопкой проделать. Для примера нажмите мою кнопку RSS, что увидели?... А теперь также по ней нажмите и все вернется на свои места.

Вот как раз об этой функции я сегодня и поговорю. Пока я подгонял ее под свой виджет обнаружил хорошую мобильность исполнения всплывающего меню. Так что если я разобрался, то вы подавно. Ну, а если возникнут вопросы, не стесняйтесь, задавайте - смотришь и решение найдется.

Приступим непосредственно к описанию это плагина.

<script type="text/javascript" src="http://ztuning.narod.ru/rss-em.js">

</script>

<center/>

<div style="text-align:center;left-margin:50px;">

<a id="sub_opt_link" class="expand" href="javascript:toggleContent('sub_opt');" title="ВАШ ТЕКСТ ДЛЯ ПОДСВЕТКИ КНОПКИ"><img border="0" width="170" src="URL ВАШЕЙ КНОПКИ ИЛИ КАРТИНКИ" align="center"/></a>

</div>

<div id="sub_opt" style="overflow: hidden; display: none; height: 420px;" class="generic_box_comment">

<br/>

<div class="sub-list">

<ul>

<li><a style="text-decoration:none;" href="URL ВАШЕГО ФИДА" rel="nofollow" title="Subscribe to my feed"><span style="border:1px solid;border-color:#FC9 #630 #330 #F96;padding:0 3px;font:bold 10px verdana,sans-serif;color:#FFF;background:#F60;margin:0;">XML</span></a>

</li>

<li><a href="http://fusion.google.com/add?feedurl=URL ВАШЕГО ФИДА" rel="nofollow"><img border="0" alt="Google Reader or Homepage" src="http://sites.google.com/site/mezenatorg/Home/add.gif"/></a>

</li>

<li><a href="http://add.my.yahoo.com/rss?url=URL ВАШЕГО ФИДА" rel="nofollow"><img border="0" alt="Add to My Yahoo!" src="http://us.i1.yimg.com/us.yimg.com/i/us/my/addtomyyahoo4.gif"/></a>

</li>

<li><a href="http://www.bloglines.com/sub/URL ВАШЕГО ФИДА" rel="nofollow"><img border="0" alt="Subscribe with Bloglines" src="http://www.bloglines.com/images/sub_modern9.gif"/></a>

</li>

<li><a href="http://feeds.my.aol.com/add.jsp?url=URL ВАШЕГО ФИДА" rel="nofollow"><img border="0" alt="Add to My AOL" src="http://myfeeds.aolcdn.com/vis/myaol_cta1.gif"/></a>

</li>

<li><a href="http://www.netvibes.com/subscribe.php?url=URL ВАШЕГО ФИДА" rel="nofollow"><img border="0" alt="Add to netvibes" src="http://www.netvibes.com/img/add2netvibes.gif"/></a>

</li>

<li><a href="http://www.pageflakes.com/subscribe.aspx?url=URL ВАШЕГО ФИДА" rel="nofollow"><img border="0" src="http://www.pageflakes.com/subscribe2.gif"/></a>

</li>

<li><a href="http://www.live.com/?add=URL ВАШЕГО ФИДА" rel="nofollow"><img border="0" style="width: 92px; height: 17px;" src="http://tkfiles.storage.msn.com/x1pHd9OYNP16fmmfqJHji7qY0yYomKrFzGROBps3O6qHF0JRlVV8xH6X4cfsptw0fftk5oJYFpTKP6I-i91-se8TaoO7R9oiPVoxDEG_LEZW_XhegHxASvHJYsSxNjf526t"/></a>

</li>

<li><a href="http://www.newsgator.com/ngs/subscriber/subext.aspx?url=URL ВАШЕГО ФИДА" rel="nofollow"><img border="0" alt="Subscribe in NewsGator Online" src="http://www.newsgator.com/images/ngsub1.gif"/></a></li>

</ul>

<div style="float:center;">

ЗДЕСЬ ВСТАВЛЯЕТЕ СВОЙ E-mail КОД С FEEDBURNER - ДЛЯ ПРИМЕРА Я ОСТАВИЛ СВОЙ

ВЫЧЕЩЕННЫЙ КОД ОТ ВСЯКИХ ЛИШНИХ "НАВОРОТОВ" (В КНОПКЕ СМОТРИТЕ, ЧТО ОСТАЛОСЬ)

<form action="http://www.feedburner.com/fb/a/emailverify" style="text-align:center;" target="popupwindow" method="post" onsubmit="window.open('http://www.feedburner.com/fb/a/emailverifySubmit?feedId=2534719', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Email:</p><p><input style="width:140px" name="email" type="text"/></p><input value="http://feeds.feedburner.com/~e?ffid=2534719" name="url" type="hidden"/><input value="z-tuning" name="title" type="hidden"/><input value="ru_RU" name="loc" type="hidden"/><input value="Подпишись" type="submit"/></form><br/>

                 ЗДЕСЬ ВСТАВЛЯЕТЕ FEEDCOUNТ КОД - ДЛЯ ПРИМЕРА Я ОСТАВИЛ СВОЙ 

                <a href="http://feeds.feedburner.com/ztuning"><img style="border: 0px none ;" alt="Подпишись  на Тюнинг-RSS!!!" width="88" src="http://feeds.feedburner.com/%7Efc/ztuning?bg=6600CC&amp;fg=FFFFFF&amp;anim=0" height="26" title="Подпишись  на Тюнинг-RSS!!!"/></a> 

</div>

</div></div>

</center>

В коде все красные буквы замените на свои адреса и текст. А зеленые буквы совсем удалите, равно как и мой "хвост" Е-маил код и Фидкоунт код (заменяя их на свои).

Для еще одного примера посмотрите как выглядит большая кнопка и расположение всплывающего меню. Этого добиться не сложно - нужно немного поупражняться с кодом.

В заключении: ПРО САМ КОД ПРИ КОПИРОВАНИИ. Код виден не весь в FireFoxе, но при копировании копируется весь, сам проверял еще на неизмененном коде, но опубликованном (как для образца - и за одно, проверки на живучесть).

Делайте и наслаждайтесь. Про цифру 3 на кнопке голову не ломайте - сам нарисовал.

Понравился пост тогда подпишись на RSS!

Читай пост
Что можно сделать с email подпиской на FeedBurner