17 июн. 2011 г.

Кнопка Retweet на Blogger

Есть два варианта добавить кнопку Retweet.

1. Добавить гаджет "TweetMeme Retweet".

Это самый простой и доступный способ. Добавляем гаджет TweetMeme Retweet и далее настраиваем.


Выбираем Название, Стиль кнопки, Ваш ник в twitter, используя Предварительный просмотр, и сохраняем.

2. Добавляем кнопку Retweet в блог вручную.

Для этого идем в Дизайн > Изменить HTML, делаем резервное копирование, устанавливаем флажок Расширить шаблоны виджета, ишем с помощью комбинации клавиш CTRL+F код ]]></b:skin> и перед ним вставляем:

.tweetmeme {float: right;
 margin: 0px 0px 0px 10px;
}

Далее ищем <data:post.body/> и прямо над этим вставляем:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div class='tweetmeme'><span><script type='text/javascript'>
 tweetmeme_url = &#39;<data:post.url/>&#39;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/></span></div>
</b:if>

Проверяем в режиме Просмотра, что всё сделали правильно и жмём Сохранить шаблон. Теперь кнопка Retweet будет отображаться в правом верхнем углу каждого поста.

5 комментариев

Андрей

Гаджет "TweetMeme Retweet" - не удобно становится а вот в ручную для каждого поста то что нужно! спасибо.

Светлана Ковалева Светлана Ковалева

Пожалуйста, Андрей!

Cabeludo

Светлана, помогите чайнику)!
Вставляю этот код, всё работает. Но из-за появившейся кнопки появляется очень большая пустая полоса между заголовком и текстом поста. Как сделать так, чтобы кнопка ретвита была или на одном уровне с заголовком статьи или чтобы она располагалась непосредственно в тексте поста.
Заранее благодарен!

Светлана Ковалева Светлана Ковалева

Cabeludo, если у вас "появляется очень большая пустая полоса между заголовком и текстом поста", значит вы не следовали инструкции, описанной в сообщении. Читайте внимательно!

nata.zaharova

спасибо, мне помогло :)