Счетчик-информер для блога

Счетчик блога

Спасибо Алла за идею нового поста. Как и просила даю код Статистики блога или как еще его называют Счетчик -информер блога.

                                             

Код вставляется в дизайн шаблона в  HTML/JavaScript

Начальный код изменила нашла его http://blogger.com.md/widgets/165-mega-counter.html тут

<img src="http://bloggerhelp.ru/templates/GiGantika/images/whoonline/user.png" alt="" width="14" height="14" /> Сейчас на сайте: <b><script 
src=http://fastonlineusers.com/online.php?d=http://твой-блог.blogspot.com/></script></b><br/>

<script style="text/javascript">
function totalPosts(json) {
document.write('<img src="http://bloggerhelp.ru/templates/GiGantika/images/com1.png" alt="" width="14" height="14" /> Всего постов: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
function totalComments(json) {
document.write('<img src="http://bloggerhelp.ru/templates/GiGantika/images/post.png" alt="" width="14" height="14" /> Всего комментарии: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<script src=" /feeds/posts/default?alt=json-in-script&callback=totalPosts"></script>
<script src=" /feeds/comments/default?alt=json-in-script&callback=totalComments"></script>
<script language=javascript> 
d0 = new Date('October 27, 2011'); 
d1 = new Date(); 
dt = (d1.getTime() - d0.getTime()) / (1000*60*60*24); 
document.write('<img src="http://bloggerhelp.ru/templates/GiGantika/images/clock.png" alt="" width="14" height="14" /> Блог живет: <b><span style="color: #ff0000">' + Math.round(dt) + '</span></b>-й день.'); 
</script>

картинка будет выглядеть так:

счетчик-информер

Я немного поиграла с изображением в коде вот что получилось:

счетчик-информер 2

Код у него такой:

<img src="http://i1322.photobucket.com/albums/u580/shefer85/users_2_zps409ba32f.png" alt="" width="16" height="16" /> Сейчас на сайте: <b><script

src=http://fastonlineusers.com/online.php?d=http://studying-blogin.blogspot.com//></script></b><br/>

<script style="text/javascript">

function totalPosts(json) {

document.write('<img src="http://i1322.photobucket.com/albums/u580/shefer85/edit_zps5de24496.png"alt="" width="16" height="16" /> Всего постов: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');

}

function totalComments(json) {

document.write('<img src="http://i1322.photobucket.com/albums/u580/shefer85/photoshop_cs_2_zps8782e946.png" alt="" width="16" height="16" /> Всего комментарии: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');

}

</script>

<script src=" /feeds/posts/default?alt=json-in-script&callback=totalPosts"></script>

<script src=" /feeds/comments/default?alt=json-in-script&callback=totalComments"></script>

<script language=javascript>

d0 = new Date('november 8, 2012');

d1 = new Date();

dt = (d1.getTime() - d0.getTime()) / (1000*60*60*24);

document.write('<img src="http://i1322.photobucket.com/albums/u580/shefer85/clock4_zps865fbb81.png"" alt="" width="16" height="16" /> Блог живет: <b><span style="color: #ff0000">' + Math.round(dt) + '</span></b>-й день.');

</script>

В коде нужно будет заменить адрес, вместо моего вставить свой, и установить дату первого поста, это и будет отчет времени жизни блога.

Идея кода от сюда

КАК НАЙТИ HTML/JavaScript