Gadget "Status do blog"

    

Oiiie meninas mais um tutorial para vocês, acho que muita gente deve ter essa duvida que vai ser resolvida agora com esse tutorial um exemplo:

vamos sigam-me os bons?

Vá em layout -> adicionar gadget -> HTML/JavaScript e cole:

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

E o que está dessa cor você vai substituir pelo link do seu blog com o http:// na frente.

Fonte:  (www)