Самые интересные twitter виджеты

Из этой статьи вы узнаете как вывести последние твиты в виде отдельного виджета на ваш блог, показать ваши избранные
твиты в блоге, создать креативную кнопку следуй за мной и разновидности летающей птички twitter. Таким образом, вы можете не только настроить трансляцию записей в Twitter, но и напротив транслировать ваши твиты в свой блог, о чем и пойдет речь в этой записи.
Виджет Twitter Последние твиты.
..
Приведу три разновидности этого виджета, позволяющего транслировать последние твиты в вашем блоге. Первый вариант виджета предоставляет нам сам Twitter и для внимательных пользователей он давно известен. Расскажу в первую очередь о нем. Устанавливать виджет очень просто. Войдите в свой twitter аккаунт, далее перейдите в настройки:

Выберите вкладку Профиль и здесь найдете ссылку Вы также можете добавить Твиттер на свой сайт

Таким образом, вы попадете на страницу twitter Ресурсы. Здесь выберите раздел Виджеты

Выберите виджет для веб-сайта Профиль, настройте его оформление под дизайн вашего блога, укажите настройки виджета и его размеры. После этого вы можете вставить виджет при помощи кода в гаджет HTML / JavaScript или отредактировав шаблон HTML блога, а также можете установить через кнопку .
Выбрав виджеты “Избранное” , вы сможете показать избранные твиты читателям своего блога, а с помощью виджета “Список” – опубликовать твиты авторов вашего списка.

Второй вариант трансляции твитов в блог при помощи виджета, который вы можете добавить, кликнув на кнопку . В открывшемся окне выставьте настройки для twitter виджета, не забудьте указать ваш твиттер логин. Пример заполнения настроек виджета:

В результате вы получите трансляцию последних твитов в виде списка:

ul#twitter_update_list{list-style:none;margin:20px 0;background:none;}ul#twitter_update_list li{list-style:none;background:url(https://3.bp.blogspot.com/-EOVUNHdEphQ/ThL4DoMu7sI/AAAAAAAABDo/_7SaXVPFzPo/s26/w2b_twit_bullet.png) no-repeat scroll left 6px transparent;padding:2px 0 2px 30px;margin:0 0 5px;display:block;}ul#twitter_update_list li a{display:inline;background:none;}.tfoot{position:relative;background:url(https://4.bp.blogspot.com/-SPrPCoDdEDk/ThMAJKJl1aI/AAAAAAAABDs/LrzS00Ve49g/s1600/mttwitterbird.png) no-repeat scroll left 6px transparent;padding:15px 0 15px 50px;display:block;}

 

Третий вариант виджета обновлений вашего твиттер аккаунта мне нравится больше всего, хотя отличается от предыдущих только оформлением:

Настроить виджет вы можете, используя форму, предложенную ниже. введите ваш логин, количество твитов для показа, название виджета и нажмите кнопку “Add to blogger”.

Логин вашего твиттер-аккаунта
Количество твитов для показа
Название виджета

Добавляем кнопку “Follow” с левой или правой стороны вашего блога для добавления новых фолловеров. Генератор кнопки-виджета вы найдете здесь.

Популярным twitter виджетом в последнее время стала летающая twitter птичка. Вы видите ее в моем блоге. Кликнув по ней, вы попадете на страницу моего twitter. Ее код:

<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js">
</script>
<script type="text/javascript">
var twitterAccount = "natalya84i";
var tweetThisText = " <data:blog.pageTitle/> : <data:blog.url/> ";
tripleflapInit();
</script>
<span style="font-size:11px;position:absolute;"></span>

Измените в коде natalya84i на ваш логин twitter. Вставьте код в гаджет HTML / JavaScript или в шаблон HTML перед закрывающимся тегом </body>.

Варианты летающей twitter птички можете выбрать на странице. Здесь вы можете выбрать для себя подходящую птичку:

Вам следует лишь указать логин вашего тви-аккаунта в поле Twitter ID, выбрать птичку и нажать на кнопку “Get code”. Скопируйте полученный код и вставьте его в гаджет элементов страницы блога (аналогично предыдущей летающей твиттер птицей)  или перед закрывающимся кодов </body> в редакторе HTML. При наведении мышки на эту птичку, она отображает последний твит вашей ленты.
Однако она не содержит ссылки на ваш профиль твиттера и летает подозрительно вяло.