Новое в блоге
Loading...
10 мая 2013 г.

Виджет статистика блога - посты, комментарии, просмотры


Приветствую вас, дорогие друзья! Первое, что я хочу сделать это, хоть и с опозданием, поздравить вас всех с Днём победы. Как говорится, лучше поздно, чем ни когда:

В великий этот праздник
Спешу вам пожелать
Об этой дате важной
Вовек не забывать.

И помнить – наши деды
Для нас сражались всех!
Так пусть же День Победы
Сулит и вам успех!

Сегодня я хочу предложить вам, проделать не большой трюк, со стандартным виджетом "Статистика блога". Вот как он выглядит сейчас. Например так:

Статистика блога
Вроде хорошо смотрится, но чего то не хватает. Виджет показывает только просмотры страниц, а хотелось бы другую статистику блога видеть. Например, сколько комментариев оставили читатели блога и количество написанных сообщений (похвастаться перед посетителями, если написано и прокомментировано порядочно). Благодаря виджету статистика блога - посты, комментарии, просмотры, это вполне возможно. Вот и давайте заменим стандартный виджет статистики на вот такой информер:

Информер: статистика блога
Статистика блога
Как вам, такой информер? Готовы расстаться с обычным блоггеровским виджетом? Тогда приступим.

Как установить в Blogger виджет статистика блога - количество сообщений, комментариев и просмотров страниц

Первое конечно надо зайти в панель инструментов Blogger - затем шаблон - изменить HTML. Найти тег, куда в шаблоне обычно вставляются все стили ]]></b:skin> и перед тегом (чуть выше) вставить код:

#Stats1 ul{margin:10px 0;border:0;padding:0}
#Stats1 li{margin:0;border:0;background-color:#ff4e47;background-image:url(https://dl.dropboxusercontent.com/u/48089857/sprites-stats.png);background-repeat:no-repeat;padding:10px 10px 10px 80px;list-style-type:none}
#Stats1 h4{margin:0;font-size:22px;line-height:1.2em;color:#fff;text-shadow:none}
#Stats1 span{font-size:13px;color:#fff;text-shadow:none}
#totalComments{background-position:0 -68px}
#totalCount{background-position:0 -136px}

Сохраните шаблон. По умолчанию цвет фона красный, менять вот здесь background-color:#ff4e47. Подобрать цвет можно тут. Следующий шаг.  Если у вас в блоге не добавлен виджет  "Статистика", добавьте пожалуйста. Открываем список виджетов:


Виджет "Статистика" имеет название stats 1 вот на него и нажимаем. Появится строчка виджета, его нужно раскрыть (раньше в старом редакторе ставили галочку "Расширить шаблоны виджета" теперь нажимаем с левой стороны стрелочку).

Содержимое виджета
Далее, меняем стандартный код на этот:

<b:widget id='Stats1' locked='false' title='' type='Stats'>
  <b:includable id='main'>
    <div class='widget-content'>
     <h2 class="title">Статистика блога</h2>
      <ul>
        <li>
          <h4 id='Stats1_totalPosts'>&amp;hellip;</h4>
          <span>Написал</span>
        </li>
        <li id='totalComments'>
          <h4 id='Stats1_totalComments'>&amp;hellip;</h4>
          <span>Комментарий</span>
        </li>
        <li id='totalCount'>
          <h4 expr:id='data:widget.instanceId + &quot;_totalCount&quot;'>&amp;hellip;</h4>
          <span>Просмотров</span>
        </li>
      </ul>
      <script type='text/javascript'>
//<![CDATA[
function totalPosts(json){document.getElementById('Stats1_totalPosts').innerHTML=json.feed.openSearch$totalResults.$t};function totalComments(json){document.getElementById('Stats1_totalComments').innerHTML=json.feed.openSearch$totalResults.$t};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalPosts\"><\/script><script type=\"text/javascript\" src=\"/feeds/comments/default?alt=json-in-script&max-results=0&callback=totalComments\"><\/script>');
//]]>
      </script>
    </div>
  </b:includable>
</b:widget>

Сохраните шаблон. Всё, готово. Естественно, можете заменить текст. на свой.
Небольшой совет. Я постоянно это повторяю, заведите ещё один блог для тренировок, с таким же шаблоном и пробуйте виджеты на нем. Если операции проходят успешно, можно ставить виджет на основной блог. Всем пока. Всего доброго.

С уважением, Сергей.

Ух ты кнопочки! Понравилась статья? Поделитесь с друзьями:

4 коммент. :

  1. Здравствуйте!
    Здорово выглядит! У меня на блоге http://life-x10.com/ стоят комментарии от intensedebate. Не будет такой статистики?

    ОтветитьУдалить
    Ответы
    1. Привет!Попробуйте,если статистика не будет отображаться,то можно вернуть всё назад

      Удалить
  2. Хорошая статья, но лично я считаю, что этот виджет в шаблоне не нужен. В чем его польза?

    ОтветитьУдалить
    Ответы
    1. Кому как. Всё таки, если цифры внушительные, то перед посетителями не стыдно статистику показать. 8-)

      Удалить

 
Footer