Летающая птичка твиттера


Палю одну классную тему - анимированную птицу твиттера.
Многим вебмастерам она знакома по аналогичному плагину в джумле. В блоггере плагин не нужен, всё делается куда проще.

Демо можете видеть прямо тут, и наверное его уже заметили. Птичка своеобразная со своими повадками. При наведении курсором на пузо появляются надписи "tweet this" и "follow me".


Установка:

1) Качаем скрипт и кладём на свой хостинг. Картинка уже положена на хостинг пикассы и прописана в скрипте.

2) В html виджет/гаджет прописываем код:
<script src="http://ваш_хостинг/twitter-bird.js" type="text/javascript">
</script>
<script type="text/javascript">
 var twitterAccount = "ваш_ник_в_twitter";
 var tweetThisText = " <data:blog.pageTitle/> : <data:blog.url/> ";
 tripleflapInit();
</script>
Не забудьте вписать путь к скрипту и ник в твиттере.

Исходник картинки ↓


Автор скрипта Florian Buenzli.

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

  1. Такой летающей птички я ещё не видела, у Вас - впервые.
    Необычно, но у себя на сайте ставить не буду - все блюда поклюет ;)

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

    ОтветитьУдалить
  3. Есть японский ресурс
    там несколько видов птичек
    различных по цвету и виду.
    Я их правда на работоспособность сам не проверял.
    Оцените:
    http://f-icon.com/ja.php

    ОтветитьУдалить
  4. Дружище отличный сайт, много полезных скриптов. Спасибо.

    ОтветитьУдалить
  5. @Irusa
    Сайтик у Вас классный! Видна голова профессионала. И статья полезная! Спасибо!

    ОтветитьУдалить
  6. А этот твиттеренок настраивается? Можно его настроить на свой аккаунт в твиттере, или он только для красоты?

    ОтветитьУдалить
  7. Конечно можно настроить на свою учётку в твиттере, иначе зачем он нужен.
    В образце, который здесь летает, скрипт настроен на мой аккаунт.

    ОтветитьУдалить
  8. Не получается его оживить, подскажите что сделать? Работаю в Ucoz, сначала создавал новый блог, и потом туда копировал HTML через конструктор, вписывал свои данные сайт на ucoz целиком и логин твиттера, обновился и ничего? Ещё копировал скрипт напрямую через редактор и всё равно не появляется??? подскажите что сделать?

    ОтветитьУдалить
  9. Я не знаю, как ucoz работает со скриптами. В блогспоте всё просто: их, ссылки и мелкие скрипты, можно вставлять в шаблон, в виджет, в тело страниц. В качестве хостинга для скриптов мы используем code.google.com.
    Демо работает прямо на этой странице, можете посмотреть исходник, там все прописано.

    ОтветитьУдалить
  10. Классная птица тока почему то с плагина у меня не пошла на wordpress

    ОтветитьУдалить
  11. Птичка - невеличка... Ареал необычайно широк. Миграция ее не поддается систематизации, отличается необычайной живучестью. Всегда при встрече вызывает положительные эмоции. :-)

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