Gadget Status do Blog

Ok, viciada em tutoriais.
Vi esse tutorial lá no Cherry Bomb, achei bem bacana e resolvi trazer.
Ele é super fácil e simples de ser feito.
Fica assim:

Crie um Gadget HTML/JAVASCRIPT e cole o código

<style>
/*Gagdet Status por www.cherry-liah.blogspot.com*/
.stats {
border-bottom: 1px dotted #000;width: 180px;
}
</style>
<div class="stats"><img src="http://i45.tinypic.com/2cnz79i.jpg"/><script style="text/javascript">
function numberOfPosts(json) {
document.write('Posts: <i>' + json.feed.openSearch$totalResults.$t + '</i><br>');
}</script>
<script src="URL_SEU_BLOG/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script></div>
<div class="stats"><img src="http://i45.tinypic.com/17y71f.jpg"/><script style="text/javascript">function numberOfComments(json) {
document.write('Comentários: <i>' + json.feed.openSearch$totalResults.$t + '</i><br>');
}</script>
<script src="URL_SEU_BLOG/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></div>
<div class="stats"><img src="http://i46.tinypic.com/okwuaq.jpg"/><script language="JavaScript" type="text/javascript" src="http://www.usuariosonline.org/ver.php?domain=URL_SEU_BLOG" charset="ISO-8859-1"></script> usuários online</a>
</div>

Onde está dessa cor é para você alterar o estilo da borda, mas você pode deixar desse jeito mesmo, caso queira.

Onde está dessa cor é para você alterar o ícone que aparecerá ao lado de cada item, mas você também pode deixar sem.

E o que está dessa cor é para você colocar o link do seu blog. Não se esqueça de colocar o http://