GadGets : Status do blog

Oiê Meninas , Tudo bem ?

Hoje Vim trazer um tutorial super Fácil Para seu blog! 

Aprendi ele no : Cherry Bumb

Então Vamos ao tutorial .

O resultado vai ficar assim :

Bom , Para instalar , é só Adicionar Um Gadget : HTML/JavaScript 

Cole o seguinte 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>

Oque você Vai Modificar é :

O que está de verde é o estilo da borda entre uma linha e outra , você pode alterar ou deixar como está.

O que está de azul  , é a imagem que aparece do lado de cada item .Você pode substituir pela url da imagem 

que desejar , de preferencia , no tamanho 16x16 . Você Pode achar vários aqui.

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

Depois é só salvar! Kissus