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

Как сделать на блоге летающую птичку 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
Понравилось?
Подпишитесь на блог и получайте новые статьи!
Добавляйтесь в соц. сетях: