Главная » , » Добавить кнопку Twitter на Blogspot

Добавить кнопку Twitter на Blogspot

Автор поста: Микола Питеков | 14 марта 2012 г. | 22:49

  Twitter помогает статьям на блоге Blogspot (Blogger) и не только, быстрее индексироваться Яндексом, наверное это знают теперь все. По крайней мере, в связи с последними событиями: Яндекс ищет на Twitter. Так же Twitter помогает в посещаемости. 

В этой статье пойдет речь о Twitter кнопке для блога Blogspot. Для чего нужна Twitter кнопка:

  • Для привлечения подписчиков Твиттер.
  • Так же возможно увеличит трафик на блог с Твиттер.
  Twitter набирает свою популярность и развивается среди социальных сетей. Пользователи ведут микро – блоги в Twitter.

  Twitter кнопка для блога – хороший способ раскрутки. Установка кнопки не займет много времени. Чем больше подписчиков, тем больше пользователей узнает о вашей новости.

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

Как добавить Twitter кнопку на Blogspot

  Кнопка Twitter добавляется в тело статьи, она может быть справа-сверху, слева-сверху, и таким же образом внизу статьи. 

  Для начала сохраняем копию шаблона Blogspot – "Изменить HTML" – "Загрузить весь шаблон". Это нужно сделать для безопасности вашего блога Blogspot.

  Чтобы добавить кнопку, заходим в "Blogspot Панель инструментов" – "Дизайн" далее "Изменить HTML" и ставим галочку "Расширить шаблоны виджета".

Нажимаете Ctrl + F, откроется окно поиска. Копируем и вставляем:

<div class='post-header-line-1'/>

  После выше указанного кода вставляете код кнопки . Но перед вставкой определитесь какая кнопка вам нужна и в каком месте вы хотели бы видеть кнопку Twitter.

Виды кнопок:

  • Компактная кнопка (слева, справа, внизу, сверху статьи)
  • Большая кнопка (те же параметры)

Компактная кнопка Twitter – Вверху статьи, справа 

<b:if cond='data:blog.pageType == "item"'>
<div style="float:right;padding:4px;">
<script type="text/javascript">
tweetmeme_style = 'compact';
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'your_twitter_user_name';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js">
</script> </div>
</b:if>

Компактная кнопка Twitter – Вверху статьи, слева

Тот же скрипт, только вторую строчку поменяйте на эту

<div style="float:left;padding:4px;">

Можно во второй строчке, просто вместо right (право) поставить left (лево), после float.

Большая кнопка Twitter – Вверху статьи, справа



<b:if cond='data:blog.pageType == "item"'>
<div style="float:right;padding:4px;">
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'your_twitter_user_name';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js">
</script> </div>
</b:if>

Большая кнопка Twitter – Вверху статьи, слева

   Все тоже самое, что и у компактной кнопки, так же нужно заменить верхнюю часть скрипта, или поставить left вместо right

<div style="float:left;padding:4px;">

  Чтобы настроить скрипт кнопки под свой блог, поставьте вместо your_new_user_name, ваше имя аккаунта Twitter.

Варианты размещения кнопки (дополнение):

  • Внизу статьи:
  Если вам не нравится кнопка вверху статьи, вы хотите кнопку внизу, то ищете в поиске следующий код 

<data:post.body/>

Вставляете скрипт кнопки после этой строчки кода

  • Кнопка устанавливается и в статье, и ее видно на главной в привью ваших статей:
Уберите следующий код что бы кнопка отображалась только в теле статьи

В самом верху кода
<b:if cond='data:blog.pageType == "item"'>

В самом низу кода
</b:if>

В итоге код для большой кнопки – справа, будет выглядеть вот так:

<div style="float:right;padding:4px;">
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'your_twitter_user_name';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js">
 </script> </div>

После выбора кнопки Twitter и ее настроек, нажимаем “Сохранить шаблон”.

Всё, смотрите на свои результаты.

  Кнопка очень удобна в использовании, и приятно вписывается в дизайн (шаблон) блога Blogspot. Кнопка компактна и не велика. И уж точно получше тех, что предлагает сам Твиттер. 

Кнопку Твиттер в действии, можете наблюдать на моем блоге Blogspot (Blogger).

Надеюсь установка не займет у вас много времени.

0 коммент.:

 
Все права защищены.
Copyright © 2011-
Avitra - Персональный SEO блог
При копировании материалов гиперссылка на БЛОГ обязательна.
All Rights Reserved
Вверх