Gadget "Status do blog"

|
Tumblr_m8vut973vt1rvffbjo1_500_large
Quem vem sempre aqui já deve ter visto no final da sidebar o gadget "Stats" que mostra quantos visitantes estão no blog, quantos comentários já foram feitos e quantas postagens já foram publicadas. Hoje eu trouxe para vocês o código deste gadget pronto, com todos os scripts e com ícones fofos. O resultado será parecido com esse:
TUTORIAL CORRIGIDO
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://cherry-liah.blogspot.com/feeds/(...)

Depois é só salvar o gadget. Se usarem creditem o Cherry Bomb -please.
Não se assustem se eu ficar uns três dias sem postar. É que estou cheia de coisas para fazer e está sobrando pouco tempo para o blog. ┐(‘~`)┌  Vou continuar atualizando, mas os posts serão assim, com intervalos de três dias ou mais. Espero poder voltar ao normal em breve...
Obrigada a quem está sempre comentando aqui no blog, especialmente: NizerNesu ChanLuiz Gustavo, Francelle, Manu e Luly 

Kissus, Liah


136 comentários

  1. Adorei! Vou usar no próximo design!
    Imastoryne.blogspot.com

    ResponderExcluir
  2. Estará no meu blog. : D
    fica em resultado lindo.
    teenageplus.blogspot.com

    ResponderExcluir
  3. Eh 3ª,\o/
    Não deu certo :( não aparecia o número de comentários...
    Pode tentar me ajudar?
    http://helenabandas1dl.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. lá no ultimo URl_DO_BLOG veja que falta uma " (aspa) dai você coloca e também note que falta uma / (barra) ai você coloca e pronto :) espero ter ajudado

      Excluir
  4. Se você curte fazer sorteios, concursos em seu blog, que tal anunciar isso?
    Agora você pode! No blog CinderellaNerd criou uma tag chamada #Participe! É aonde vc anunciara o seu concurso/sorteio. Ficará uma semana na pagina Participe! E em uma postagem! Não é um máximo?! E tem mais: Você pode anunciar quantas vezes quiser!! Pra anunciar é muito fácil! Clique no link para saber como!

    http://cinderellanerd.blogspot.com.br/2012/08/participe.html

    ResponderExcluir
  5. Adoreiii , talvez eu use no proxiimo ><
    photoscape-perfeito.blogspot.com

    ResponderExcluir
  6. Super legal o tutorial, vou usar agora mesmo. Créditos a você! (:
    http://yanmgomes.blogspot.com.br/

    ResponderExcluir
  7. Muito lindo, obrigado por me ajudar.
    Estará no meu próximo layout :)
    beijos

    www.semuser.blogspot.com

    ResponderExcluir
  8. o meu tbm não deu certo ;//

    arrasougarota.blogspot.com

    ResponderExcluir
  9. Que legal super prático esse tutorial!

    ResponderExcluir
  10. Este comentário foi removido pelo autor.

    ResponderExcluir
  11. Que legal que estou ai, eu pedi o tuto ontem e a Liah publicou, sei que não foi só eu mais adorei!
    Que pena que não tá postando com tanta frequencia, mesmo assim, 5,6 visitas por dia será minha.
    Bang Teen

    ResponderExcluir
  12. Fica lindo, já testei mas não deu muito certo Liah porque o número de comentários não apareceu. Espero que possa sempre atualizar o CB.

    Um beijo,
    http://world-cutest.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Na primeira vez o meu também não apareceu A.Carollyne {World Cutest}, então fui dar uma pequena olhada no código e vi que tinha esquecido de colocar o link do meu blog, lá embaixo na onde pede, e quando coloquei, os comentários apareceram!

      Excluir
  13. Achei um máximo. Mais não funcionou, a unica coisa que aparece é os visitantes online e só :/

    http://livroslovers.blogspot.com.br/

    ResponderExcluir
  14. Perfeito, estava louca para saber, para colocar no meu próximo layout ♥
    Beijos Liah, arrasou diva :3
    http://www.viciadasemcupcake.blogspot.com.br/

    ResponderExcluir
  15. Oi o meu só não deu certo os comentários que não aparece os números ,acho que esta faltando colocar o link do blog para ele???
    beijos adoro aqui

    ResponderExcluir
  16. Oiii Liah! Eu estava mesmo precisando desse tutorial, fiz só que deu erro, o blog ñ quis mais entrar. Fiz alguma coisa errado?
    Bjs Ingrid

    ResponderExcluir
  17. Oi, pode ensinar como deixar o fundo de uma imagem transparente?
    bjus

    ResponderExcluir
  18. Liah .. estou usando em meu blog, só que não está aparecendo o numero de comentários, teria como me ajudar ?

    ResponderExcluir
  19. Que coisa mais linda Liah, sempre fazendo esses tutos perfeitos. Esse Stats é realmente lindo, adorei. Quanto tempo não venho aqui, meu tempo está realmente mega corrido, mas agora prometo sempre aparecer hein !

    Kisses,
    Lary
    #~~>http://the-lovers-official.blogspot.com/

    ResponderExcluir
  20. O resultado fica lindo Liah *-* Eu uso uma outra forma de Status lá no Blog sabe? Mas essa dai é linda tbm *-*
    Se der, passa lá :)
    http://blog-part-of-me.blogspot.com/

    ResponderExcluir
  21. OLHA LIAH ,EU Amei liah! ai liah so você ne ?
    ->http://smileretro.blogspot.com.br/

    ResponderExcluir
  22. Aiin, adorei! Concerteza vou usar :D
    Beijos
    menina-delicada.blogspot.com

    ResponderExcluir
  23. Fica bem bonitinho mesmo, ótimo tutorial ^.^
    Vou estar sempre aqui visitando :D

    Beijos
    www.garotadeallstar.com

    ResponderExcluir
  24. vou usar ^^ adorei, toda a informação importante

    ResponderExcluir
  25. Adorei o tutorial! Só uma divonas kk' igual a você para postar perfeições dessas!

    Não me acorde, estou sonhando!

    Bjus ;*

    ResponderExcluir
  26. gostava de saber como se coloca o Afiliados | Link-me | Créditos no status tal como tens no teu blog senão não tenho local para colocar os creditos - só quando me responderes é que coloco o status no meu blog ^^
    vivernumt0.blogspot.pt

    ResponderExcluir
  27. Fica bem legal, bom saber como faz;)
    Ótimo tutorial.
    Beijos,
    http://menina-do-sol.blogspot.com.br/

    ResponderExcluir
  28. Ótimo tutorial!! Já vi um monte de blogs com esse gadget!! Um abraço!!

    ~> dicasblogspot-db.blogspot.com

    ResponderExcluir
  29. Aaah adorei *--*
    Fica muito kawaii o status com imagens >////<

    Comecei meu blog agora e como sempre, precisei de alguns tutoriais x3 ~
    O sue tem tantos... é cada um mais divo que o outro! Fostes de grande ajuda >~<

    Kissus ♥~~ ฅ(●ัε●ัฅ))))
    http://onigiriwarai.blogspot.com/

    ResponderExcluir
  30. Já tá láa (:

    <a href="http://hiper-girls.blogspot.com> Hiper Girls! </a>

    ResponderExcluir
  31. Adoreei a dica, visita meu blog la :)

    http://uumsimplesmenino.blogspot.com.br/

    ResponderExcluir
  32. Amei Liah "! sempre arrazando

    e AMEI seu blog de paixão muito lindo e de deixar todos de cabelo em pé
    estou seguindo então se puder segue de volta?
    http://cute-line.blogspot.com.br/

    ResponderExcluir
  33. amei o tutorial, acho lindo seu trabalho! gata queria que fizesse um layout pra eu tipo menina rebelde ><' please?
    vst lá, espero resposta
    http://smurfete-trilouca.blogspot.com.br/

    ResponderExcluir
  34. http://jenniferjonsonofficial.blogspot.com.br/

    ResponderExcluir
  35. Liah, seu blog é incrível! Tô encantada com o tanto de coisas legais que tem aqui! parabéns pelo excelente trabalho!

    Quanto ao tutorial, gostei tanto que coloquei no meu blog! Muiito legal! ;)

    Aproveito pra te convidar à conhecer minha loja virtual e meu blog!

    LOJA: www.bbfvirtual.com.br
    BLOG: http://www.boldbravefree.blogspot.com.br/

    Beijos ;***

    ResponderExcluir
  36. Nossa que tutorial legal,gostei
    Muito bem elaborado :D

    http://dezapaixao.blogspot.com.br/

    ResponderExcluir
  37. Oi linda eu queri muito que pudessem dar uma forcinha seguindo meu blog preciso muito de ajuda se puderem é só seguir http://tmjwallpapers.blogspot.com.br
    e nem preciso dizer que já estou usando esse tuto né!!!! bjsss lindas!!!

    ResponderExcluir
  38. Ameei *-* vou ver se uso ele no proximo lay que eu fizer no blog ;)

    Beijos ;*
    Tem sorteio lá no blog
    www.thalitamaia.com

    ResponderExcluir
  39. Oi Lia agora deu certo obrigada,beijos:)

    ResponderExcluir
  40. Amei! Há tempos que estava procurando por isso e vou colocar agora em meu blog. Espero que possa continuar postando no CB normalmente :)

    Beijos,
    Anna
    http://garota-queen.blogspot.com/

    ResponderExcluir
  41. Adorei Liah !!!
    Não sei o que seria meu blog sem seus tutos !,
    http://oficial4everteen.blogspot.com

    ResponderExcluir
  42. Bem legal o tutorial, e o resultado fica bem fofo!
    Quer participar do concurso do meu blog? Entre nesse site:
    oblogdablogueira.blogspot.com.br/2012/08/qual-e-o-blog-que-esta-bombando-na.html
    Tee espero lá.

    ResponderExcluir
  43. Ameeei semp quis saber :]

    -->;http://planosimpossiveis13.blogspot.com.br/

    ResponderExcluir
  44. Muito legal o tutorial mas eu queria saber como fazer para colocar desde:... e etc..
    Bjoos

    http://unhaseesmaltesdicas.blogspot.com.br/

    ResponderExcluir
  45. Liah, adorei o tutorial, você é como se fosse uma "mãe blogueira", rs.

    Beijos,
    http://paraisodemenina.blogspot.com/

    ResponderExcluir
  46. Adorei e já estou usando,beijão

    http://revolutionstartshere-oficial.blogspot.com.br/

    ResponderExcluir
  47. Ah, sabe que eu sempre fiquei muito curiosa pra saber como você fez esse gadjet para colocar os status d blog. Agora eu sei. Gosto quando você explica, parece que fica ainda mais fácil. E outra, o resultado é lindo! Ah, e obrigada por colocar meu nome ali como aqueles que estão comentando bastante no CB, eu viciei no seu blog e o mínimo que eu posso fazer é ser uma leitora fiel! Um beijo.
    the-zombie-attack.blogspot.com

    ResponderExcluir
  48. amei, d mais jah ta la no blog, e jah creditei na pág. créditos, se quiser ver!!!

    sweetsecretfantasy.blogspot.com.br

    ResponderExcluir
  49. Bem interessante esse tuto, deixa o blog com um ar mais profissional!
    Liah, passando pra falar que acabei de publicar a entrevista! Dá uma olhadinha lá depois... Ah, e se não gostar de alguma coisa, me avisa ;)

    Beijos ♥ Jeito Único

    ResponderExcluir
  50. Este tutorial é realmente muito útil,talvez eu use no meu próximo layout para o blog!Bjs
    http://balaios-sonhos.blogspot.com

    ResponderExcluir
  51. ótimo o tuto Liah, vai ajudar mt
    dá uma olhada no meu blog? obrigada beijos

    http://www.bombadeestilo.blogspot.com.br/

    ResponderExcluir
  52. Amei de verdade o tutorial :)
    Acho que também já tinha perguntado a você como fazia, por comentário (?)
    Creio que vou adicionar em breve lá no SDM, fica muito lindinho *---*

    Até breve ^-^ ♥
    http://sorvete--de--morango.blogspot.com/

    ResponderExcluir
  53. Liah, adorei isso, vou colocar no meu próximo Lay!

    http://teen-girl-luuh.blogspot.com.br/

    ResponderExcluir
  54. Awn' é tão fofo *u*
    Acho que vou colocar no meu blog ^^

    Kissus~~> http://macherieoficial.blogspot.com.br/

    ResponderExcluir
  55. Achei lindo liah continua fazendo sempre um bom trabalho

    ResponderExcluir
  56. SO VOCÊ NER LIAH! ? EU AMEI O TUTO ~
    ->http://smileretro.blogspot.com.br/

    ResponderExcluir
  57. gostei muito , vou usar no proximo lay
    parabens pelo blog , ele e muito lindo
    http://originalgirls1.blogspot.com.br/

    ResponderExcluir
  58. Gostei ^-^

    http://neverstopsmile.blogspot.com.br/

    ResponderExcluir
  59. Nossa obrigado mesmo!! Ficou muito legal aki meu blog. Obrigado viu seu blog me ajuda muito.

    -> http://mundomaisbella.blogspot.com.br/



    ResponderExcluir
  60. ÓÓwwn, que fofa tu me citando no post querida! Eu te enteendo sobre essa falta de tempo..mal comecei o semestre da faculdade e já tô com os horários enchendo tbm...rsrs

    Adorei o tutorial, até porque eu já cansei de tentar colocar esse gadget no meu blog e nunca dá certo...vou tentar de novo, até porque confio muito nos códigos aqui do CB, eles sempre funcionam maravilhosamente bem! haháá

    Beeijo
    www.blogmymemories.com

    ResponderExcluir
  61. Também gostei muito mas não funcionou! Só apareceu três imagens e mais nada.
    bj
    Lu
    www.sempre-belas.blogspot.com

    ResponderExcluir
  62. Adorei o tutorial, fica bem legal :)

    Beijos,
    www.placestyle.com

    ResponderExcluir
  63. Oii me segue e divulga pf ! Eu to chorando aqui por seguidores >> http://love-you-and-me-love.blogspot.com.br/

    ResponderExcluir
  64. Olá Liah!

    Adoro seu cantinho, tudo que vc nos ensina!
    Adorei essa dica vou tentar colocar lá no meu blog, vamos ver se consigo!
    Bjoss

    ResponderExcluir
  65. Muito legal,já estou usando no meu blog :D

    http://querido-livro.blogspot.com.br/

    ResponderExcluir
  66. vc poderia fazer um tuto de como colocar música no blog tipo o daqui?? obg! parabéns pelo blog

    ResponderExcluir
  67. vc poderia fazer um tuto de como colocar música no blog tipo o daqui?? obg! parabéns pelo blog

    ResponderExcluir
  68. Eu usei Liah, espero que você possa ver lá, se gostar, pode comentar?
    Beijos
    segredos-deumapoeta.blogspot.com

    ResponderExcluir
  69. Oooi adorei seu blog, muito fodo *-*
    Estou te seguindo, adoraria que desse uma passadinha no meu, e se gostar segue lá!
    beijooos.. :*

    http://partofmepamelaguedes.blogspot.com.br/

    ResponderExcluir
  70. Oii,amei seu blog,fala sobre coisas muito interessantes, AMEEI muito mesmo!!
    Da uma olhadinha no meu blog,ele tá começando e eu to precisando de uma forcinha

    http://www.blogbolinhodearroz.blogspot.com.br/

    ResponderExcluir
  71. Adorei o tutorial, estou seguindo e estou usando o status também o/ Muito simples e rápido *-*
    Se puder seguir de volta (: Beijos, http://monstersinteractive.blogspot.com.br/

    ResponderExcluir
  72. Oii amei esse tutorial, deu super certo

    Bezzus
    keepcalm-anddance.blog...

    ResponderExcluir
  73. ahh, o meu nem deu certo!
    mas ótimo tutorial!

    Beijos.
    secret-image-fran|blogspot

    ResponderExcluir
  74. Este comentário foi removido pelo autor.

    ResponderExcluir
  75. Amei '-
    *--*
    meupalaciocorderosa.blogspot.com.br

    ResponderExcluir
  76. Amei e já estou usando! *--*

    makemeshineedicoes.blogspot.com

    ResponderExcluir
  77. OOOI!Ajudou mt e eu to usando viu??
    Brigadinho
    Passa lá e vê!

    meumundotoopfashion
    beijos

    ResponderExcluir
  78. Adorei, tava procurando esse... Liah, adorei seu blog ele é incrível!! Posso postar o tuto no meu blog?

    http://blog-
    espelhodigital.blogspot.com

    ResponderExcluir
  79. amei, estou usando e já creditei (:

    ResponderExcluir
  80. Amei e já estou usando.
    Também já está creditado na página de "Créditos" do meu blog:
    http://recantodafadaalice.blogspot.com.br/

    ResponderExcluir
  81. Ameiii, vou fazer no meu blog flor! Obrigadiinha *---*
    Beijos, Somente Uma Direção
    By: Dani Carvalho
    http://somente-uma-direcao.blogspot.com/

    ResponderExcluir
  82. Oii , amei o tutorial .. Estava procurando e não achava , me ajudou muito obiada :)

    http://mundobackgroundperfect.blogspot.com.br/

    ResponderExcluir
  83. O meu deu super certo!
    mas eu não sei como colocar o dia do aniversario do blog e a postadora
    pode me ensinar???
    http://bluebr0wnie.blogspot.com.br/

    ResponderExcluir
  84. Não ta dando , não aparece o webmiss nem o online desde quando eu to on .. me ajuda ????

    ResponderExcluir
  85. oooi, queria saber porque só esta prestando o posts, comentaros e o numero de usuarios online ???
    Só ta aparecendo isso, queria q aparecesse também Webmiss e desde :x
    Obg, olha láa pff, só ta aparecendo isso mesmo. espero q me ajude
    http://comentariosde1garotaqualquer.blogspot.com.br/

    ResponderExcluir
  86. estou usando
    http://graphics-of-fame.blogspot.com.br/

    ResponderExcluir
  87. estara no meu blog adoro este blog!!!fofoquinhainocentes.blogspot.com entrem vcs vao gostar

    ResponderExcluir
  88. Muito obrigada, Liah! Me ajudou bastante.

    ResponderExcluir
  89. Olá! Cherry!
    Saberia me dizer porque não apareceu a data de aniversário do meu blog ?
    Fiz tudo certinho. *_* Please!
    Beijos!Obrigado!
    sweetbulunga.blogspot.pt

    ResponderExcluir
  90. Oi sou fã do seu blog só que esse tutorial quando fui colocar ele no meu blog só ficou quantos visitantes tem online
    olhe aqui no meu blog:
    www.worldfashionteen2.blogspot.com

    ResponderExcluir
  91. Obrigada, amo todos os seus tutoriais, eles me ajudam muito no designer do meu blog, cada um é mais perfeito que o outro :)

    ResponderExcluir
  92. não consegui, ficou só o tanto de pessoas online . Mais parabéns pelo seus tutoriais são otimos .
    www.umpooucodemiim.blogspot.com

    ResponderExcluir
  93. Muito legal! ;D
    http://lenorclub.blogspot.com.br/#

    ResponderExcluir
  94. no meu blog tem status e é mil vezes mais facil!!!
    http://cherry-land-official.blogspot.com.br/

    ResponderExcluir
  95. coloquei no meu blog http://sonhodetodoselenator.blogspot.com/

    ResponderExcluir
  96. coloquei no meu blog http://nandawebsluarcmf.blogspot.com.br/

    ResponderExcluir
  97. Como faz pra colocar o do aniversário?

    ResponderExcluir
  98. Coloquei no meu blog mas só apareceu os visitantes,comentários e os usuários acho que fiz algo errado!

    tudoqueeuseiquesei.blogspot.com.br

    ResponderExcluir
  99. O meu não apareceu o numero de comentários! :(
    http://diariodanesa.blogspot.com.br/

    ResponderExcluir
  100. Ameei, ficou super bonitinho no meu, só que não apareceu o do aiversário .. :\\

    http://divinaimperfeicao.blogspot.com

    ResponderExcluir
  101. Adorei estou usando no meu blog, *-*
    http://safiraejeansvelho.blogspot.com.br/

    ResponderExcluir
  102. poderia me ajudar não ficou igual...

    ResponderExcluir
  103. Olá , sou do blog '' Flor de Menina '' amei o post e consegui fazer , muito obrigada *_*.
    Poderia seguir o meu blog ?? Amei o seu e já estou seguindo . Mill oxoxox.
    Beijus Bruna.
    URL do meu Blog :
    http://dicascombrunamaia.blogspot.com.br/

    ResponderExcluir
  104. Oii no meu blogger deu certinho

    Créditos a você!

    ResponderExcluir
  105. No meu blog deu certo! Obg.

    Sigam: www.garotada-lua.blogspot.com

    ResponderExcluir
  106. Este comentário foi removido pelo autor.

    ResponderExcluir
  107. Eoo gosty º.º
    Eu não to achando icones com 16x16 Y^Y
    Gostaria de fazer parceria?

    http://devaneiosdeumapequenasonhadora.blogspot.com.br/

    ResponderExcluir
  108. Eu amei ,mas não está aparecendo o número de postagens nem de comentários ,tem como me ajudar ? Obg

    ResponderExcluir
  109. Vlw... Primeira vez no seu blog.
    Gostei...

    ResponderExcluir
  110. Tenho 2 blogs esse aqui é o novo: http://cherryspurple.blogspot.com.br/

    to precisando de alguem pra me ajudar!

    ResponderExcluir
  111. Ameii .. e estou usando !

    http://worldofdolloff.blogspot.com/

    ResponderExcluir
  112. Adorei a ideia.
    By: Pâmela e Pollyana
    http://bestsdamoda.blogspot.com.br/

    ResponderExcluir
  113. Não deu certo no meu :( só aparece "visitantes online"

    ResponderExcluir
  114. Este comentário foi removido pelo autor.

    ResponderExcluir
  115. o meu também não deu certo :( e também só aparece os visitantes online

    >>http://directionerbelieve.blogspot.com.br/ <<

    ResponderExcluir
  116. usando .....
    contatudosobrekarinasilva.blogspot.com.br

    ResponderExcluir
  117. Usei ! Pode conferir : http://umaestudanteblogueira.blogspot.com.br/

    ResponderExcluir
  118. Como faz para acrescentar ou tirar coisas?
    Tipo: tirar o numero de visitantes e colocar a sigla do blog.

    ResponderExcluir
  119. Estou Usando!! Vai Lá Conferir: lovecomamor.blogpost.com

    ResponderExcluir
  120. Achei lindo, já estou colocando no meu blog! :D

    www.liomanga.blogspot.com

    ResponderExcluir

Related Posts Plugin for WordPress, Blogger...