Виджет для блога «Летающий Twitter»

Здравствуйте, дорогие читатели!

Twitter, успешно сочетающий в себе достоинства социальных сетей и сервиса микроблогов, становится неизменным спутником блогов любой тематики и целевого назначения.
Виджет для блога «Летающий Twitter»
Особенно возросла его популярность с тех пор, как поисковая система Google стала учитывать ссылки Twitter при ранжировании блогов и определении их позиций в поисковой выдаче.

Для успешного продвижения в Twitter и увеличения количества последователей, веб-мастера размещают на страницах своих блогов разнообразные кнопки и виджеты.
Предлагаю вашему вниманию забавный виджет для Blogger «Летающий Twitter», найденный на блоге BloggingeHou. Он представляет собой симпатичную анимированную птичку, перелетающую с места на место, следуя за прокруткой статьи блога.
Посмотреть, как это работает, можно на страницах тестового блога.
Ещё один плюс этого виджета — установить его может даже начинающий веб-мастер за 2 минуты.
Устанавливаем в блог виджет «Летающий Twitter»
1. Заходим в Панель инструментов — Дизайн — Изменить HTML
2. На всякий случай, как всегда привнесении изменений, сохраняем копию шаблона на жёсткий диск
3. С помощью комбинации клавиш Ctrl + F находим строчку

</body>

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


<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<!— Twitter Bird Widget for Blogger —>
<script type=»text/javascript» src=»http://bloggingehow.googlecode.com/files/bloggingehow.js»>
</script>
<script type=»text/javascript»>
var twitterAccount = &quot;Ваш логин в Twitter&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/>: <data:blog.url/> &quot;;
tripleflapInit();
</script>
<span style=»font-size:11px;position:absolute;»><a title=’Blogger Widget by BLoggingeHow’ href=»http://bloggingehow.blogspot.com» target=’_blank’><img
border=’0′ src=’http://img1.blogblog.com/img/blank.gif’/></a></span>
<!— Twitter Bird Widget for Blogger—>
</b:if>

Строку, выделенную красным цветом,  надо заменить своим логином в Twitter

4. Сохраняем шаблон

5. Наблюдаем за полётом забавной птички

Ваш Retliff



0 комментариев к “Виджет для блога «Летающий Twitter»”

  1. Эффект красивый, птичка милая, но, мне кажется, это отвлекает от текста. Подойдёт определённой направленности блогам, развлекательным, например.

    Ответить
  2. попробовала в черновике — не работает 🙁

    и не по теме — у Вас в блоге при копировании текста, когда вставляешь скопированное добавляется дополнительно Read More: и ссылка. Как такое сделать?

    Ответить
  3. У меня птичка полетела лишь после того, как я вставила код не до закрытого body , а сразу после него. Нашла статью на английском, там именно так. А вообще симпатичная фишка, мне понравилась, пусть полетает… Спасибо за идею;-))

    Ответить
  4. Verochka — Дело в том, что втавлять код выше рекомендовано в англоязычном первоисточнике (на который в статье есть ссылка). И именно так я вставил его в тестовом блоге — как видите — всё работает!-)

    PANIC — Увы — не помню, как у меня такое получилось:)). Найду решение — постараюсь сразу Вам сообщить!-)

    Ответить
  5. Я тоже хочу такую птичку на свой блог на WP. Но я не знаю, что и как нужно поменять в коде, помогите, пожалуйста!

    Ответить

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