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

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

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

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

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

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

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

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

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

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

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

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


                                                                            + + + +


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

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


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

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

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

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

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

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

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

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

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

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

<!--MULTI-LEVEL-DD-MENU-STARTS-->

<link href='http://forum.wafl.ru/files/freeman/DDM1_style.css' rel='stylesheet' type='text/css'/>

<script src='http://forum.wafl.ru/files/freeman/DDM1_script.js' type='text/javascript'/>

<!--MULTI-LEVEL-DD-MENU-http://beliber-da.blogspot.com-->

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

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

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


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


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

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

Гаджет подходит для сайтов фан-клубов артистов. Давайте разберем, как поставить фоновую музыку в блоге на 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)

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


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

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

Хороший гаджет для тех, кто интересуется мнением посетителей. Предложите им оценить ваш пост, и узнаете что больше нужно людям на вашем сайте. Поможет это сделать хороший гаджет для 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

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

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


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

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

Самый простой вариант установки гаджета "Похожие статьи"на blogger . Он устанавливается и работает автоматически с помощью сервиса LinkWithin.Пример работы гаджета можно посмотреть здесь


Инструкция установки


1. На сайте LinkWithin заполняем форму


2. В разделе Width выбираем 3,4 или 5 ссылок на статьи, как вы хотите.


3. На e-mail вам приходит ответ с инструкциями


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

<script>linkwithin_text='Ваш текст'</script>

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

Гаджет выполняет такие же функции как и в варианте 1. Установка рассчитана на более широкого пользователя.
Итак, сохраняем как обычно шаблон на компьютер перед изменением.


1.Ставим галочку "расширить шаблоны виджета"
2. Находим строчку <data:post.body/> с помощью команды CTRL+F
3. Сразу после нее вставляем код:

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

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


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

Установка

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

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

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

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

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

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

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

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

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

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

<script src="http://forum.wafl.ru/files/freeman/recents.js"></script><script>var numposts = 10;  var showpostdate = false;  var showpostsummary = false;  var numchars = 100;   </script>    <script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp"></script>

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

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

1. Добавить гаджет "Ярлыки" из стандартных на blogger. Для этого переходим "Дизайн"-"Элементы страницы"- "Добавить гаджет"-"Ярлыки"
2. Переходим в раздел "Изменить HTML"