Вставить кнопки соц сетей внизу сообщения



Симпатичные кнопки соц сетей внизу поста


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

У нас пока не наблюдается такого сдвига, но соц сети стремительно развиваются, и в скором времени и у нас будет наблюдаться такой же "бум". Так что к этому вопросу вебмастерам необходимо отнестись со всей серьезностью.

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

 Копируем код ниже, и идем в шаблон-изменить шаблон. При помощи клавиш Ctrl+F вызываем поиск и вписываем туда вот такую строку: <data: post.body/>. Если не получится поиском, то ищем примерно внизу поста. Я нашла в 1548 разделе. 

После строки аккуратно вставляем скопированный код. Нажимаем-просмотреть шаблон, видим внизу поста кнопочки-сохраняем шаблон. Смотрите для примера у меня, уже нет. Как видите, ничего сложного, тем более, что мы уже научились копировать не копируемый код. Кто еще не читал эту информацию, ищите в разделе-содержание блога, в разделе Blogger.


<span class='style51'><strong>Понравилась статья? Поделитесь с друзьями:</strong> </span>
      <p><!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style addthis_32x32_style'>
<a class='addthis_button_preferred_1'/>
<a class='addthis_button_preferred_2'/>
<a class='addthis_button_preferred_3'/>
<a class='addthis_button_preferred_4'/>
<a class='addthis_button_compact'/>
<a class='addthis_counter addthis_bubble_style'/>
</div>
<div align='center'>
  <script
src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4ed6ffa81c77554e'
type='text/javascript'/>
  <!-- AddThis Button END --></div></p>


Копируем, вставляем и наслаждаемся. Текст можно поменять на свой прямо в шаблоне блога. Желаю удачи !




Автор статьи ✎ Olga Protasova Выпуск ✹ 8/04/2013 Ярлыки ►


Открыть комментарии →

0 коммент. :

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

Ув. читатели! Для вставки HTML кода в комментарии, воспользуйтесь в меню Генератором преобразования HTML кода.

 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *