Использование RSS для создания Previous Posts

Вы знаете с чего началось моё изучение, мягко сказать, тюнинга блогов для блоггера? Я задался вопросом, где же настройка виджета Previous Posts ( Последние Публикации ). И вот что я выяснил...

Для начала, чтобы воду в ступе не толочь, нужно ознакомиться с постом про использование чужой RSS ленты в вашем блоге. Что это даёт? А вот что. Если мы можем публиковать сами у себя информацию из других блогов посредством RSS плюс кодера в JavaScript, то почему с собственной инфой мы не можем так поступить?

В общем делаем всё от начала и до конца как в том примере за исключением того, что вбиваем адрес не чужого фида (RSS ленты), а свой в виде которые описаны в посте Что за штука такая RSS "Subscribe to: Posts (Atom). Часть !":

http://имявашегоблога.blogspot.com/feeds/posts/full
http://имявашегоблога.blogspot.com/feeds/posts/default?alt=rss
http://имявашегоблога.blogspot.com/feeds/posts/default

или же если вы зарегились на Feedburner.com, то подойдёт и этот фид, даже не смотря на то, что в превью этих RSS-JavaScript генераторов вы увидите абракадабру. Смело копируем полученый JavaScript и создаём новый виджет, который называем как? Правильно Previous Posts. Вставляем туда этот код, сохраняемся и ...
Видим то, что хотели получить!

Внимание!!! От правильного выбора адреса вашего фида и онлайн-кодера зависит такая штукенция, блог может очень долго загружаться. В общем так, на сегодняшний день я выбрал самый простой вид фида - http://имявашегоблога.blogspot.com/rss.xml - он ещё в старом блоггере применялся, адрес кодера itde.vccs.edu/rss2js/build.php.
Так что вот так!



Прочитать полностью...

Список предыдущих постов ( заголовки )

Что нужно сделать, чтобы появилась область на экране в которой читатели смогли увидеть список ваших последних постов. Да, конечно, существует архив для этих целей, но гораздо эффектнее использовать RSS. Это просто ...

Для начала нужно ознакомиться с темой Добавляем содержание RSS feeds в ваш блог. Там описан метод при помощи которого добавлялось содержимое чужого блога, а чем ваш жуже?

Фид вашего блога имеет вот такой формат:
http://yourblogname.blogspot.com/atom.xml - нам его надо конвертануть в код Javascript при помощи RSS-Javascript онлайн конвертеров которых если по-гуглить предостаточно, я приведу один:
http://itde.vccs.edu/rss2js/build.php

Скопируйте этот адрес и введите его в строчку браузера. Далее по схеме описанной в пост Добавляем содержание RSS feeds в ваш блог, только вместо адреса чужого блога нужно вводить свой, также нужно боратить внимание на пункты количество отображаемых постов, выводить ли содержание и др.

Когда код сгенерировал нужно в макете страницы добавить новый элемент HTML/Javascript и ввести туда этот код.

И наслаждаться зрелищем.

Замечание: пока писал этот пост - смотрю, страницы блога начали оооччень долго загружаться, но потом выяснилось был сбой на сервере конвертера фида. Первый раз конечно за месяц пока я им пользуюсь, но все равно. Посетитель зайдёт и долго ждать загрузки страницы не будет - развернётся и уйдёт. О чём это говорит - о том что перегружать страницы виджетами с исполняемыми кодами на онлайн службах не рекомендуется!!!
Прочитать полностью...

Как добавить баннер в заголовок (HEADER)

Для того чтобы добавить баннер в заголовок надо ...

Для начала нужно иметь готовый баннер иначе что вы собираетесь размещать? Я надеюсь что у вас он уже готов. Если не готов - воспользуйтесь онлайн генераторами баннеров -в интернете их туча в основном хорошие - англоязычные, поэтому гуглим по ключевым словам 'free banner generator'. Сделали - приступим.

Заливаем баннер на хост, им может быть и googlepages.com и сам blogger. в случае с googlepages сохраняем линк от размещённого баннера. Если использовать блоггер, то тогда создаём пост и вставляем картинку со своим баннером. Мы увидим ссылку на баннер после сохранения, выглядеть приблизительно она будет так:

<a onblur=\"try {parent.deselectBloggerImageGracefully();} catch(e) {}\" href=\"http://1.bp.blogspot.com/_J2kVk3AKsXA/RXcetyx4o6I/
AAAAAAAAAAw/khphtkWwAMY/s1600-h/ИМЯ_КАРТИНКИ.jpg\">
<img style=\"display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;\" src=\"http://1.bp.blogspot.com/_J2kVk3AKsXA/RXcetyx4o6I/
AAAAAAAAAAw/khphtkWwAMY/s400/ИМЯ_КАРТИНКИ.jpg\" border=\"0\" alt=\"\"id=\"BLOGGER_PHOTO_ID_5005503282919547810\" /></a>


Выдёргиваем из этого кода URL картинки который выгдядит так:

http://1.bp.blogspot.com/_J2kVk3AKsXA/RXcetyx4o6I/
AAAAAAAAAAw/khphtkWwAMY/s400/PIC_NAME.jpg


запоминаем его - он понадобится нам для вставки в header (заголовок). Далее идём в ШАБЛОН-->ИЗМЕНИТЬ HTML и находим в HTML коде header:

<div id=\"header-wrapper\">
<b:section class=\"header\" id=\"header\" maxwidgets=\"1\" showaddelement=\"no\">
<b:widget id=\"Header1\" locked=\"true\" title=\"The Widgets of Beta Blogger. (Header)\" type=\"Header\">
</b:widget>
</b:section></div>


В вышеперечисленном коде замените maxwidgets="1" на maxwidgets="3", также замените showaddelement="no" на showaddelement="yes" и locked="true" на locked="false".
Сохранимся!

Теперь идём на страничку с этементами страницы, которые можно добавить и удалить.
И вы увидите, что у заголовка появилась возможность добавления элементов. Добавляем HTML/JavaScript элемент и вставляем туда URL картинки в виде

<a href=\"URL_КУДА_ССЫЛАЕТСЯ_БАННЕР\"><img src=\"URL_ВАШЕГО_БАННЕРА_КОТОРЫЙ_МЫ_ЗАПОМИНАЛИ\" alt=\"Заголовок блога\"></a>

Сохраняемся и вуаля. Баннер стоит и просит себя нажать!
Прочитать полностью...

Фоновая музыка в блоге

Фоновое музыкальное сопровождение многими посетителями блогов не приветствуется, оно отвлекает внимание, загружает трафик и бла-бла бла. Но что же делать если очень хочется музыку?

Хочется - сделаем. Для начала у вас должны быть готовые музыкальные файлы. Заливаем их на бесплатный хост, например я пользуюсь Googlepages.com. И запоминаем URL файла, пока заливаем только один.

Самым простым способом, чтобы заиграл блог является вставка элемента HTML/Javascript. Добавляем его и вставляем код:


<EMBED src="URL вашего музыкального файла" autostart=true loop=false volume=100 hidden=true><NOEMBED><BGSOUND src="имя файла"></NOEMBED>

меняем данные в кавычках на ваши собственные, сохраняемся и вперёд слушать музончик.
(autostart=true - обозначает, что музыка будет играть со старта загрузки страницы, loop=true будет играть циклически, если изменить на falseб то проиграется один раз.
Вот следущая конструкция описыватся так (она кстати наиболее симпатичная). С самого начала не стартует и предоставляет пользователю самому включить музыку, если он захочет:

<embed src="URL вашего музыкального файла" autostart=false loop=false volume=100 hidden=false><NOEMBED><BGSOUND src="имя файла"></NOEMBED>


MP3 файлы

Заливаем MP3 на бесплатный хост, ну или на платный если денег некуда девать.
Открываем Notepad и вписываем туда URL, например
http://www.googlepages.com/file.mp3
в вашем случае адрес естественно будет другой, но форму записи сохраняем.
далее сохраняем получившийся файл как Mysong.m3u и его тоже заливаем на хост.
Добавляем новый элемент страницы и вписываем

<EMBED src="Mysong.m3u" autostart=true hidden=true>

ну можно ещё поиграться с autostart, hidden, loop, volume - false или true.

MP3 плейлист

Для того чтобы работать с плейлистом нужно на ваш хост залить mp3-плеер (туда куда вы музыку заливали), его можно скачать отсюда loudfusion.com или погуглить в поисках другого если этот не нравится. И запомнить его URL.
Также залить mp3-файлы, соответственно запоминая их URL. Открыть Notepad и написать:

<?xml version="1.0" encoding="UTF-8"?>
<player showDisplay="yes" showPlaylist="yes" autoStart="random">
<song path="URL MP3 FILE 1" title="FILE1 TITLE" />
<song path="URL TO MP3 FILE 2" title="FILE2 TITLE" />
<song path="URL TO MP3 FILE 3" title="FILE3 TITLE" />
<song path="URL TO MP3 FILE 4" title="FILE4 TITLE" />
<song path="URL TO MP3 FILE 5" title="FILE5 TITLE" />
<song path="URL TO MP3 FILE 6" title="FILE6 TITLE" />
<song path="URL TO MP3 FILE 7" title="FILE7 TITLE" />
</player>

Сохраните получившийся файл под именем MyPlaylist.xml и залейте его тоже на хост. Запомните его URL. Далее Добавляем новый элемент страницы и вписываем:

<embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="230" src="URL вашего плеера" height="280"
type="application/x-shockwave-flash"
flashvars="playlist=URL вашего MYPLAYLIST.XML на Googlepages&autostart=true"/></embed>

Сохраните изменения. Освежите кеш и послушайте ваш блог!
Прочитать полностью...

Добавляем содержание RSS feeds в ваш блог

Для начала найдём иконку RSS. Что это?

Иконки RSS feeds бывают всевозможных фасонов и мастей, но козырным изображением, вписавшимся на долгие годы является вот такой значок, который сам по себе имеет множество размеров - он является стандартом для изображения RSS feeds.

Что нам надо и для чего всё это?

Например нам в блоге понадобится показывать названия постов другого блога, ведь такое же бывает, когда у вас не один блог и например они тесно связаны по тематике, или же вы хотите публиковать новостную ленту какого-нибудь фида.

Приступим, для начала наведите на значёк RSS фида мышку и правой кнопкой копируем ярлык - он же является и адресом фида т.е. URL, который мы хотим публиковать в нашем блоге.

Теперь нам нужно сконвертировать фид в Javascript. Не пугайтесь, длинные программы писать мы не будем, да и короткие тоже, так как существуют онлайн компиляторы RSS в Javascript! Один из них расположен вот здесь http://itde.vccs.edu/rss2js/build.php, заходим туда.

В первой строчке вводим URL фида.
Во второй представляется возможность выбрать, метод отображения:
(yes= показывает заголовок и описание; title= только заголовок, no=вообще ничего не показывать).
В третьей строке указываем количество заголовков, которые хотим отображать.
В четвёртой количество символов, которые будут отображаться в описании к заголовкам.
В пятой выбираем показывать дату или нет.
В шестой делаем выбор при щелчке по ссылке вывод в новое окно или открывать в текущем.
Щёлкаем по кнопке Generate Javascript и копируем сгенерированный код. Затем идём в админку блога.

В макете страницы выбираем добавить элемент HTML/Javascript и вставляем туда код из буфера.

Всё готово можно юзать? НЕТ!
1. Для того чтобы использовать содержимое фида чужого блога нужно узнать, можно ли использовать содержимое, не нарушаете ли вы права правообладателя на информацию :)
2. Если вы используете AdSense то знайте, его боты не могут читать содержимое Javascript.
3. Вы также можете использовать виджет Feed, но он не может отображать более 5 постов, а этим способом вы можете отобразить всё сколько захотите.

Как тема?
Прочитать полностью...