среда, 21 июля 2010 г.

Как сделать красивую кнопку "retweet" с отдельным счетчиком на каждый пост.

И снова здравствуйте!


На сей раз мы коснемся оформления блога на движке (люблю модные слова) Blogger.com.

Всем известна популярность микроблога "твиттер", его полезность весьма актуальна для ведения любого общения в сети.

Как сделать для посетителей своего блога твиттинг (вот еще одно модное слово), т.е. размещение в твиттере (twitter) ссылок своих конкретных сообщений не только удобным, а еще и информативным?

Есть несколько сервисов быстрого твитинга с ведением статистики, мне нравится TweetMeme. Чем? Да собственно, первый, который мне попался. Функции свои выполняет - вот и пользуюсь.

Существует гаджет для Blogger'a, который добавляет красивую кнопку и счетчик твитов. Единственная проблема, что счетчик срабатывает один для всех постов. А ведь хочется на каждый свой пост иметь отдельный красивый счетчик твитов. Кто согласен получить такой?

Пожалуйста, смотрите, делайте и все у вас получится.

1. Откройте панель инструментов своего блога и на закладке "Дизайн" выберите "Изменить HTML" (это не ругательство, просто слово, как "лопата" или "кувшин"). Для примера смотрите как это выглядит:



2. Далее вам необходимо в разделе "Изменить шаблон" поставить галочку у надписи "Расширить шаблоны виджета".

3. В окне с тестом найти фразу "data:post.body" (можете использовать сочетание клавиш CTRL+F и ввести в окно поиска "data:post.body", без кавычек, естественно).

4. Перед абзацем вставить текст. Поясню: текст в зеленой рамке - это то, что мы искали, текст в красной рамке - это то, что мы добавляем.


5. Самое важное, после всего нажать кнопку "Сохранить шаблон". И посмотреть что у Вас получилось в блоге. Мне кажется, вас можно поздравить!

Вот так это выглядит у меня:


Теперь у каждого поста (сообщения, заметки) есть свой красивый счетчик твитов!
Побольше твитов вашим статьям и до скорого!

4 комментария:

  1. Так у вас внизу поста есть социальные кнопки, рядом с Фамилией... А сверху зачем? Для красоты?

    ОтветитьУдалить
  2. такие кнопки появились недавно, а раньше надо было вставлять такие скрипты. А в общем полезная кнопка ее можно вставлять где угодно, спасибо Сергею , что нашел такую кнопку!!:)

    ОтветитьУдалить
  3. Сергей, а как прикрутил кнопку от facebook'а - также? и почему они у тебя чуть-чуть по высоте не совпадают? не аккуратненько..с.

    ОтветитьУдалить