Все большей людей начинает пользоваться твиттером, и каждый продвинутый блоггер так-же это делает. Я уже писал о том как настроить кросспостинг новостей из блога в Twitter при помощи feedburnet, это существенно экономит Ваше время, и дает дополнительный эффект, так как на Ваш ресурс появляются новые ссылки. Теперь хочу рассказать об обратном, как добавить гаджет который будет отображать все твиты которые Вам оставили.
Просто следуйте приведенным ниже шагам:
1. Зайдите в настройки HTML
2.Найдите тэг:
</head>
3. Скопируйте приведенный ниже скрипт и вставьте его сразу перед тэгом </head>:
4.Измените hagi2104 на свой ник в твиттере, 5- количество твитов.
5. Теперь сохраните свой шаблон и перейдите в раздел добавления гаджетов. В удобном месте нажмите Добавить гаджет и выберите HTML Java Script , добавьте в него следующий скрипт:
Измените ссылку на твиттер
Просто следуйте приведенным ниже шагам:
1. Зайдите в настройки HTML
2.Найдите тэг:
</head>
3. Скопируйте приведенный ниже скрипт и вставьте его сразу перед тэгом </head>:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
function showTweets(elem, username, number)
{
var html = '<ul>';
var tweetFeed = 'http://twitter.com/status/user_timeline/' + username + '.json?count=' + number + '&callback=?'
$.getJSON(tweetFeed, function(d)
{
$.each(d, function(i,item)
{
html+='<li>'+item.text+'</li>';
})
html+="</ul>";
elem.children().fadeOut('fast',function() {
elem.append(html);
})
})
}
$(function() {
$('#error').remove();
$('#preload').show();
showTweets($('#tweets'), 'hagi2104', 5)
});
</script>
<style type="text/css">
#preload {display: none;}
#tweets ul li{
list-style-type:square;
list-style-position:inside;
list-style-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDwVJud73ESUHnTICjC2Rll5Blu2i9xq0LsZADZe3uL41zPJQH4IVDF0POnlRK8k2aMj5HwjkbST9NDR5FXyqTnlPnOmPYOB_Ncfwj6wr9-miDoMMiS5nKsJeaQgEV8_tWsKwc6XT6d60/s1600/twitter.png');
margin:0 0 0;
padding:0 0 0;
}
</style>
4.Измените hagi2104 на свой ник в твиттере, 5- количество твитов.
5. Теперь сохраните свой шаблон и перейдите в раздел добавления гаджетов. В удобном месте нажмите Добавить гаджет и выберите HTML Java Script , добавьте в него следующий скрипт:
<div style="font-size:12px;font-family:Arial;"> <div id="tweets"> <h3 id="error">There was a problem fetching tweets</h3> <h3 id="preload">Currently loading your tweets...</h3> </div> <ul><li style="list-style-type:none;"><a href="http://www.twitter.com/btipandtrick">Следите в твиитер</a></li></ul> </div>
Измените ссылку на твиттер
Интересно, но есть более простой способ. Если хотите можно посмотреть у меня.
ОтветитьУдалить