Виджет для блога "Летающий Twitter"
Здравствуйте, дорогие читатели!
Для успешного продвижения в Twitter и увеличения количества последователей, веб-мастера размещают на страницах своих блогов разнообразные кнопки и виджеты.
<b:if cond='data:blog.pageType == "item"'>
<!-- Twitter Bird Widget for Blogger -->
<script type="text/javascript" src="http://bloggingehow.googlecode.com/files/bloggingehow.js">
</script>
<script type="text/javascript">
var twitterAccount = "Ваш логин в Twitter";
var tweetThisText = " <data:blog.pageTitle/>: <data:blog.url/> ";
tripleflapInit();
</script>
<span style="font-size:11px;position:absolute;"><a title='Blogger Widget by BLoggingeHow' href="http://bloggingehow.blogspot.com" target='_blank'><img
border='0' src='http://img1.blogblog.com/img/blank.gif'/></a></span>
<!-- Twitter Bird Widget for Blogger-->
</b:if>
Строку, выделенную красным цветом, надо заменить своим логином в Twitter
4. Сохраняем шаблон
5. Наблюдаем за полётом забавной птички
Ваш Retliff
Твитнуть
Twitter, успешно сочетающий в себе достоинства социальных сетей и сервиса микроблогов, становится неизменным спутником блогов любой тематики и целевого назначения.

Особенно возросла его популярность с тех пор, как поисковая система Google стала учитывать ссылки Twitter при ранжировании блогов и определении их позиций в поисковой выдаче.
Для успешного продвижения в Twitter и увеличения количества последователей, веб-мастера размещают на страницах своих блогов разнообразные кнопки и виджеты.
Предлагаю вашему вниманию забавный виджет для Blogger "Летающий Twitter", найденный на блоге BloggingeHou. Он представляет собой симпатичную анимированную птичку, перелетающую с места на место, следуя за прокруткой статьи блога.
Посмотреть, как это работает, можно на страницах тестового блога.
Ещё один плюс этого виджета - установить его может даже начинающий веб-мастер за 2 минуты.
Устанавливаем в блог виджет "Летающий Twitter"
1. Заходим в Панель инструментов -- Дизайн -- Изменить HTML
2. На всякий случай, как всегда привнесении изменений, сохраняем копию шаблона на жёсткий диск
3. С помощью комбинации клавиш Ctrl + F находим строчку
</body>
и прямо перед ней вставляем следующий код:
<b:if cond='data:blog.pageType == "item"'>
<!-- Twitter Bird Widget for Blogger -->
<script type="text/javascript" src="http://bloggingehow.googlecode.com/files/bloggingehow.js">
</script>
<script type="text/javascript">
var twitterAccount = "Ваш логин в Twitter";
var tweetThisText = " <data:blog.pageTitle/>: <data:blog.url/> ";
tripleflapInit();
</script>
<span style="font-size:11px;position:absolute;"><a title='Blogger Widget by BLoggingeHow' href="http://bloggingehow.blogspot.com" target='_blank'><img
border='0' src='http://img1.blogblog.com/img/blank.gif'/></a></span>
<!-- Twitter Bird Widget for Blogger-->
</b:if>
Строку, выделенную красным цветом, надо заменить своим логином в Twitter
4. Сохраняем шаблон
5. Наблюдаем за полётом забавной птички
Ваш Retliff
Твитнуть
Симпатичная птичка :) Спасибо.
ОтветитьУдалитьЭффект красивый, птичка милая, но, мне кажется, это отвлекает от текста. Подойдёт определённой направленности блогам, развлекательным, например.
ОтветитьУдалитьпопробовала в черновике - не работает :(
ОтветитьУдалитьи не по теме - у Вас в блоге при копировании текста, когда вставляешь скопированное добавляется дополнительно Read More: и ссылка. Как такое сделать?
У меня птичка полетела лишь после того, как я вставила код не до закрытого body , а сразу после него. Нашла статью на английском, там именно так. А вообще симпатичная фишка, мне понравилась, пусть полетает... Спасибо за идею;-))
ОтветитьУдалитьVerochka - Дело в том, что втавлять код выше рекомендовано в англоязычном первоисточнике (на который в статье есть ссылка). И именно так я вставил его в тестовом блоге - как видите - всё работает!-)
ОтветитьУдалитьPANIC - Увы - не помню, как у меня такое получилось:)). Найду решение - постараюсь сразу Вам сообщить!-)
Я тоже хочу такую птичку на свой блог на WP. Но я не знаю, что и как нужно поменять в коде, помогите, пожалуйста!
ОтветитьУдалитьЯ нашла такой плагин для WP!!!!!!!!!!!!!
ОтветитьУдалить