Гаджеты BLOGGER

Как поменять иконку сайта на blogger?

2011-07-15T00:17:00.000-07:00

Давно уже всем нам жутко надоела иконка blogger на наших сайтах. Если ее и возможно было поменять, то очень трудно и проблемно, сделать мог далеко не каждый.
Теперь же уважаемый blogger,com создал нам сервис, который поможет легко (до беспредела!) изменить иконку на любую,какую пожелаете.

Требования сервиса

Чтобы поменять иконку сайта на blogger нужно:

1. Заиметь картинку, которую вы хотите видеть иконкой вашего сайта, то есть картинку, которая будет отображаться в браузере.

2. Картинка должна быть квадратной. Любых размеров, но квадратной

3. Вес ее не должен превышать 100 кб.

На странице полезные ссылки, вы найдете сервис для создания собственной иконки (кнопки) сайта, а так же галерею уже готовых иконок, абсолютно разных, на любой вкус

Гаджет "События" на blogger

2010-11-06T00:53:00.000-07:00

Для информирования о событиях важных и не очень, интересных и не особо, общественных и частных, онлайновых и реальных, локальных и мировых существует гаджет Event (Событие) для Blogger. Подробности установки и настройки
здесь .rb

"Размер шрифта" на blogger

2010-10-08T06:12:00.000-07:00

Виджет позволяет выбрать читателю размер шрифта, который ему удобен. Полезен для блогов с содержанием объемный статей.

+ + + +

1. Дизайн-Элементы страницы-Добавить гаджет-HTML/Javascript
2.Вставляем код

Изменить размер текста<br /><a href="javascript:void(0);" onclick="javascript:body.style.fontSize='.5em'"><span style="font-size: xx-small;">+</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='1em'"><span style="font-size: x-small;">+</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='1.5em'"><span style="font-size: small;">+</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='2em'"><span style="font-size: large;">+</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize='2.5em'"><span style="font-size: x-large;">+</span></a>

3.Сохраняем виджет и ставим в удобное место.

Бегущие строки на blogger

2010-10-04T09:44:00.000-07:00

Гаджет "Бегущие строки" на blogger позволяет отображать последние новости и статьи, красиво смотрится на сайте и привлекает внимание посетителей, что способствует увеличению трафика.

Бегущая строка создается с помощью тегов

<marquee>Текст бегущей строки</marquee>

Использовать гаджет можно в постах и в сайдбаре.
Чтобы настроить бегущие строки под себя используйте следующую таблицу

ТЭГ	Описание
direction="left"	Направлени движения влево
direction="right"	Направление движения вправо
direction="up"	Вверх
direction="down"	Вниз
behavior="alternate"	Текст идет вправо до конца, а потом в обратном направлении
behavior="slide"	Текст останавливается при достижении конца
loop="4"	Контролирует время показывания текста
scrollamount="2"	Скорость движения текста, чем больше тем быстрее
width="400"	ширина текста
height="66"	высота
bgcolor="#9999CC"	Цвет фона
style="color: #FF0000"	Цвет текста
style="font-size: 1em"	Размер шрифта
style="font-family: Tahoma"	Тип шрифта
style="font-size: 12pt; color: #800000; font-family: Tahoma"	Изменить тип и размер шрифта в одном тэге.

Пример

<marquee style="font-family: tahoma; color: #FFFAFA; font-size: 12pt" bgcolor="#7CFC00" direction="up" height="66" width="318">Текст вашей бегущей строки</marquee>

Текст вашей бегущей строки

Выпадающее меню на blogger

2010-10-04T09:18:00.000-07:00

Гаджет "Выпадающее меню" на blogger позволяет сделать навигацию по сайту гораздо удобнее и сохранить место на главной странице.

Пример гаджета можно посмотреть на тестовом блоге

Установка гаджета "Выпадающее меню"

1.Дизайн-Изменить HTML

2.Находим строчку </head>с помощью комманды CTRL+F

3. Перед ней вставляем

4. Сохраняем шаблон
5.Дизайн-Элементы страницы-HTML/Javascript
6.Вставляем код

<ul>

<li><a href="#">Меню 1 - пункт 1</a></li>

<li><a href="#">Меню 1 - пункт 2</a></li>

<li><a href="#">Меню 1 - пункт 3</a></li>

<li><a href="#">Меню 1 - пункт 4</a></li>

<li><a href="#">Меню 1 - пункт 5</a></li>

</ul>

</li>

<ul>

<li><a href="#">Меню 2 - пункт 1</a></li>

<li><a href="#">Меню 2 - пункт 2</a></li>

<li><a href="#">Меню 2 - пункт 3</a></li>

<li><a href="#">Меню 2 - пункт 4</a></li>

<li><a href="#">Меню 2 - пункт 5</a></li>

</ul>

</li>

<ul>

<li><a href="#">Меню 3 - пункт 1</a></li>

<li><a href="#">Меню 3 - пункт 2</a></li>

<li><a href="#">Меню 3 - пункт 3</a></li>

<li><a href="#">Меню 3 - пункт 4</a></li>

<li><a href="#">Меню 3 - пункт 5</a></li>

</ul>

</li>

<li><a href="#" class="menulink">Меню №Четыре</a>

<ul>

<li><a href="#">Меню 4 - пункт 1</a></li>

<li><a href="#">Меню 4 - пункт 2</a></li>

<li><a href="#">Меню 4 - пункт 3</a></li>

<li><a href="#">Меню 4 - пункт 4</a></li>

<li><a href="http://beliber-da.blogspot.com/">БелиберDA</a></li>

</ul>

</li>

</ul>

var menu=new menu.dd("menu");

menu.init("menu","menuhover");

</script>

в том месте, где вы хотите видеть выпадающее меню на blogger.

Форма связи в блоге на blogger

2010-10-03T10:59:00.000-07:00

Форма связи на blogger: эту функцию связи с нам дает замечательный сервис kontactr.com. Это очень полезный гаджет, потому что посетители смогут писать вам e-mail письма через форму, и вам не придется разглашать свой e-mail адрес

Как вставить Kontactr в блог на blogger?

1. Заходим на сайт и регистрируемся.
2. Входим под своим логином
3. Выбираем любую форму
4.Копируем код (из столбика Normal Link)
5. Если вы хотите поставить данную форму на главной странице то добавляем новый HTML/Javascript элемент и вставляем туда куд
6. Если данная форма будет располагаться в сообщении или странице, то код нужно вставлять во вкладке во вкладке "изменить HTML"

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

2010-10-03T06:26:00.000-07:00

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

Вариант 1
1. Заливаем mp3 файл на любой файлохостинг
2.Дизайн-Элементы страниц-Добавить гаджет-HTML/Javascript
3.Вставляем код:

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

autostart=true - музыка будет играть со старта загрузки страницы
loop=true- будет играть циклически
false-проиграется еще один раз

Вариант 2
1. Добавляем mp3 файл на файлохостинг
2.Открываем текстовый редактор и сохраняем в него URl mp3 файла. Сохраняем под именем например song.m3u
3.Добавляем этот файл на тот же файлохостинг
4.Дизайн-Элементы страницы-Добавить гаджет-HTML/Javascript
5.Вставляем код <EMBED src="Mysong.m3u" autostart=true hidden=true>

P.S вариант для вставки музыки на blogger от blogger4you
http://blogger4you.blogspot.com/2009/03/blogger-how-to-put-music.html

Оценивание поста на blogger/blogspot( вариант 2)

2010-10-03T04:43:00.000-07:00

В предыдущей статье мы рассмотрели первый вариант оценивания поста в блоге на blogger/blogspot. Там мы основывались на официальном гаджете системы blogger. В этой статье мы рассмотрим вариант оценивания, который нам предлагает сайт outbrain.com

Метод 1
1. Регистрируемся на сайте outbrain.com

2.

3. My Account > Manage Blogs
4.

Метод 2.

Находим одну из строчек:

<p class='post-footer-line post-footer-line-3'>

<div class='post-footer-line post-footer-line-3'>

<data:post.body/>

Ниже одной из найденных строчек вставляем код:

 <script language='text/javascript'> 
 var OutbrainPermaLink="<data:post.url/>"; 
 var OB_demoMode = false; 
 var OB_Script = true; 
 </script> 
 <script src='http://widgets.outbrain.com/OutbrainRater.js' type='text/javascript'/>

5-ти звездочное Оценивание поста посетителями на blogger(вариант 1)

2010-10-03T04:18:00.000-07:00

Хороший гаджет для тех, кто интересуется мнением посетителей. Предложите им оценить ваш пост, и узнаете что больше нужно людям на вашем сайте. Поможет это сделать хороший гаджет для blogger "Звездное оценивание поста"

1.Заходим Дизайн-Изменить HTML
2. Ищем строчку:

<p class='post-footer-line post-footer-line-3'>

Если не находит, пробуем искать:

<div class='post-footer-line post-footer-line-3'>

Или:

<data:post.body/>

После той строчки, которую вы наши вставляем код:

<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
</b:if>
</span>

Гаджет "Часы" на blogger

2010-10-03T02:03:00.000-07:00

Гаджет часы на блог на blogger.Сайт clocklink.com предоставляет огромный выбор красивых часов на ваш блог.

Галерея часов для блога на blogger

Установка
1. Кликаем на View HTML TAG под часами, которые вам понравились.
2.Соглашаемся с условиями "Accept"
3. Выбираем цвет, часовой пояс
4.Копируем код HTML
5.Идем Дизайн-Элементы страницы-Добавить гаджет-HTML/Javascript
6. Сохраняем и смотрим:)

Похожие статьи на blogger(вариант 1)

2010-10-03T00:53:00.000-07:00

Гаджет показывает список похожих статей на blogger с вашего сайта после поста. Увеличивает количество трафика.

Плюсы гаджета:
1. Отсутствие ссылок на сторонние ресурсы;
2. Возможность исключать из выдачи метки, не имеющие ни одной ссылки;
3. Возможность переименовывать метки в выдаче и объединять разные метки под одним названием;
4. Возможность отдельно указать, какие метки следует всегда исключать из выдачи;
5. Возможность встроить название метки в заголовок;
6. Возможность указать заголовок, который отображается, когда нет ни единой релевантной ссылки;
7. Простота настройки.

Установка

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

Дизайн-Изменить HTML.
Поставить галочку на "расшириить шаблоны виджета"
Найти строчку <data:post.body/>. Сразу после нее вставить код:

<b:if cond='data:blog.pageType == "item"'>

<div class='similiar'>

<div class='widget-content'>

<br/>
<div id='data2007840981'/>
<div id='data2007840980'/><br/>
<script type='text/javascript'>
var headerN = "Похожие статьи:"; /* Заголовок виджета, когда в нём отображается более чем одна метка. */
var header1 = "Еще статьи из категории \"__LABEL__\":"; /* Заголовок виджета, когда в нём отображается одна метка. Если в заголовке есть слово __LABEL__, то вместо него будет подставлено имя метки. */
var header0 = ""; /* Текст, выводимый, если нет ни одной метки и ссылки. */
var homeUrl3 = "<data:blog.homepageUrl/>"; /* Адрес блога, откуда берём список постов. */
var maxNumberOfPostsPerLabel = 5; /* Максимальное число постов, отображаемых для каждой метки. */
var maxNumberOfLabels = 4; /* Максимальное число отображаемых меток. */
var excludeEmptyLabels = true; /* Скрывать ли метки, для которых нет подходящих постов. true - скрывать, false - отображать. */
var excludeLabels = []; /* Метки, которые не следует отображать. */

/* Смена отображаемых имён.
Здесь перечисляем соответствия реального имени метки и названия, которое будет показано на странице.
Если для двух меток указать одно название, они при отображении склеятся в одну метку.
Если метка здесь не перечисляется, то отображается под своим настоящим названием.
*/
var renameLabels = {};
function is_in(item, array) {
for (k in array)
if (array[k] == item) return true;
return false;
}
function label_title(label) {
if (renameLabels[label])
return renameLabels[label];
return label;
}
totalLabels = 0;
receivedReplies = 0;
var receivedItems = [];
var k_label;
function labelReceived() {
receivedReplies++;
if (receivedReplies != totalLabels)
return;
var labelCount = 0;
for (k_label in receivedItems) {
var items = receivedItems[k_label];
if (items.length == 0 && excludeEmptyLabels)
continue;
labelCount++;
}
var labelCount1 = 0;
for (k_label in receivedItems) {
var items = receivedItems[k_label];
if (items.length == 0 && excludeEmptyLabels)
continue;
var ul = document.createElement('ul');
var itemsCount = 0;
for (var k_item in items) {
item = items[k_item];
var li = document.createElement('li');
var a = document.createElement('a');
a.href = item.href;
var txt = document.createTextNode(item.title);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
itemsCount++;
if (itemsCount == maxNumberOfPostsPerLabel)
break;
}
var txt = document.createTextNode(k_label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
if (!(labelCount == 1 && header1.search && header1.search(/(LABEL)/) != -1))
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007840980').appendChild(div1);
labelCount1++;
if (labelCount1 == maxNumberOfLabels)
break;
}
var txt;
if (labelCount == 1 && header1)
txt = document.createTextNode(header1.replace("__LABEL__", k_label));
else if (labelCount)
txt = document.createTextNode(headerN);
else if (header0)
txt = document.createTextNode(headerN);
if (txt)
{
var h = document.createElement("h4");
h.appendChild(txt);
document.getElementById('data2007840981').appendChild(h);
}
}
function receiveReply_123(json) {
var label = "";
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++)
label = label.replace("%20", " ");
label = decodeURI(label);
break;
}
}
var labelTitle = label_title(label);
if (typeof receivedItems[labelTitle] != "object")
receivedItems[labelTitle] = [];
for (var k in json.feed.entry) {
var entry = json.feed.entry[k];
var href = "";
for (var kl in entry.link) {
if (entry.link[kl].rel == "alternate") {
href = entry.link[kl].href;
break;
}
}
if(href != "" && href != location.href) {
var item = { "href" : href, "title" : entry.title.$t};
receivedItems[labelTitle].push(item);
}
}
labelReceived();
}
function sendQueryForLabel(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=receiveReply_123');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var parsedlabels = [];
var labelsCount = 0;
function list_items(textLabel) {
if (labelsCount >= maxNumberOfLabels ||
is_in(textLabel, excludeLabels) ||
is_in(textLabel, parsedlabels)) {
labelReceived();
return;
}
labelsCount++;
parsedlabels.push(textLabel);
sendQueryForLabel(homeUrl3, textLabel);
}
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
totalLabels++;
</b:loop>
</b:loop>
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
list_items("<data:label.name/>");
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>

4.Изменить настройки под себя.
5.Сохранить шаблон.

Гаджет скрытого текста "Спойлер" на blogger

2010-10-03T00:34:00.000-07:00

Гаджет позволяет использовать скрытый текст на блогах blogger.Удобен для объяснения понятий,скрытых цитат,дополнений и т.п.Пример спойлера и инструкции к применению можно смотреть здесь
Спасибо автору за гаджет.

Гаджет "Самые активны читатели" на blogger

2010-10-02T12:16:00.000-07:00

Подходит больше для частокомментируемых блогов. Гаджет отображает самых активных читателей с числом их комментариев.

Дизайн-Добавить гаджет-HTML/Javascript
Вставляем код:

<div id="mx-ac"></div> <script type="text/javascript"> var maxList = 5; var sFilter = ""; var baseUrl = "http://вашсайт/"; var commentsUrl = "feeds/comments/default?alt=json-in-script&callback=listComments"; var aFilter = sFilter.split(","); function oCommentator (name, url, num) { this.name = name; this.url = url; this.num = num; } function doGetComments () { var container = document.getElementById("mx-ac"); var srcComm = document.createElement("script"); srcComm.type = "text/javascript"; srcComm.src = baseUrl + commentsUrl; container.appendChild(srcComm); } function isInFilter(str){ for (var i = 0; i < aFilter.length; i++) { if (str == aFilter[i]) return(true); } return(false); } var aCommentators = new Array(); function listComments (root) { var feed = root.feed; var entries = feed.entry || []; var maxNum = 0; for (var i = 0; i < entries.length; ++i) { var entry = entries[i]; var isInList = new Boolean(); var numInList = 0; if ((entry.author[0].name.$t != "Anonymous") & (!isInFilter(entry.author[0].name.$t))) { var name = entry.author[0].name.$t; var url = entry.author[0].uri.$t; if (aCommentators.length == 0) { aCommentators.push(new oCommentator(name, url, 1)); maxNum = 1; } else { for (var j = 0; j < aCommentators.length; j++) { isInList = false; if ((aCommentators[j].name == name) & (aCommentators[j].url == url)) { isInList = true; numInList = j; break; } } if (isInList) { aCommentators[numInList].num++; if (maxNum < aCommentators[numInList].num) maxNum = aCommentators[numInList].num; } else aCommentators.push(new oCommentator(name, url, 1)); } } } var container = document.getElementById("mx-ac"); var divFooter = document.createElement("div"); var aFooter = document.createElement("a"); divFooter.style.fontSize = "x-small"; aFooter.appendChild(document.createTextNode("BeliberDA")); aFooter.href = "http://beliber-da.blogspot.com"; divFooter.appendChild(document.createTextNode("Widget by ")); divFooter.appendChild(aFooter); var numList = 0; for (var i = maxNum; i > 0; i--) { for (var j = 0; j < aCommentators.length; j++) { if ((aCommentators[j].num == i)) { var br = document.createElement("br"); var a = document.createElement("a"); a.appendChild(document.createTextNode(aCommentators[j].name + " (" + aCommentators[j].num + ")")); a.href = aCommentators[j].url; container.appendChild(a); container.appendChild(br); numList++; } if (numList >= maxList) break; } if (numList >= maxList) break; } container.appendChild(divFooter); } doGetComments(); </script>

var maxList = 5; - этот параметр указывает число комментаторов, которых будет указывать виджет.
var sFilter = ""; - тут между ковычками можно указать людей, которых не будет учитывать виджет. Ники нужно указывать через запятую БЕЗ пробелов вообще (например "вася,ваня")

Гаджет "Последние записи" на blogger

2010-10-02T12:03:00.000-07:00

Отображает только заголовки последних постов. Удобен для любых блогов.
Также показывает общее количество постов и комментариев.

Зайти в раздел "Дизайн"
Выбрать "Добавить гаджет"- "HTML/JavaScript"
Вставить код:

Облако тегов на blogger

2010-10-02T11:48:00.000-07:00

Гаджет,который позволяет добавлять на blogger.com облако тегов. Поддерживает кириллицу. Теги в облаке отображаются разными цветами,в зависимости от количества записей с данным ярлыком.

Добавить гаджет "Ярлыки" из стандартных на blogger. Для этого переходим "Дизайн"-"Элементы страницы"- "Добавить гаджет"-"Ярлыки"
Переходим в раздел "Изменить HTML"
Запускаем поиск браузера (CTRL+F) и ищем код

<b:widget id='Label1' locked='false' title='Ярлыки' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
    <h2><data:title/></h2>
</b:if>
<div class='widget-content'>
    <ul>
    <b:loop values='data:labels' var='label'>
      <li>
        <b:if cond='data:blog.url == data:label.url'>
          <span expr:dir='data:blog.languageDirection'>
            <data:label.name/>
          </span>
        <b:else/>
          <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
            <data:label.name/>
          </a>
        </b:if>
        <span dir='ltr'>(<data:label.count/>)</span>
      </li>
    </b:loop>
    </ul>
    <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

И заменяем его на:

<b:widget id='Label99' locked='false' title='Темы' type='Label'>
<b:includable id='main'>
    <b:if cond='data:title'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
      <script type="text/javascript" src="http://forum.wafl.ru/files/freeman/swfobject.js"></script>
      <script type="text/javascript">
        var flashvars = {};
        flashvars.mode = "tags";
        flashvars.minFontSize = "8";
        flashvars.maxFontSize = "22";
        flashvars.tcolor = "0x0988ff";
        flashvars.tcolor2 = "0x000000";
        flashvars.hicolor = "0xd95800";
        flashvars.distr = "true";
        flashvars.tspeed = "100";
        flashvars.tagcloud = "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' expr:style='data:label.count'><data:label.name/></a></b:loop></tags>";
        var params = {};
        params.wmode = "transparent";
        params.bgcolor = "#333333";
        params.allowscriptaccess = "always";
        var attributes = {};
        attributes.id = "b-cumulus";
        attributes.name = "tagcloud";
        swfobject.embedSWF("http://forum.wafl.ru/files/freeman/tagcloud.swf", "b-cumulus", "300", "250", "9.0.0", false, flashvars, params, attributes);
      </script>
      <div id="b-cumulus">
        <a href="http://www.adobe.com/go/getflashplayer">
          <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
        </a>
      </div>
      <b:include name='quickedit'/>
    </div>
</b:includable>
</b:widget>

Облако тегов можно настроить в соответствии с оформлением вашего блога. Для этого в выше указанном коде можно изменять следующие параметры:

в строке "swfobject.embedSWF("http://FILE_HOST_NAME/tagcloud.swf", "b-cumulus", "300", "250", "9.0.0", false, flashvars, params, attributes); " 300 - это ширина виджета в пикселях. 250 - это высота виджета в пикселях.

flashvars.minFontSize = “8“; - минимальный размер шрифта.

flashvars.maxFontSize = “22“; - максимальный размер шрифта.

flashvars.tcolor = “0xffffff“; - цвет самого редкого ярлыка.

flashvars.tcolor2 = “0×0be4f8“; - цвет самого популярного ярлыка. Для остальных ярлыков будет выбран цвет между этими двумя.

flashvars.hicolor = “0xd95800“; - цвет текста при наведении курсора на ярлык.

flashvars.tspeed = “100“; - скорость вращения Flash Облака тегов

//params.wmode = “transparent“; - этот параметр обозначает прозрачный фон.

params.bgcolor = “#333333“; - цвет фона Flash Облака тегов.

Гаджеты BLOGGER

Как поменять иконку сайта на blogger?

Гаджет "События" на blogger

"Размер шрифта" на blogger

Бегущие строки на blogger

Выпадающее меню на blogger

Форма связи в блоге на blogger

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

Оценивание поста на blogger/blogspot( вариант 2)

5-ти звездочное Оценивание поста посетителями на blogger(вариант 1)

Гаджет "Часы" на blogger

Похожие статьи на blogger(вариант 3)

Похожие статьи на blogger(вариант 2)

Похожие статьи на blogger(вариант 1)

Гаджет скрытого текста "Спойлер" на blogger

Гаджет "Самые активны читатели" на blogger

Гаджет "Последние записи" на blogger

Облако тегов на blogger