Виджет для блога "Летающий 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

Сергей Мазураш aka Retliff Блоггер со стажем. Стиль публикаций отличается простотой изложения и весёлым, ироничным подходом к самым серьёзным проблемам. Cпециализируется на создании и продвижении бесплатных блогов на платформе Blogger.



7 комментариев:

  1. Симпатичная птичка :) Спасибо.

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

    ОтветитьУдалить
  3. попробовала в черновике - не работает :(

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

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

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

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

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

    ОтветитьУдалить
  7. Я нашла такой плагин для WP!!!!!!!!!!!!!

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

Буду очень признателен за Ваши доброжелательные комментарии!
Любые попытки втянуть автора и читателей в дискуссию, а так же ссылки на посторонние ресурсы - будут удалены.
Всем любителям "конструктивной критики" рекомендую прочитать статью http://maxpastukhov.com/critics