Добавляем кнопку-счетчик "retweet" в заголовок сообщений

вторник, 21 апреля 2009 г.

tweet itНаверняка многие из Вас знают, что Twitter - система микроблогов, позволяющая пользователям отправлять короткие текстовые заметки (до 140 символов), набирает все большие и большие обороты не только среди западных пользователей, но и в русскоязычном сегменте сети, заменяя собой популярные некогда системы веб закладок.
Сопротивлятся уже необратимому процессу бессмысленно, в связи с этим стоит идти по одному пути с твиттером, позволяя Вашим читателям добавлять интересные им статьи в на свои страницы, делясь ими с друзьми, знакомыми и всеми остальными подписчиками ;)
Все это реализовать позволяет маленькая (или не очень) кнопочка, располагающаяся рядом с заголовком каждого сообщения на вашем блоге (как у меня)

Чтобы добавить кнопку к заголовкам потребуется внести некоторые изменения в шаблон блога:
Из панели инструментов перейдите в "Макет", где выберите "Изменить HTML", поставьте галочку "Расширить шаблоны виджета" и с помощью поиска (CTRL+F) найдите:
<div class='post-header-line-1'/>
чтобы добавить большую кнопку (как это выглядит можно посмотреть на Тестовом блоге)





добавьте после найденой строчки:
<div style='float:right; margin-left:15px;'>
<script type='text/javascript'>
tweetmeme_url = &#39;<data:post.url/>&#39;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'> </script>
</div>
чтобы добавить маленькую кнопочку, отображающую только число уже "затвиттевших" ваше сообщение пользоватлей, как на этом блоге
добавьте сразу после найденой строчки:
<div style='float:right; margin-left:15px;'>
<script type="text/javascript">
tweetmeme_style = 'compact';
tweetmeme_url = '<data:post.url/>';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
В конце сохраните шаблон.
Жду ваших комментариев ;)

Ярлыки: , ,

46 коммент.:

Holodkov комментирует...

Привет сразу есть пару вопросов:
1. Можно ли поменять цвет кнопки.
2. Как заполняется в Twitter микроблоги, автоматически по типу RSS или в ручную.

Holodkov комментирует...

Спасибо, теперь я разобрался ;)

Shults99 комментирует...

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

DA комментирует...

Цвет, к сожалению, на данный момент изменить нельзя =(

Shults99 комментирует...

Может, с помощью того-же кода, только своего? :) Ну, это в будущем. А сейчас я его в конец сообщения впихнул. Конечно, я не "тестил это на разных платформах" и пр., но чтобы это сделать, нужно вставлять код кнопок после

class='post-footer'>

У меня в a.Psi! блоге.

Бродячий Проповедник комментирует...

У меня почему-то добавилось под заголовок. Сделал все, как у тебя написано. Глянь, пожалуйста.

Бродячий Проповедник комментирует...

Глянул и ничего не сказал(((

Anais комментирует...

Скажите, как сделать кнопку "Добавить к себе в блог", чтобы на ней отображалось, естественно название МОЕГО блога? (У Вас она называется "наша кнопка") Спасибо.

bartsee комментирует...

Спасибо. Добавил себе сегодня кнопочки эти =) Правда пока никто не кликает, но все равно чувствуешь себя сразу в 21 веке =)

Shults99 комментирует...

bartsee верно подметил ))

Shults99 комментирует...

У меня они вообще стоят и не работают, по-моему. Во всяком случае, я сам ретвитю, чтобы руками в твит не писать - он не накручивает счетчик.

anoshin комментирует...

Кнопка то это хорошо, только она как-то коряво работает у меня на блоге. (кодировка utf-8). Вместо заголовка статьи портирует кракозябры:
Блядство и почему я делаю то, ч...
Что можно сделать с этим?

DekSter комментирует...

Такая же херня, как и у anoshin'a...
Иероглифы какие то)

Как исправить?

Stanislav Raich комментирует...

Как исправить иероглифы??!!

Stanislav Raich комментирует...

Можно ли сделать так что б писало не заглавление сообщения, а первые строчки?

Любовь Геогриевна комментирует...

Как теперь убрать эти кнопки, не работают!

Shults99 комментирует...

Любовь Геогриевна :)) Так там, где ставили, там и убирайте!!
Поищите текст < div class='post-header-line-1'/> (без пробела после первой скобки), а за ним код, который нужно стереть и т.д.

Любовь Геогриевна комментирует...

Вот здесь-то я и боюсь испортить, вдруг не ту черточку, палочку уберу?

Любовь Геогриевна комментирует...

СПАСИБО, С ВАШЕЙ ЛЕГКОЙ РУКИ ВСЕ ПОЛУЧИЛОСЬ!

Sladkoezka комментирует...

Спасибо большущее! Осталось только ждать, когда же процитируют =)

woldemar комментирует...

А как можно сделать так, чтобы в одних постах они были, а вдругих нет? пасиба

Дмитрий комментирует...

спасибо) еле Вас нашел, попробуйте заделать пост по запросу retweet для blogger, еле нашел, а то в blogohelp нет, на tweetmeme.com только боковой retweet

Николай комментирует...

Поставил, все хорощо
Спасибо
ищу правильные коды на редактирование стар.комментов
и быстрое редактирование постов.СЕЙЧАС не могу убрать комменты

alex770jj комментирует...

Блин!
1. надпись "твит" отличается от привычных "ретвит",
2. иконка одна и грузится долго в отличии от привычных разделенных иконок,
3. геморойно отправлять, требуется предоставлять доступ к твиттеру, это не так как делается через топси.
короче это не совсем то что я искал,
П.С. Есть такая хрень для ЖЖ


и вообще как все нормальные люди делают это через топси?

Фотографии тюремных наколок комментирует...

поставил,спасибо.давно хотел поставить эту кнопку.

Александр комментирует...

Спасибо большое

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

Да, очень хорошо объяснили. Спасибо. Обязательно буду использовать в своем блоге.

Андрей комментирует...

Спасибо, давно хотел поставить, наконец-то получилось.

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

Поставил, все нормально работает.
Спасибо

Александр комментирует...

Полезная инфа, благодарствую.

Сургаев Алексей Сергеевич - Свадебная фотография комментирует...

Спасибо - простенько и со вкусом

Darya777 комментирует...

Да, действительно Twitter набирает обороты. Полезно всем почитать информацию.

Международный бизнес комментирует...

Спасибо за гаджет!Все получилось:)

Рини комментирует...

Спасибо - очень интересно

GSM сигнализации комментирует...

Спасибо! Все чики-пики

Go! комментирует...

Большое спасибо

Ограм - Сувенирная продукция комментирует...

Проще пареной репы - большое спасибо!

Verigold комментирует...

Супер-супер! Я всё обыскал!!! Только здесь доступно и русским языком, для чайников. Спасибо!)

Продажа недвижимости в Турции комментирует...

Среди всех микроблогов, у Твиттера самый стильный имидж, имхо :) Экие молодцы наши заморские друзья - такой замечательный сервис забодяжили! В личных целях только его и юзаю :)

резервуары и емкости комментирует...

Все работает на ура

бюро переводов комментирует...

УРА !!!

erick комментирует...

Почему-то кнопка всё равно получается не в строке название поста, а чуть ниже...

Работа для водителей, Работа водителям, Вакансии водителей комментирует...
Этот комментарий был удален администратором блога.
Сотник Юрий комментирует...
Этот комментарий был удален автором.
sotnik-yuriy комментирует...

Сделал все как написано, но блог, вдруг, начал неимоверно тормозить (пишет "ожидание api.tweetmeme..."), а сама кнопка как-то не так, может,я что-то не так сделал, не подскажите? Зеленая кнопка с надписью "retweet" не активна, а только активна цифра над ней...

igor m. комментирует...

Спасибо! Наконец-то я решил эту проблему! Вы чудо!

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