Twitter помогает статьям на блоге Блогспот и не только, быстрее индексироваться Яндексом, наверное это знают теперь все. По крайней мере, в связи с последними событиями:
Яндекс ищет на Twitter. Так же Twitter помогает в посещаемости.
В этой статье пойдет речь о Twitter кнопке для блога Блогспот. Для чего нужна Twitter кнопка:
- Для привлечения подписчиков Твиттер.
- Так же возможно увеличит трафик на блог с Твиттер.
Twitter набирает свою популярность и развивается среди социальных сетей. Пользователи ведут микро – блоги в Twitter.
Twitter кнопка для блога – хороший способ раскрутки. Установка кнопки не займет много времени. Чем больше подписчиков, тем больше пользователей узнает о вашей новости.
Кнопка Твиттер представляет из себя счетчик, в ней отображается сколько пользователей Твиттер ретвитнула вашу привью статьи с ссылкой на блог.
Как добавить Twitter кнопку на Блогспот
Кнопка Twitter добавляется в тело статьи, она может быть справа-сверху, слева-сверху, и таким же образом внизу статьи.
Для начала сохраняем копию шаблона Блогспот – "Изменить HTML" – "Загрузить весь шаблон". Это нужно сделать для безопасности вашего блога Блогспот.
Чтобы добавить кнопку, заходим в "Блогспот Панель инструментов" – "Дизайн" далее "Изменить 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 и ее настроек, нажимаем “Сохранить шаблон”.
Всё, смотрите на свои результаты.
Кнопка очень удобна в использовании, и приятно вписывается в дизайн (шаблон) блога Блогспот. Кнопка компактна и не велика. И уж точно получше тех, что предлагает сам Твиттер.
Кнопку Твиттер в действии, можете наблюдать на моем блоге Блогспот
Надеюсь установка не займет у вас много времени.