Tutorial : Como colocar Gadget "Status do Blog"

Eu acho muito legal os gadget com status,
fica um espaço de informações do seu blog:

Posts: ♥

Comentários: ♥

Fica assim, e você pode mudar a imagem, e colocar outra :D

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

  
<style>
    /*Gagdet Status por universodemenina.blogspot.com/*/
    .stats {
    border-bottom: 1px dotted #000;width: 180px;
    }
    </style>
    <div class="stats"><img src="Link da Imagem"/><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="Link da Imagem"/><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="Link da Imagem"/><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>

URL_SEU_BLOG, coloque o endereço do seu blog.
Link da Imagem, coloque a sua imagem, dica: coloque imagens de formato PND.

 

 

E ficou pronto :D