Как изменить стандартный widget статистики

Предлагаю вам, блоггеровский стандартный виджет статистики, немного изменить. Добавить к счетчику просмотров страниц ещё пару строк, а именно, статистику написанных сообщений и счетчик количества комментариев. А самое главное, мы изменим дизайн виджета, естественно в лучшую сторону.
Если цифры на информере, будут внушительные, то такой счетчик и не стыдно показать вашим посетителям блога
Заходим в панель инструментов 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> Статистика блога</h2> <ul> <li> <h4 id='Stats1_totalPosts'> …</h4> <span>Написал</span> </li> <li id='totalComments'> <h4 id='Stats1_totalComments'> …</h4> <span>Комментарий</span> </li> <li id='totalCount'> <h4 expr:id='data:widget.instanceId + "_totalCount"'> …</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>
Сохраните шаблон. Готово. Если хотите, можете заменить текст в виджете, на свой.

источник