Купить этот сайт

суббота, 6 августа 2011 г.

Как я поставил на Blogger Retweet



Инструкция: как установить на свой блог движка Blogger кнопку Retweet, чтобы ваши читатели могли делать Ре-твиты. Ставим свою Retweet кнопку в шаблон вашего блога. И немного информации о том, как я возился с этой кнопкой.

В общем, сегодня целый день сидел и копался в том, как же лучше всего поставить кнопку Retweet, чтобы она нормально выглядела и стояла в шаблоне рядом с контентом, ведь если пользователь захочет сделать Ре-твит, то он в это время будет читать написанную стать. А если она уж прям так сильно понравится, то пожалуйста, делайте Retweet, кто вам мешает?

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

Так вот, для начала вам нужно зарегистрироваться в сервисе для Ре-твита, регистрируемся на Tweetmeme.com. У вас должен быть аккаунт на Twitter, так что вам нужно просто разрешить доступ приложению к вашему аккаунту.

Так вот, теперь у вас есть возможность работать с системой Retweet - Tweetmeme.com. Переходим на страничку Retweet_button и выбираем лучший способ размещения вашей кнопки. Так как у нас блог на Blogspot, то мы выбираем Web Button, нам дадут обычный скрипт, который можно будет вписывать куда угодно, размещать где угодно и когда угодно.

Так вот, нам дали вот такой код:

<script type="text/javascript"
src="http://tweetmeme.com/i/scripts/button.js"></script>

Копируем его и переходим к редактированию нашего шаблона на Blogger. Входим в "Панель Администратора" и идем в "Дизайн", после чего переходим в "Изменить HTML", и там жмем на "Расширить шаблоны виджета". Копируем шаблон в TXT файл и жмем CTRL + F.

Ищем: <data:post.body/>

Меняем на:

<b:if cond='data:blog.pageType == "item"'>
<div style='float: right; margin-left: 5px; padding-bottom: 5px;'>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
</div>
</b:if>

<div style='display: table-cell; vertical-align: middle;'>
<data:post.body/>
</div>

Сохраняем шаблон и теперь ваша статья будет содержать кнопку для Ре-твита. Надеюсь статья о том, как я поставил на Blogger Retweet была вам полезной, смотрим на результат прямо в этой статье, вверху есть кнопка Retweet!

Понравилась статья? Тогда, скорее всего, вам также понравится стать о том, как Оптимизировать свой блог на Blogger.

2 коммент.:

Кирилл Выжми комментирует...

Сейчас в панеле администратора Blogger есть штатный инструмент из 5 кнопок, среди которых "опубликовать в твиттер". Также есть гаджет Tweetmeme.

Vla-sal комментирует...

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

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