Como colocar Status no seu blog - Gadget

Andy-3-black-veil-brides-21277605-500-333_large

Oi amores! Hoje vim postar um tutorial que aprendi agora e que muitos blogs precisam saber "como botar status no seu blog" aprendi no blog da CHERRY BOMB!
Irei tentar ensinar espero que gostem e que consigam aprender ;D
(Pra quem não sabe a foto é do Andy Biersack do Black veil brides. Uma das minhas bandas de rock preferida ;D ).

Tumblr_mi0kplq2t01rwx6nao1_500_large

Bom vamos começar. O tal status mostra quantos comentários você já teve, quantas visitas e etc. é bem útil e tenho certeza que você vai gostar! É bem usado, vários blogs estão usando inclusive o nosso!
Vamos ao tutorial ;)
(imagem da cherry)

você vai em layout, adicionar um Gadgets, HTML/JavaScript e cole este codigo:
<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>

agora é só editar! 
o que esta de azul; é o icone que você pode modificar com qual quiser!
o de verde: é o estilo da borda!
"URL_SEU_BLOG/feeds/comments/default?alt=json-in-script&callback=numberOfComments" você só precisa colocar o url do seu blog ex:
http://traduza-me.blogspot.com.br//feeds/comments/default?alt=json-in-script&callback=numberOfComments
Então é isso! Espero que tenham gostado. Beijos&Queijos!

Nenhum comentário: