Кнопки для блога

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

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

Зайти в профиль, выбрать Дизайн -- Добавить гаджет -- HTML/JavaScript -- перенести его вниз. Загрузить в блог желаемое изображение и скопировать путь к нему. Прописать в созданном гаджете код:

<a title="Back to TOP" style="position: fixed; right: 15px; bottom: 15px; outline: medium none; border: 0px none;" href="#"><img border="0" alt="Вверх" src="http://3.bp.blogspot.com/-X-HVYRkig_w/UDyghRsXuII/AAAAAAAABNg/TlbQvlAkJJc/s1600/up.png" /></a>

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

Зайти в профиль -- Шаблон -- Изменить HTML -- Приступить -- Расширить шаблон виджета

2. Кнопки соц.сетей
Неплохо выглядят кнопки от share42, их и прикрутим, пожалуй. Нужно выбрать некоторые кнопки, установить настройки и скопировать получившийся код. Например, для горизонтального (обычно такие и ставятся) виджета Для установки горизонтального виджета в редакторе шаблона найти тег  <data:post.body/> и вставить код:

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id="share42init"> </div> <script type="text/javascript" src="http://blogabloger.ru/share42/gorizontal/share42.js"></script> <script type="text/javascript">share42('http://blogabloger.ru/share42/gorizontal/')</script> <link type='text/css' rel='stylesheet' href='http://blogabloger.ru/share42/gorizontal/share42.css' /> </b:if>

Для удобства восприятия код разделён на строки. При вставке в блог заключённые в тег <> элементы и ссылки http:// должны быть написаны слитно.