05 janeiro 2013

Como colocar Gadget de "status" no blog

em 05 janeiro 2013

11 comentários

Olá Desvendadores de Segredos, como vocês estão?
Hoje Vim trazer um tutorial super Fácil Para seu blog, que é de como colocar um Gadget de "Status" na barra lateral do seu blog eu aprendi ele no : Cherry Bomb


Para instalar , é só Adicionar Um Gadget : HTML/JavaScript 
E depois colar 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>
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://cherry-liah.blogspot.com/feeds/(...)

Depois é só salvar o gadget. Se usarem creditem o Cherry Bomb -please.

11 comentários :

  1. Mt útil, consegui!

    Bjs.
    http://olhardeumatimida.blogspot.com

    ResponderExcluir
    Respostas
    1. Que bom!
      Obrigada pela visita,
      Volte sempre!

      Excluir
  2. gostei bastante pq ainda estou "apanhando" do blog
    http://richelleoliveira.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Que bom :)
      É começo é sempre assim, mas depois aprendemos!

      Excluir
  3. Oiie, tenho um blog, e queria saber como colocar sobre mim, igual o teu. :D Obg

    ResponderExcluir
    Respostas
    1. Oiiii!
      Ok farei um post ensinado flor!

      Excluir
    2. Já fiz o post ensinando, é só clicar aqui no link para ter acesso: Como personalizar o perfil do blogger
      Se quiser saber mais tem a Tag Dicas para Blogueiras

      Excluir
  4. Passando pra dar um oiii... parabéns pelo blog :)
    bjus
    http://lymakeup.blogspot.com.br

    ResponderExcluir

Olá Desvendadores!
Eu modero todos os comentários, porque gosto de ver que chegaram, e de retribuir. Comentem a vontade, mas seguindo essas regras:

• Seguindo , segue de volta ? - Eu aceito, mais fale alguma coisinha sobre o post, e também não minta pra mim, se você seguir, eu vou lá e retribuo.
• Não ofenda ou xingue as pessoas nos comentários
• Pode deixar o link do seu blog que eu retribuirei.

Seguindo essas regras, podem comentar o quanto quiser :)



TOPO