Кнопки социальных сетей для Blogger (под каждой новой статьей)

Добавляем кнопки социальных сетей для блога на blogspot

Сервис Одна кнопка здесь все просто и понятно.

    Нажимаем получить! 




Выбираем какой вид кнопки вы желаете


копируем код в зеленой рамке, заходим в панель управления блога и нажимаем (Дизайн | Изменить HTML) ставим галочку   Расширить шаблоны виджета 
ищем фрагмент  кода

<div class='content'><data:post.body/></div> или <data:post.body/>
(для вызова поля поиска нажмите клавиши Ctrl+F)

и под ним вставляем наш полученный код.
в моем случае

<div class='content'><data:post.body/></div>

<script src="http://odnaknopka.ru/ok2.js" type="text/javascript"></script>


Перед тем как сохранить нажимаем кнопку ПРОСМОТР и смотрим если все отображается нормально тогда вы все сделали правильно и теперь можно сохранить шаблон.

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

                       ---------------------------------------------------------------------------------

 Еще один очень хороший сервис     addthis   


Заходим нажимаем Get AddThis


затем на кнопку Get Sharing Tools


далее выбираем Style


копируем код,  заходим в панель управления блога, нажимаем (Дизайн | Изменить HTML) ставим галочку, Расширить шаблоны виджета ищем фрагмент кода

<div class='content'><data:post.body/></div> или <data:post.body/>

и под ним вставляем наш полученный код.
  В моем случае

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a href="http://www.addthis.com/bookmark.php?v=250&amp;pubid=xa-4ea85f07767d30dc" class="addthis_button_compact">Share</a>
<span class="addthis_separator">|</span>
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>

<a class='addthis_button_google_plusone'/>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4ea85f07767d30dc"></script>
<!-- AddThis Button END -->


Перед тем как сохранить нажимаем кнопку ПРОСМОТР и смотрим если все отображается нормально тогда вы все сделали правильно и теперь можно сохранить шаблон.

Спасибо за внимание! Удачи.

Комментарии

  1. Второй сервис просто отпад, сам все инсталлировал никакого кода искать не надо было. Для меня самое то, ибо чайник.
    Спасибо!

    ОтветитьУдалить

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

Популярные сообщения из этого блога

Настраиваемые url адреса постов в Blogger

Заработок в интернете на опросах

Как изменить title в Blogger