quarta-feira, 20 de março de 2013

Gadgets Status


 */postagem programa/*

Hello hj vim trazer outro tuto de um gadget chamado"Stats" que mostra quantos visitantes estão no blog, quantos comentários já foram feitos e quantas postagens já foram publicadas. o credito vai para o blog Cherry Bomb. O resultado será parecido com esse:

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


<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. Você pode achar vários aqui;
E o que está
 dessa cor você vai substituir pelo link do seu blog com o http:// na frente. Por exemplo: <script src="http://princessofjeans.blogspot.com/feeds/(...)

Depois é só salvar o gadget. 

Kissus, 
Aline

Um comentário:

  1. Oi florzinha!
    Tudo a ver com você e seu espaço!
    Arrase!
    Parabéenss!
    Sucesso!
    Bjkssss
    http://grazpin.blogspot.com.br

    ResponderExcluir