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

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


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

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


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

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

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

Популярным twitter виджетом в последнее время стала летающая twitter птичка. Вы видите ее в моем блоге. Кликнув по ней, вы попадете на страницу моего twitter. Ее код:
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js">Измените в коде natalya84i на ваш логин twitter. Вставьте код в гаджет HTML / JavaScript или в шаблон HTML перед закрывающимся тегом </body>.
</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>
Варианты летающей twitter птички можете выбрать на странице. Здесь вы можете выбрать для себя подходящую птичку:

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

Однако она не содержит ссылки на ваш профиль твиттера и летает подозрительно вяло.

3 комментария :
Прикольно й позитивно!)
Пробывал летающую птичку эффекта мало, как и то что очень уж она напрягает :), самая лучше наверное флажок с боку. Пойду монтировать. Спасибо за инфу, самая содержательная по данному запросу в поиске.
Сайт с птичками уже не работает,удалили его.
Подписаться на комментарии блога: RSS
Отправить комментарий
Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML
Публикуя комментарии, вы соглашаетесь с политикой конфиденциальности