Tuto: Gadget Status

Quem nunca viu o gadget"Stats" que mostra quantos visitantes estão no blog, quantos comentários já foram feitos e quantas postagens já foram publicadas. Hoje eu trouxe para vocês o código deste gadget pronto, com todos os scripts e com ícones fofos. O resultado será parecido com esse:

Para instalar é só colocar um o código abaixo em um gadget de HTML/Javascript:

<div style="border-bottom: 1px dotted #d1d1d1;"><img src="http://i45.tinypic.com/2cnz79i.jpg"/><script style="text/javascript">
function numberOfPosts(json) {
document.write('Posts: ' + json.feed.openSearch$totalResults.$t + '<br>');
}</script>
<script src="URL_SEU_BLOG/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script></div>
<div style="border-bottom: 1px dotted #d1d1d1;"><img src="http://i45.tinypic.com/352rwq8.jpg"/><script style="text/javascript">function numberOfComments(json) {
document.write('Comentários:  + json.feed.openSearch$totalResults.$t + '<br>');
}</script>
<script src="URL_SEU_BLOG/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></div>
<div style="border-bottom: 1px dotted #d1d1d1;"><img src="http://i46.tinypic.com/20htusm.jpg"/> <script language="JavaScript">
var ref = (''+document.referrer+'');
document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID1599570&e1=Visitante online&e2=Visitantes online&r=' + ref + '"><\/script>');</script></div>

O que você vai modificar é:

*O que está desta cor é o estilo da borda entre uma linha e outra, você pode alterar ou deixar como está;
*O que está desta cor é a imagem que aparece ao lado de cada item. Você pode substituir pela url da imagem que desejar, de preferência no tamanho 16x16 pixels. Você pode achar vários aqui;
*E o que está dessa cor você vai substituir pelo link do seu blog com o http://na frente. Por exemplo: <script src="http://cherry-liah.blogspot.com/feeds/(...) 

Creditos:Cherry Bomb