Виджет последние сообщения для блогспот - blogger


Стильный виджет последние сообщения
Всем блоггерам привет, сегодня будем пробовать добавлять виджет последние сообщения.

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

К счастью таких виджетов существует не мало, каждый шарющий программист хочет выделится и сделать виджет покруче чем у другого, так что сегодня я постараюсь найти, как можно больше гаджетов последних сообщений.

Что бы виджет работал нужно скопировать его код, затем в панели управления блогом открыть Дизайн - добавить гаджет - HTML\Javascript - вставить код - сохранить.

1) Виджет последние сообщения с  картинками

 
<div id='bp_recent'></div><div class='bp_footer'><small><a id='bp_recent_link' target='_blank' href='http://www.bloggerplugins.org/2011/09/recent-posts-thumbnails-blogger-widget.html?utm_src=BP_recent' style='padding: 1px 0px 0px 19px;text-decoration:none;'><img src='http://image.bloggerplugins.org/blogger-widgets.png' alt='Recent Posts with Thumbnails for Blogger' style='border:none' /></a>Powered By <a href='http://www.bloggerplugins.org/?utm_src=BP_recent' target='_blank' title='blogger widgets'>Blogger Widgets</a></small></div>
<script style='text/javascript' src='http://bloggergadgets.googlecode.com/files/recentposts_orig.js'></script>
<script style='text/javascript'>
var numberOfPosts = 5;
var showPostDate = true;
var showSummary = true;
var summaryLength = 200;
var titleLength = 100;
var showCommentCount = true;
var showThumbs = true;
var showNoImage = false;
var imgDim = 100;
var imgFloat = 'left';
var myMargin = 5;
var mediaThumbsOnly = true;
var showReadMore = true;
var readMore = 'More';
</script>
<script src='/feeds/posts/summary?max-results=5&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>

Значение кода:

 var numberOfPosts = 5; количество сообщенийvar showPostDate = true; показывать дату сообщения - false - отключить
var showSummary = true; показывать текст под заголовком -
false - отключить
var summaryLength = 200; количество символов в тексте под заголовком
var showThumbs = true; - показывать картинки - false - отключить
var imgDim = 100; - размер картинки
 

Адрес сайта добавлять не нужно.

Поделиться

Facebook TwitterGoogle+ Vkontakte

Рекомендуем

Виджет последние сообщения для блогспот - blogger
4/ 5
Oleh