Gadget de Status

Hello amiguinhos ♥ , hoje o tutorial é de como fazer um status, que fica bem fofo e resume tudo {na minha visão}. Muitos blogs por ai usam muito, porque é bem legal porque ele se atualiza só. Vamos aprender?

Passo a Passo

♥ Você vai entrar no blogger e clicar em Layout → clique em Adicionar Gadget → Html/Java Script e cole esse código abaixo:

<style>
/*Gagdet Status por www.naatysousa.blogspot.com | não retire os créditos plágio é crime*/
.stats {
border-bottom:2px dashed #FFC0CB;width: 165px;}
}
<!--inicio numero de posts---------->
</style>
<div class="stats"><img src="http://3.bp.blogspot.com/-8-9YtuV4tjo/UOgyTyGTwyI/AAAAAAAAGxc/hIGnt_guMjU/s1600/favicons+para+blog+e+tumblr+(62).gif"/><script style="text/javascript">
function numberOfPosts(json) {
document.write('Posts: <i>' + json.feed.openSearch$totalResults.$t + '</i><br>');
}</script>
<script src="LINK_DO_SEU_BLOG/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script></div>
<!--fim numero de posts---------->
<!--inicio numero de comentários---------->
<div class="stats"><img src="http://blogmodaparameninas.com/wp-content/uploads/2013/12/8-3.png"/><script style="text/javascript">function numberOfComments(json) {
document.write('Comentários: <i>' + json.feed.openSearch$totalResults.$t + '</i><br>');
}</script>
<script src="LINK_DO_SEU_BLOG/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></div>
<!--fim numero de comentários---------->
<!--inicio usuarios online ---------->
<div class="stats"><img src="http://i51.tinypic.com/24v3akl.gif"/><script language="JavaScript" type="text/javascript" src="http://www.usuariosonline.org/ver.php?domain=LINK_DO_SEU_BLOG" charset="ISO-8859-1"></script> Usuários On
</div>
<!--fim usuarios online---------->
<!--inicio tempo do blog---------->
 <div class="estatus"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA0r4q4XXXItoxh4UspiIqU1M2S3tSt1-jmvqgpix3FxTGZ1UdSxNvnhRjHhlQ9A41UnVfSiS95kUdOfWHpP1ZuVPhg-TTdWAxokJMIHX7_fQScS7Q_OLPdd3RaAjrdtG1NY42Lrs8GeC-/s1600/015.gif"/><script language="JavaScript" type="text/javascript"></script> Desde:DATA_AQUI</div>
<!-- fim tempo do blog------------->

<!--inicio meta de seguidores---------->
<div class="estatus"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUWUli2BgknqeK2yg05_iRl8MYdW_Q2jkoGWdZaG0HaVj7vO4NNoUQ5D88MyWdJUiRoGAk9bpRyK6DvtWAsYvSgbhFcJu3gt0xynhF4lYmk0kt_OoEb5Fj8kyJ5ZnVWghFY_O1wL-Z6ByV/s1600/031.gif" /> Meta: NUMERO_DA_SUA_META seguidores
</div>
<!--fim meta de seguidores---------->

Explicando o código

Apesar do código tá já explicado, vou explicar parte por parte para facilitar os iniciantes.

• Onde está assim, é a personalização das linhas que divide [tamanho{2px} , estilo{dashed}, cor {#ffc0cb}  e largura{165px}] , você personaliza do jeito que é a sua sidebar.
• Onde está assim, você vai colocar o link do seu blog {lembrando do http:// antes, ex: http://naatysousa...}
• Onde está assim, você vai colocar a data que seu blog teve ínico, ex: 21/08/2014
• Onde está assim,você vai colocar o num de seguidores que você desejaria ter {apague só onde estiver marcado!}

O código já esta com os favicons, então não precisa procurar {já coloquei pra não ser mais complicado}

Espero ter ajudado vocês, bjs ♥
~naty