Делаем RSS ленту оригинальней - 20 Июня 2010 - Блог U.S.F. - U.S.F.
codingSEO/SMO
internetо блоге
Otherhtml/css
мысли
Делаем RSS ленту оригинальней
20.06.10

Добрый день. Начать хочу с того, что я вернулся с работы(был отправлен на каторгу усиленного режима к маме в пятницу, ремонт делать). Теперь-то я высплюсь на славу.

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

Итак, быдлокодить начнем с того, что создадим блок для слогана. Оформим его яркой рамкой и поместим под материалом(кому как удобно).

Code
#rssfeed_under_post {border:2px solid red; text-align:center; padding:10px; margin:20px 10px 10px 80px; width:550px; color:#000;}

<div id="rssfeed_under_post"></div>


 Теперь нам нужно написать код, который будет помещать в блок рандомный слоган вашей незабвенной RSS ленты. Полность код выглядит так: 
Code
var RssG={
slogan:
['Дабы избежать словес <b><a href="http://feeds.feedburner.com/usf" target="blank">подпишись на RSS</a></b>',  
'Поэтом можешь ты не быть, но <b><a href="http://feeds.feedburner.com/usf" target="blank">RSS читать обязан!</a></b>',  
'Если с дерева ты слез, <b><a href="http://feeds.feedburner.com/usf" target="blank">подпишись на RSS</a></b>',
'Здесь тебе не райсобес, <b><a href="http://feeds.feedburner.com/usf" target="blank">подпишись на RSS</a></b>',  
'Голова чтоб не стонала, <b><a href="http://feeds.feedburner.com/usf" target="blank">получайте фид с канала</a></b>',  
'Если с дерева ты слез, <b><a href="http://feeds.feedburner.com/usf" target="blank">подпишись на RSS</a></b>',
'Объявленье для повес, <b><a href="http://feeds.feedburner.com/usf" target="blank">подпишись на RSS</a></b>',  
'Если времени в обрез, <b><a href="http://feeds.feedburner.com/usf" target="blank">подпишись на RSS</a></b>',  
'Коль хочешь в знаниях прогресс, <b><a href="http://feeds.feedburner.com/usf" target="blank">подпишись на RSS</a></b>',  
'Будь как свежий огурец, <b><a href="http://feeds.feedburner.com/usf" target="blank">подпишись на RSS</a></b>'],
paste_:function() {
document.getElementById('rssfeed_under_post').innerHTML=RssG.slogan[Math.floor(Math.random()*10)];
  }
}

Итак, поясняю. Весь код оформлен в виде одного объекта. У него есть свойство slogan ссылающееся на массив со слоганами(при желании можно добавить еще, но мне хватило и 10). Метод paste_ отыскивает нужный нам блок и вставляет туда слоган, находящийся под рандомным индексом в массиве.
Остаеться только вызвать этот метод. Как вариант можно делать это по onLoad тега body(чтобы отыскиваемый div точно присутствовал), но мне было удобней вызвать его просто после блока.
Code
<div id="rssfeed_under_post"></div><script type="text/javascript">RssG.paste_();</script>

Полный код тут
Работу скрипта можно посмотреть ниже(не откажите ему в подписке на мою RSS ленту). 

Если вы хороший дизайнер, умеете хорошо верстать, создаете свое, уникальное, то дам вам совет- неплохо было бы продать шаблоны сайтов. Ведь интернет наполнен рипами. А качественный и уникальные шаблоны всегда в цене!

ПОЧИТАТЬ ЕЩЕ:
Теги: JavaScript, rss
№ 1. kryashen [20.06.10 в 14:16]
Улыбнуло!:) Я про "Сделай свой уникальный п...ц". Я сделал.

№ 2. usf [20.06.10 в 14:22]
ахаха) я сам с этого катался))

№ 3. Сергей [20.06.10 в 14:34]
Классно сделано, а то однообразие утомляет. Спасибо.

№ 4. usf [20.06.10 в 14:38]
^_____^

№ 5. ItSlam [20.06.10 в 14:50]
хе-хе, забавно... стоит наверно папробывать у ся на блоге ;)

№ 6. usf [20.06.10 в 14:53]
он же на вордпресе? для него есть специальный код на php, идею которого я впринципе и воплотил на js)

№ 7. st1xer [20.06.10 в 15:06]
у меня кода меньше в разы на эту тему ;)

№ 8. usf [20.06.10 в 15:15]
скорее всего там без массива слоганов..они где-то в базе храняться)) к сожалению тут так не получться)

№ 9. Dmitry [20.06.10 в 16:07]
Пиздец сделан! День прошёл не зря! Я нашёл дело своей жизни! biggrin

№ 10. usf [20.06.10 в 16:08]
xDD это судьба))

№ 11. Мазай [20.06.10 в 16:18]
ооо, прикольная идея)

ЗЫ: ссылка адовая


№ 12. DPolyakov_ [21.06.10 в 18:01]
т.к. на юКозе и так используется jQuery то функцию вставки можно было бы сделать так
Code

$('#rssfeed_under_post').html(RssG.slogan[Math.floor(Math.random()*10)])

№ 13. usf [21.06.10 в 18:43]
я просто привык на чистом js писать)

№ 14. Webchester [02.08.10 в 12:23]
Замечательная заметка, особенно слоганы пи.дец :)

Имя *:
Email:
Ваш сайт:
Хотите что-то сказать?
Код *:


Хостинг от uCoz | Карта сайта