388x60 Ads

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ГЕР - итоги года

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



Подпишитесь В закладки НапечататьPrint Friendly and PDF


Вячеслав Вареня
Статус: seo-специалист | Контакты


11 коммент.:

Евгений комментирует... [Ответить]

А я использую Share22, удобно и без заморочек.

БЛОGГЕР комментирует... [Ответить]

@Евгений

Да, Share22 это тоже не плохой сервис, но всех же не перечислишь в одной статье.

Musicnews комментирует... [Ответить]

Если бы гугл + был популярен в России, то все социалки остальные нахрен не нужны, ибо они не влияют на позиции поисковика какого либо(

Пэтроич комментирует... [Ответить]

А я пользую соц. закладки от Яшки. Все равно никто не закладывает =(.

Ride комментирует... [Ответить]

Используем AddThis, сервис нравится, вот только на кнопки "поделиться" мало кто нажимает.

БЛОGГЕР комментирует... [Ответить]

@Ride

То, что читатели не слишком часто жмут эти кнопки - это типичная ситуация для большинства блогов.

Где то я встречал код скрипта, который дает ссылку на скачивание файла, только после ретвита статьи.

Может попробуйте использовать такие скрипты.

Александр Хребтов комментирует... [Ответить]

Уже и автора поблагодарил. Попробовал "забрать конфету". Не получилось. Нот фоунд.

БЛОGГЕР комментирует... [Ответить]

@Александр Хребтов

Ссылку подправил

Вадим Маслий комментирует... [Ответить]

Спасибо, Вячеслав, за статью! Так все подробно описано, приятно читать!
С уважением, Вадим.

Евгений Каращук комментирует... [Ответить]

Сделал как написано - всё получилось. Спасибо автору!

Михаил Новиков комментирует... [Ответить]

Меня направила сюда Светлана Куликова, спасибо Вам и ей. Воспользовался советами - очень доволен!

Отправить комментарий