21 января 2011 г.

Как вставить кнопку Twetter Share в блог на Blogger

Захотел в свой блог на Blogger добавить в начало каждого поста официальную кнопку от Твиттера, чтобы можно было оперативно отправить в Твиттер ссылку на статью.

Для этого:

1. Входим в Панель инструментов Blogger  идём в меню Дизайн -> Изменить HTML
2. Включаем  чекбокс с надписью „Расширить шаблоны виджета”
3. Ищем в коде шаблона (Ctrl + F) строку 
<data:post.body/>

и сразу после неё вставляем следующий код



<div style="float: left; padding: 4px;">
<a class="twitter-share-button" data-count="vertical" data-lang="en"  
data-related="related text" data-via="имя_в_Твиттере" expr:data-text="data:post.title" 
expr:data-url="data:post.url" href="http://twitter.com/share" rel="nofollow">Tweet</a>
<br /> <b:if cond="data:post.isFirstPost"><br /> 
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"> </script>
<br /> </b:if><br />
</div>

Жмём кнопку Сохранить шаблон
Не забудьте в параметре data-via="имя в Твиттере'' вписать свой аккаунт в твиттере

Дополнительные параметры:

1. Выравнивание кнопки. Если в строке
<div style="float:left;padding:4px;">


float:right заменить на float:left то кнопка будет выравниваться не по правому краю сообшения, а по левому. В некоторых шаблонах это бывает удобнее.


2. Тип кнопки: data-count='vertical' -  можно заменить на  data-count='horizontal' или data-count='none'

Ссылки по теме:

1 коммент.:

Евгешка комментирует...

Здравствуйте! Спасибо, у меня все получилось! желаю вам удачи!

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