Tutorial Gadget "Status do Blog"

Oiee pessoal tdbm? 

Vamos fazer um tutorial bem cut e simples do Status do Blog. Fica muito fofo. Vamos lá??!!

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:

<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>

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://mcmodelo.blogspot.com.br/"

Creditos: Cherry Bomb

Pronto, bem facil né? Espero que tenham gostado. Tchauzinho e até o prox post!

Se reblogar de Creditos!!