кнопка наверх

Как сделать на блоге летающую птичку Twitter

twitter1 Всем пламенный привет, на связи снова я автор блога Pro-Wordpress.ru. И сегодня я хочу рассказать Вам, как можно сделать на блоге летающую птичку от Twitter. Такую птичку наверняка Вы могли видеть на других блогах и сайтах. Суть данной птички заключается в том, что когда прокручиваешь страницу, птичка начинает летать и привлекать внимание читателя. Когда наводишь курсор мыши, высвечивается Ваш последний твит, а при клике на саму птичку, читателя будет переброшено на Вашу страницу в Twiter’е. Вот такая простая задача твиттер птички, но зато очень эффективная для привлечения новых читателей в твиттере.

И так чтобы добавить птичку на блог переходим на сайт f-icon.com. Данный сайт или даже можно сказать сервис, который позволяет добавить летающую птичку был разработан японскими специалистами. Поэтому возможно сервис будет отображаться на японском языке. Но это не проблема также Вы можете поменять его на английский.

clip_image001

Далее водим логин своего твиттер аккаунта (логин без @).

clip_image002

После чего выбираете стиль птички, который впишется в Ваш дизайн блога. После выбора стиля нажимаете на кнопку “Get code”.

clip_image003

После нажатия на кнопку “Get code” у Вас появиться код птички. Копируем этот код и закидываете его в файл header.php перед закрывающимся тегом </head>

clip_image005

После успешно проделанной роботы у Вас появиться летающая птичка на блоге. Как бы все небело хорошо, но есть одно “Но” вместе с птичкой, к Вам добавился еще и баннер с рекламой. Вы не расстраивайтесь я, зная как решить эту проблему.

clip_image006

Чтобы убрать баннер нужно вернуться назад коду, который вы вставляли и удалить такую строчку <a href="https://f-icon.com/"><img src="https://f-icon.com/ui/images/credit.gif" width="160" height="50" border="0" alt="Flying Icon" /></a>

После удаления строчки баннер пропадет и все будет нормальною.

Если понравилась эта статья, Вы можете читать меня в Twitter’е впереди еще много интересных статей Подписывайтесь.


1 звезда2 звезды3 звезды4 звезды5 звезд (4 оценок, среднее: 4,00 из 5)
Загрузка...
like
Понравилось?
Подпишитесь на блог и получайте новые статьи!
Добавляйтесь в соц. сетях:
  1. Елена:

    Отличная статья! Всё работает прекрасно. Фишка про отключение баннера тоже помогла. Не люблю лишней посторонней информации у себя!

    Ответить
  2. Александр:

    Присоединяюсь к Елене!

    А Вам рекомендую просмотреть статью на ошибки.

    Здесь:

    ...переходим на сайт f-icon.com... ссылка не рабочая.

    И начиная со строки:

    ...После успешно проделанной роботы у Вас появиться летающая птичка на блоге. Как бы все небело хорошо...Прочтите до конца вниз.

    Надеюсь станет «симпатичнее»текст!

    Ответить
  3. Александр:

    Кстати!

    Вы монетизируете Твиттер?

    Я постоянно тяну деньгу!

    Ответить
    • Влад:

      Вы зарабатываете на twite?

      Ответить
    • нерадивый бухгалтер:

      Александр, а каким образом Вы это делаете, поделитесь?

      Ответить
  4. Евгений Комиссаров:

    я как то видел такую птичку, так на том блоге было много отрицательных отзывов по поводу этой летаки, говорят: «раздражает очень». 🙂 Но лично мне она нравится...

    Ответить
  5. Александр:

    Поставил птичку-оживила сайт.Прикольно!

    А как называется плагин который транслирует в твиттер последние записи?

    Ответить
  6. Елена:

    А меня эта птичка раздражает, как говориться слишком навязчивый сервис. А где можно позадавать вопросы о твиттере?

    Ответить
    • Влад:

      Птичка как говориться на любителя, кому нравиться кому не нравиться 🙂

      А вопросы по Twitter'у можете задавать здесь!

      Ответить
  7. Александр:

    Я тоже удалил эту птичку.

    А какие ответы Вы хотите узнать о Твиттере?

    Ответить
  8. нерадивый бухгалтер:

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

    Ответить
  9. Сергей:

    спасибо за пост, буду пробовать оживить сайт... Хотя по отзывам много + и минусы есть, посмотрим...

    Ответить
  10. Евгений:

    О, хочу себе такую. Видел на других сайтах, но как сделать — не знал.

    Ответить
    • Влад:

      Ну вот, теперь Вы знаете как это сделать 🙂

      Ответить
  11. Юлия:

    Спасибо большое за урок! С помощью плагина не получилось, а с помощью кода все заработало!!!

    Ответить
    • Влад:

      Пожалуйста, всегда рад помочь! Какой плагин Вы использовали?

      Ответить
      • Юлия:

        AnimatedTwitterBird, а что, есть еще какой-то?

        Ответить
        • Влад:

          Про плагин AnimatedTwitterBird, вроде слышал 🙂 А про другие плагины, не слыхал.

          Ответить
  12. Ольга:

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

    Ответить
  13. Катерина:

    Спасибо! Всё очень конкретно и подробно объяснено! Поставила себе красненькую летающую птицу, посмотрю какая реакция будет. Если посетители сайта плохо будут реагировать — всегда можно её убрать, ничего страшного 🙂

    Ответить
  14. Юрий:

    А почему у меня при наведении курсора на птицу появляется сообщение:Error CURL#7:bind failed with erro 99...

    А при нажатии на неё я не попадаю на страницу своего твиттера?

    Ответить
  15. glGizma.ru:

    Вот рабочий скрипт, его вставляем до в любом месте. Где var twitterAccount = 'glGizma'; — замените на свой логин в твите, например: var twitterAccount = 'EraGlonass'; . И наслаждаемся 😉

    Ответить
Ваш комментарий: