Blogger — панель кнопок социальных сетей

Добрый день, уважаемые читатели блога БЛОGГЕР!

 БЛОGГЕР — это всегда полезная и интересная информация.

В этой публикации мы рассмотрим как в Blogger добавить или скрыть панель кнопок социальных сетей.

Внимание! В конце статьи вас ждет подарок.

Отобразить (скрыть) встроенный блок кнопок социальных сетей

Для того, что бы  отобразить (скрыть) встроенный блок кнопок социальных сетей перейдите в панель администрирования вашего блога в Дизайн — Сообщения блога — Изменить.

В зависимости от того, что вы хотите сделать, поставьте или снимите указатель в соответствующем поле настроек.

Закрыть встроенный блок кнопок социальных сетей от индексирования

Если вы проверите ваш блог на наличие открытых для индексации исходящих ссылок, то увидите, что основное их количество генерирует блок встроенных кнопок социальных сетей от Blogger.

В панели управления вашего блога открываете вкладку Шаблон › Изменить HTML, ставим отметку в поле «Расширить шаблоны виджета».

При помощи горячих клавиш Ctrl + F находите начало виджета кнопок социальных сетей, код которого обычно начинается с: <b:includable id='shareButtons' var='post'>Добавьте в каждую исходящую ссылку перед target=’_blank’ атрибут nofollow. Обратите внимание на форму кавычек. <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' rel='nofollow' target='_blank'>
Дополнительно на эту тему читайте Blogger — закрыть внешние ссылки от индексирования.

Добавить собственную панель кнопок социальных сетей

Для того что бы добавить в блог собственную панель кнопок социальных сетей, добавьте в шаблон гаджет «HTML/JavaScript» и вставьте в него соответствующий код.

О том, как разместить такую панель вертикально, читайте в статье Фиксированная левая панель.

Теперь о том, как выровнять  панель кнопок социальных сетей горизонтально.

Открываем Шаблон › Изменить HTML, ставим отметку в поле «Расширить шаблоны виджета».

При помощи горячих клавиш Ctrl + F находите закрывающий тег:
]]></b:skin>И перед этим тегом вставляете следующий код CSS:
/* Social icons*/
.Socialicons2{
float: left;
width: 300px;
margin: 5px 0pt 0px;
padding-left: 0px;
}

.Socialicons2 ul{
margin: 0pt;
padding: 0pt;
}

.Socialicons2 li{
float: left;
list-style: none outside none;
margin: 0pt 10px 0pt 0pt;
padding: 40pt;
} Добавьте в гаджет «HTML/JavaScript» код панели кнопок социальных сетей, например:<div class='Socialicons2'>
<ul>
<li>
<a href='http://www.facebook.com/sharer/sharer.php?u' rel='nofollow' target='_blank' title='Добавь в Facebook'><img alt='Facebook' height='32' src='http://2.bp.blogspot.com/-tP3cZxL7vKY/T284jNEsS-I/AAAAAAAABfc/bS6MVojaOsY/s1600/Facebook.png' width='32'/></a></li>
<li>
<a href='http://twitter.com/share?url=' rel='nofollow' target='_blank' title='Добавь в Twitter'><img alt='Facebook' height='32' src='http://1.bp.blogspot.com/-ct9DkatiM14/T2845bGOKyI/AAAAAAAABfo/ZuMNIsX1RSQ/s1600/twitter.png' width='32'/></a></li>
<li>
<a href='http://ваш RSS' rel='nofollow' target='_blank' title='Подпишись по RSS'><img alt='Facebook' height='32' src='http://1.bp.blogspot.com/-4HswPCl3mcw/T285W-XE1aI/AAAAAAAABf0/_00goKA6ilQ/s1600/Rss.png' width='32'/></a></li>
<li>
<a href='http://соответсвующая ссылка' rel='nofollow' target='_blank' title='Подпишись по Email'><img alt='email' height='32' src='http://2.bp.blogspot.com/-h0PrfGRymBM/T285x81JXII/AAAAAAAABgA/0m-ez-rjNss/s1600/Email.png' width='32'/></a></li>
</ul>
</div>

Плагины и скрипты социальных кнопок

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

Gigya — www.gigya.com

Addthis — www.addthis.com

Блок «Поделиться» от Яндекса — api.yandex.ru

Подарок

Ничто так не греет душу русского человека, как слово «халява».

Держите в подарок вкусную «конфету».

www.ups.ru — сайт компании «Копитан»

ТИЦ: 240
Google PR: 3
Яндекс.Каталог: Есть.
DMOZ: Есть.
*Ссылку можно добавить на форуме.

Статьи в которых тоже есть «подарок»:
Google Code и оптимизация шаблона Blogger
Четыре способа бесплатного получения жирных ссылок
Блог БЛОGГЕР — итоги года

Надеюсь, эта статья была для вас интересной и полезной. Если да, не стесняйтесь, поблагодарите автора — активно плюсуем.