Если вам уже надоели стандартные счетчики twitter followers и feedburner readers, то этот маленький скрипт на jQuery вам обязательно пригодится.
С его помощью мы получим данные о подписчиках вашей RSS ленты новостей на Feedburner, количество ваших последователей на Twitter и выведем эти данные в виде простого текста.
Для этого сначала нам необходимо подключить фреймворк jQuery. Открываем шаблон своей темы и между тегами: <HEAD></HEAD> вставляем:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
Следом за ним туда же вставляем наш скрипт, или подлючаем его как внешний файл:
<script type="text/javascript" src="http://место где лежит_скрипт/название_скрипта.js"></script>
или вставляем целиком:
<script type="text/javascript">$(function(){
var opts={fbId:"reitinga",fbCount:-1,twId:"seodiz",twCount:-1,};
var twCount="";
var fbCount="";
var fbUrl="";
var twUrl="";
function doTwCount(count){$("#count").append("<span id="tw-count"></span>");
$("#tw-count").html(+twCount+" "+((twCount==1)?"follower":"followers"));}
function doFbCount(count){$("#count").append("<span id="fb-count"></span>");
$("#fb-count").html(+fbCount+" "+((fbCount==1)?"reader":"readers"));}
$(document).ready(function($){fbUrl="http://pipes.yahoo.com/pipes/pipe.run";twUrl="http://twitter.com/users/show.json";
if(opts.twCount==-1){$.ajax({type:"GET",url:twUrl,data:{"screen_name":opts.twId},dataType:"jsonp",success:function(jsonData){twCount=jsonData.followers_count;doTwCount(twCount);}});}
if(opts.fbCount==-1){$.getJSON(fbUrl+"?_id=b47b5cb1a615935b43858618ebe5ee32&uri="+opts.fbId+"&_render=json&_callback=?",function(data){fbCount=data.value.items[0].circulation;doFbCount(fbCount);});}
});
})(jQuery)</script>
Не забываем вписать свои ID для твиттера twId и феедбурнера fbId вместо тех что там сейчас стоят.
Ну вот количество подписчиков и фолловеров мы вывели, ну а оформить с помощью стилей и добавить картинки по вкусу думаю сможете вы сами, главное помните во всем нада знать меру, и в украшательстве блога тоже, постарайтесь не допускать распространенных ошибок в дизайне сайта, которые могут плачевно отразиться на его посещаемости.
Читайте также:
- Кроссбраузерный text-shadow эффект с помощью CSS
- Самостоятельное создание логотипа для сайта онлайн
- Скрипт всплывающего сбоку окна с рекламой или сообщением
- Секреты дивовой верстки без хаков
- Сочетаемые и несочетаемые цвета в одежде, интерьере и дизайне сайтов
- Оптимизация изображений (картинок и фотографий) сайта
- Возможности и недостатки разметки HTML5 для создания web сайтов
- Дизайн который надеюсь понравится Google и Яндексу
- Выделение текста в Skype и теги HTML в чате Скайпа
- Ссылки из футера опасны для разработчиков шаблонов WordPress