Летающая птичка Twitter для блога

Просмотров: 336

Привет друзья! Дамы и господа, давайте поселим к себе в блог милую, очаровательную, летающею птичку твиттер, которая своим присутствием, украсит ваше детище (блог) и будет  радовать ваших читателей. Этот виджет для Blogger достаточно популярен среди блогеров. Представьте такую сцену: Вы прокручиваете страницу вниз, а птичка Twitter тут как тут. Как не старайтесь, спрятаться, укрыться от неё, не выйдет. Она всегда на виду. Подлетит, сядет на против вас и смотрит вам в глаза. Разве посетители блога откажут себе в удовольствие, дотронуться до симпатичной пташки. А она в ответ, попросит вашего гостя заффоловить хозяина блога, разве ей откажешь.

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

Как установить виджет летающая птичка Twitter

Представляю Вам японский сервис Flying Icon. Где вам представляется возможность выбора птички Twitter. Заходим на сайт - , где мы видим замечательное семейство пернатых, аж глаза разбегаются, от разнообразия.

twitter
Сервис Flying Icon

Здесь, нужно указать в самом вверху, ваше имя пользователя Twitter. Далее самый трудный момент-это выбрать себе птичку, которая будет жить в блоге, радовать Вас и ваших посетителей. Затем нажимаем кнопку "Get code", откроется окошко с кодом, который Вы должны скопировать. Следующий шаг: заходим в панель управления blogger - выбираем нужный блог - дизайн - добавить гаджет HTML/JavaScript и в его поле вставляем скопированный код. Сохраните гаджет.

Да, чуть не забыл, при наведении курсора мышки на птичку, она показывает ваш последний твит.

В продолжении темы птичек Twitter, я представлю ещё два виджета для блогер. Это:

Плавающая птичка твиттера (Twitter)

плавающая птичка
Плавающая птичка Twitter

Вам нужно так же вставить в поле гаджет HTML/JavaScript следующий код:

<div style="position:fixed; top:200px; right:10px; z-index:999;">
<a href="http://twitter.com/ваше_имя_в_твиттере" target="_blank">
<img title="Follow Us On Twitter" alt="Follow us on Twitter" src="http://4.bp.blogspot.com/-elNCwQpZwR8/Toau7YcGzII/AAAAAAAAGBQ/E8hPQ5uVXWA/s1600/followme_right.png" border="0"/>
</a>
</div>

Вместо ваше_имя_в_твиттере поставьте свой ник/логин. Параметр top: 300px регулирует отступ виджета от верхнего края. Сохраните гаджет.

Статическая птичка Twitter для вашего блога

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

Twitter (1)
Птичка Twitter в уголке блога

Посадить птицу в уголок нам поможет незаменимый гаджет HTML/javascript. Копируем в его поле этот код:

<a target="_blank" style="display:scroll;position:fixed;bottom:5px;right:5px;" href="https://twitter.com/#!/zagulyaevsv" rel="nofollow" title="Follow Me On Twitter"><img src="https://lh4.googleusercontent.com/-SJ4ali3cX1s/Tu95gMVjPnI/AAAAAAAADRE/dzqQ9u9Mqo0/s64/twitter_1.png" /></a>

Здесь, в коде вставляем свою ссылку на твиттер. Ещё можно поменять картинку, заменить bottom на top (птичка тогда будет вверху блога).Так же заменить right (право) на left (влево). Ну и естественно Follow Me On Twitter поменять на своё. Сохраните гаджет. Перетащите его вниз шаблона. Готово.

Думаю из трех виджетов для blogger какой нибудь понравится вам. Всего доброго. До новых встреч.

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


1 комментарий к “Летающая птичка Twitter для блога”

  1. Отлично, это то, что мне нужно, а то у всех вывод пернатых только при помощи плагинов, а мне нужно в один единственный пост вставить птицу

    Ответить

Оставьте комментарий