В Оружейной веб-мастера" читают о том, как создать сайт или блог на Wordpress, как раскрутить сайт или блог самостоятельно, а также о том, как заработать на своём сайте и получать пассивный доход в Интернет.

Летающая птичка Twitter на WordPress

ptica-mini

Вечер добрый, друзья! :)

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

Как оказалось после написания этой статьи, задача может быть решена с помощью плагина, о чем сказано в конце. Здесь же описан способ реализации с помощью скрипта (для тех, кто не любит много плагинов).

В сети нашлось множество заметок об установке птички на блог, но в основном они касались блогов на Blogspot.com и не подходили для WordPress. Однако, копнув поглубже, я обнаружил вот этот сайт: http://f-icon.com.

Сайт открывается на японском языке. Если английский вам хоть чуточку понятней японского, тыкайте в ссылку “English” в правом верхнем углу.

Процесс приглашения птицы в свой блог прост до безобразия. Введите свой логин в Twitter (без @), выберите нужный вам объект (мне все-таки симпатичней банальная синяя птаха, а не летающая тарелка и не воздушный шар) и нажмите “Get Code”.

Скопируйте выданный код, после чего двигайтесь в консоль своего блога: “Внешний вид” – “Редактор” – “Заголовок (header.php)”.

Ищите в тексте закрывающий тэг </head> и вставьте скопированный код перед ним. Нажмите “Обновить файл”.

Теперь зайдите в свой блог и любуйтесь птичкой. :) Вот она, на картинке.

Кроме птички ничего не добавилось?

К сожалению, добавилось. Хитрые японские разработчики скрипта включили в свое творение автоматическую добавку баннера, ведущего на их сайт.

С одной стороны, можно подумать, как их перехитрить. С другой – они же дали нам бесплатно свой продукт, значит их право и себя не забыть, верно? :) Но завтра всё равно подумаю…

Добавлено “завтра”: убрать баннер совсем просто. Ссылка на него ничем не замаскирована. Из копируемого кода надо вырезать “<a href=”http://f-icon.com/”><img src=”http://f-icon.com/ui/images/credit.gif” width=”160″ height=”50″ border=”0″ alt=”Flying Icon” /></a>“.

Но еще более родной для WordPress вариант птички предложила посетительница “Оружейной” Надежда: плагин AnimatedTwitterBird. Не пробовал, но в установке должно быть еще проще.

Успехов! :)

С уважением, Оружейник

Ваша оценка статьи:

Ух ты! А тут еще есть:

Комментариев: 47

  1. Моя птичка еще проще ставиться. Добавляешь новый плагин AnimatedTwitterBird, активируешь и всё удовольствие на сайте.

  2. А по моему достаточно вредное создание – раздражает немного. Или это Я такой нервный????

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

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

  3. Спасибо, установила у себя птичку. И не знала о таком раньше.

  4. Птичка очень понравилась! Думаю, что на моем сайте она как раз была бы к месту.Когда зарегистрируюсь в Twitter, обязательно попробую ее у себя поселить.:) Полезная информация на Вашем сайте, как бы это еще все освоить.

  5. Спасибо за птичку. Уже летает. Она добавляет жизни моему сайту

  6. Прикольная пташка. Обязательно применю эту фишку на своем блоге – пусть летают птички:) Спасибо.

  7. Меня эта птичка “немного кумарит”, а вот всплывающее окно с предложением подписаться на обновления сайта сделано отлично.

  8. Спасибо за птичку! Уже летает на страничке. Но со временем, думаю, уберу, сейчас просто учусь и все новенькое пробую.

  9. Снял с сайта птичку. Полетала тут, пусть дальше летит.

  10. Огроменное спасибо за летающую Синюю птичку! Я испробовала 3 способа их установки на WordPress, пока не добралась до Вашего. С Вашим способом на один из блогов птичка села, как в родное гнездо. К сожалению, со вторым так ничего и не получилось – всю тему мне ломает. А очень жаль.
    А где у Вас можно почитать о таком прекрасном всплывающем окне? Или это уже слишком большая наглость со стороны читателей?
    Да, а Вы давно учились в ТЦ Твой Старт?

    • Да нет, почему наглость. Окно – это плагин WP-MK, о нем тоже как-нибудь напишу, не успел пока. Но его внешний вид надо вручную доводить с помощью HTML и CSS, сам по себе он не красивый. Я начал учиться 18 января, кажется. Во вторник будет 4-е занятие. Просто технические моменты работы в сети я немного знал до этого, вот и выбрал такую тему для сайта.

  11. Oleg:

    Прикольная!:) Попробую поставить к своему солнышку.

  12. Хм…Большое спасибо. А то ломал себе голову, откуда такие еффекты беруться)

  13. Здравствуйте, Алексей. Я побывала в гостях на сайте http://znaniyapolza.ru/page/2. Заинтересовало оформление. Может вы знаете, как сделать так??

  14. Здравствуйте, Оксана :)
    Я там вижу много gif-анимации, которую можно поискать в инет, зеленую тему оформления и падающий снег. Для снега можно использовать плагины: Let It Snow!
    WordPress Falling Snow Plugin
    Snow Storm
    Snow, balloons and more (этот может сыпать не только снег, но и листья и еще кучу всякого)
    WP Snow Effect (самый простой, без настроек вообще)…

  15. А меня эта птичка уже просто бесит. Посещаю сайты сокурсников – больше 50% наставили себе этих монстров – и в тему и не в тему.
    Чессное слово, тошнит прямо.
    зы: кстати, отзыв о птичке, статья понравилась ))

  16. Здравствуйте, Алексей! Зашла в гости на Ваш сайт и сразу нашла ответ на вопрос, который на днях у меня возник, а именно про птичку в Твиттер. Завтра попробую. С уважением однокурсница

  17. Только сейчас была на интересном для меня сайте, написала комментарий и хотела получать сообщения о будущих комментариях. Не тут-то было! Этот наглый летающий птенчик уселся на окно, где надо было поставить галочку и поставить мне ее не удалось.
    Всплывающие окна (хотя и говорят, что они хорошо работают) мне тоже не нравятся, особенно, когда они выставлены без задержки. Ты еще ничего на сайте не посмотрел, а тут, как черт из табакерки, появляется форма рассылки. Немножко нахально, на мой взгляд, все это выглядит.

  18. Кстати, очень хорошо оформлено окно подписки у Вас. И все время на глазах и не раздражает.

  19. Ребята,спасибо вам за птичку.А вообще, я очень рада, что подписалась на обновления .Спасибо,Лёша.

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

  21. Надо попробовать установить эту птичку, спасибо за урок!

  22. Птичка хороша поиграться на пару дней, а когда она массово летает на всех блогах – это просто кошмар. Вообще, по-моему, излишняя анимированность раздражает. Даже всплывающее окно подписки не всегда кстати. Есть такие, где закрывашка замаскирована так, что проще с блога уйти, чем дальше нормально читать. Или ты уже подписан, а эта ерундовина маячит каждый раз перед глазами…. ФУ…

  23. Раньше хотел установить себе такую птичку, но никак дело не доходило … случайно увидел данную статью и сделал все быстро и без проблем. Спасибо!

  24. Спасибо за птичку, мне пока нравится, красненькая такая.Надоест-уберу, пока пусть полетает.

  25. Интересная птичка, но меня больше заинтересовало всплывающее окно подписки, расскажите пожалуйста в следующих статьях! Спасибо

  26. А я себе воздушный шар сделала. Пусть кого-то, а мне нравится.

  27. Птичка у меня сайте давно летает, а вот всплывающего окошка с подпиской еще нет-))

  28. Все пишут – проще пареной репы поставить птичку. А вот у меня она не ставится. Несколько раз удаляла плагин. Опять ставила. Не хочет устанавливаться птичка.

  29. Расскажу, как я “убила” птичку. Короче, на сайтах увидала летающую птичку, захотела и себе такую, нашла плагин, вставила: прелесть, летает глаз радует…. Но не долгой моя радость была, начали мои читатели жаловаться, что птичка мешает читать тексты и писать комменты. Вначале отшучивалась, мол, прикольно,оживляет страничку. Однако, когда мне написали, что сайт у меня для кого – для себя или читателей, пришлось попрощаться с птичкой. Вот так я её и “убила”, а птичку все же жалко!

  30. Плагином себе птичку завела, но не знаю, как изменить ей окрас… Хотелось бы другой цвет. Подскажите, пожалуйста! Сама не разобралась…

  31. Уже разобралась! Спасибо!

  32. Установил плагин AnimatedTwitterBird вообще без проблем летает птичка хорошо :) Спасибо за плагин!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

Пожалуйста, скопируйте этот пароль:

И вставьте его сюда (антиспам):

Кстати...

А у тебя есть бесплатная подписка на "Вестник Оружейной"?


Я буду рассказывать тебе
обо всех новостях.

Или так:

Твой e-mail: