Информеры с новостями вашего блога можно размещать на сторонних ресурсах, например, если у вас несколько блогов, можно устроить обмен новостными виджетами с другими сайтами или предлагать код своего информера вашим постоянным читателям. Вы можете предлагать их вместо баннера на специальной странице.
Такие информеры можно создать на специальных онлайн-сервисах:
- feedgrabbr.com – многофункциональный онлайн конструктор новостей блога. Условно-бесплатный. Бесплатно можно создать один виджет и есть небольшие ограничения. Вот такой виджет получился у меня.
Код виджета с новостями моего блога:
<div class="feedgrabbr_widget" id="fgid_c2fb8fc1cb11ad50bc01feaa6"></div>
<script> if (typeof(fg_widgets)==="undefined") fg_widgets = new Array();fg_widgets.push("fgid_c2fb8fc1cb11ad50bc01feaa6");</script>
<script src='http://www.feedgrabbr.com/widget/fgwidget.js'></script>Настройки виджета делятся на 4 раздела:
- Content – настройки контента:
- RSS Feeds – введите фид (rss) вашего блога. Читайте: как узнать rss блога
вы можете ввести несколько rss в ленту.
- .RSS Processing поможет вам настроить ленты, перемешать записи или выводить согласно их появлению.
- Keyword Filters – фильтр по ключевым словам доступен лишь в pro-аккаунте. - Essential Settings – основные настройки
- Hosting domain- ваш домен,
- Widget Title – название виджета.
- Height (высота) – указываем количество отображаемых записей,
- Width – ширина в пикселях.
- Style – стили. В бесплатной версии доступен лишь один стиль оформления виджета. - Layout – оформление.
- Skin – темная или светлая схема,
- далее идут настройки, вы можете показать или скрыть изображения блога, адрес фида, даты записей, начало записей, закруглить углы, показать обводку, разделители, добавить тень текста, выравнять миниатюры по высоте или ширине, открывать ссылки в новом окне. - Fonts and Colors – шрифты и цвета информера.
- Content – настройки контента:
- blastcasta.com – виджеты, созданные в этом генераторе, более гармонично вписываются в дизайн блога. Скриншоты:
Код моего виджета (пока он находится в стадии тестирования*): /*
<div style="border-style: solid;border-width: 0;border-color: #101010;overflow: visible;"><div id="newsblock69597955" style="word-wrap: break-word; padding: 5px;">
<!-- DO NOT ALTER, REMOVE, OR IN ANY WAY TRY TO HIDE THE FOLLOWING TAG OR ITS CONTENTS OR BLASTCASTA WILL NOT FUNCTION PROPERLY. --><div align="center" style="font-size: 8pt;"><br /><a href="http://www.blastcasta.com/" target="_top"><b>News Widgets & Tickers</b><br />Powered by BlastCasta</a></div>
</div></div>
<script id="scrnewsblock69597955" type="text/javascript"></script>
<script type="text/javascript"> /* <![CDATA[ */
setTimeout('document.getElementById('scrnewsblock69597955').src = (document.location.protocol == 'https:' ? 'https' : 'http') + '://www.poweringnews.com/newsjavascript.aspx?feedurl=http%3A//feeds.feedburner.com/my-crib&maxitems=5&showfeedtitle=0&showtitle=1&showdate=0&showsummary=0&showauthor=0&showactionsbox=0&showrsslink=0&showcopyright=1&opennewwindow=1&inheritstyles=1&bgcolor=%23FFFFFF&titlefontsize=10&summaryfontsize=9&fontfamily=Arial%2CHelvetica&titlecolor=%235BC4BE&summarycolor=%234C4C4C&sepstyle=dotted&sepcolor=%23A0A0A0&objectid=newsblock69597955'', 500);
/* ]]> */ </script>
Теперь пройдемся по настройкам виджета:
В строку Feed URL вставьте адрес вашей RSS ленты.
Customize It! – Настроить его!- Widget Type – тип виджета (div или iframe),
- Size – размер. При выборе Free Flow виджет будет растягиваться, но вы можете выбрать и фиксированные значения ширины и высоты.
- Max Headlines – максимальное количество записей в информере.
- Show Feed Name – пиказать навание фида,
- Show Date – пиказать даты,
- Show Copyright – показать копирайт,
- Open Links In – открывать ссылки в Same Window (с том же окне) или в New Window (в новом окне),
- Show Title – показать заголовки,
- Show Author – показать автора,
- Show Actions Box – показать кнопки социальных закладок,
- Show RSS Link – показать ссылки на rss?
- Widget Border – обводка виджета,
- Item Separator – разделители,
- Inherit Styles from your Web Page's Styles – заимствовать стиль информера у блога, на котором он будет размещен.
- rssinclude.com создает виджеты в виде газеты. Нужна регистрация. Пример информера:
К сожалению, только в течении 30 дней можно пользоваться этим сервисом бесплатно. - feed.mikle.com – бесплатный генератор новостей вашего блога. Пример:
код моего информера:
<!-- start feedwind code --><script type="text/javascript">document.write('<script type="text/javascript" src="' + ('https:' == document.location.protocol ? 'https://' : 'http://') + 'feed.mikle.com/js/rssmikle.js"></script>');</script><script type="text/javascript">(function() {var params = {rssmikle_url: "https://feeds.feedburner.com/my-crib",rssmikle_frame_width: "300",rssmikle_frame_height: "400",rssmikle_target: "_blank",rssmikle_font: "Arial, Helvetica, sans-serif",rssmikle_font_size: "12",rssmikle_border: "off",responsive: "off",rssmikle_css_url: "",text_align: "left",text_align2: "left",corner: "off",scrollbar: "on",autoscroll: "off",scrolldirection: "up",scrollstep: "3",mcspeed: "20",sort: "New",rssmikle_title: "on",rssmikle_title_sentence: "",rssmikle_title_link: "",rssmikle_title_bgcolor: "#993300",rssmikle_title_color: "#FFFFFF",rssmikle_title_bgimage: "",rssmikle_item_bgcolor: "#FFFFFF",rssmikle_item_bgimage: "",rssmikle_item_title_length: "55",rssmikle_item_title_color: "#5BC4BE",rssmikle_item_border_bottom: "on",rssmikle_item_description: "on",item_link: "off",rssmikle_item_description_length: "150",rssmikle_item_description_color: "#666666",rssmikle_item_date: "off",rssmikle_timezone: "Etc/GMT",datetime_format: "%b %e, %Y %l:%M:%S %p",rssmikle_item_description_tag: "off",rssmikle_item_description_image_scaling: "off",article_num: "15",rssmikle_item_podcast: "off",keyword_inc: "",keyword_exc: ""};feedwind_show_widget_iframe(params);})();</script><div style="font-size:10px; text-align:center; width:300;"><a href="http://feed.mikle.com/" target="_blank" style="color:#CCCCCC;">RSS Feed Widget</a><!--Please display the above link in your web page according to Terms of Service.--></div><!-- end feedwind code –>
- novafeed.com – попробуйте создать новостной виджет в стильном дизайне.
Пример:
Код виджета с новостями моего сайта:
<script>MYDATA="wid=0,1.0.0&url=2,https://feeds.feedburner.com/my-crib<:sp:>&wgs=,N,Wweb,T.I_D,I.T_D,,7,1,Y,360000&bxw=-1,,0,,Y,350,&bxh=-1,,0,,-1,-1,-1&bxi=-1,,0,,-1,-1,-1&tht=0,14,#eeeeee,Y,N,N,T,L&thd=0,11,#C9C9C9,N,N,N,T,L&tit=0,12,#000000,Y,N,N,T,L&tid=0,11,#555555,N,N,N,T,L&tdt=0,9,#6C6C6C,N,N,N,T,L&cfh=Y,,N,,N,,N,,N,-1&cfb=Y,,N,,Y,j/m/Y,Y,h:m,N&pod=N,,,N,N,,,N,N,N,N&ani=N,,ITEM,2000,10,VBU&mis=Y,undefined,-1,Y&kwd=0,";</script><script language="javascript" type="text/javascript" src="http://www.novafeed.com/javascript/myrss_plugin.js"></script>
Наташа, а как на твой взгляд, будет он влиять на скорость загрузки и прочее в блоге. Хочется твоё мнение услышать. Штука интересная.
Вика, любой виджет влияет на скорость загрузки страницы. Проанализировала виджеты, которые я пивела в качестве примеров в статье, с помощью сервиса gtmetrix.com.
В результате проверки самым легким скриптом оказался виджет от feed.mikle.com (п.5), а самым тяжелым - от feedgrabbr (первый).
Последовательность от самого легкого к самому тяжелому:
1. feed.mikle.com
2. blastcasta
3. novafeed.com
4. feedgrabbr
остальные сервисы не проверяла.
Спасибо Наташа за разъяснения.
Вика, надеюсь, я смогла помочь.
Наталья, скажите пожалуйста - есть ли такие виджеты, чтобы щёлкая по их заголовкам они не отсылали на исходный сайт, а разворачивали статьи в своём поле на том сайте, где были установлены?
И ещё, можно ли устанавливать RSS виджеты на простой одностраничный html+css сайт?
Александр, к сожалению, такой виджет подсказать не могу, но установить виджет можно на любой веб-страничке.
Полное отображение удалось настроить в http://feed.mikle.com - расширив в настройках кол-во отображаемых символов и убрав линки. Но столкнулся с другой проблемой, данный сервис не умеет повторять архивы страниц блога, т.е.:
Например, я беру RSS у ЖЖ, где выводится по 10 статей, а чтобы прочитать предыдущие или последующие 10 - необходимо нажать внизу страницы кнопки "Previous 10 | Back to top", очень удобно.
А сервис feed.mikle.com не видит этих кнопок "Previous 10 | Back to top", он может только отображать заданное ему кол-во постов, но кнопки перелистывания нет - мне кажется это беда.
Теперь возник вопрос, знаете ли Вы такой сервис который в своём окошке может добавить эти "Previous 10 | Back to top"? =)