Páginas

17 agosto 2012

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


135 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. Adoreiii , talvez eu use no proxiimo ><
    photoscape-perfeito.blogspot.com

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

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

    www.semuser.blogspot.com

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

    arrasougarota.blogspot.com

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

    ResponderExcluir
  9. 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
  10. 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
  11. Achei um máximo. Mais não funcionou, a unica coisa que aparece é os visitantes online e só :/

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

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

    ResponderExcluir
  13. 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
  14. 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
  15. Oi, pode ensinar como deixar o fundo de uma imagem transparente?
    bjus

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

    ResponderExcluir
  17. 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
  18. 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
  19. OLHA LIAH ,EU Amei liah! ai liah so você ne ?
    ->http://smileretro.blogspot.com.br/

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

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

    Beijos
    www.garotadeallstar.com

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

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

    Não me acorde, estou sonhando!

    Bjus ;*

    ResponderExcluir
  24. 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
  25. Fica bem legal, bom saber como faz;)
    Ótimo tutorial.
    Beijos,
    http://menina-do-sol.blogspot.com.br/

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

    ~> dicasblogspot-db.blogspot.com

    ResponderExcluir
  27. 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
  28. Já tá láa (:

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

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

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

    ResponderExcluir
  30. 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
  31. 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
  32. http://jenniferjonsonofficial.blogspot.com.br/

    ResponderExcluir
  33. 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
  34. Nossa que tutorial legal,gostei
    Muito bem elaborado :D

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

    ResponderExcluir
  35. 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
  36. Ameei *-* vou ver se uso ele no proximo lay que eu fizer no blog ;)

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

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

    ResponderExcluir
  38. 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
  39. Adorei Liah !!!
    Não sei o que seria meu blog sem seus tutos !,
    http://oficial4everteen.blogspot.com

    ResponderExcluir
  40. 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
  41. Ameeei semp quis saber :]

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

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

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

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

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

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

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

    ResponderExcluir
  45. 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
  46. amei, d mais jah ta la no blog, e jah creditei na pág. créditos, se quiser ver!!!

    sweetsecretfantasy.blogspot.com.br

    ResponderExcluir
  47. 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
  48. Este tutorial é realmente muito útil,talvez eu use no meu próximo layout para o blog!Bjs
    http://balaios-sonhos.blogspot.com

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

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

    ResponderExcluir
  50. 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
  51. Liah, adorei isso, vou colocar no meu próximo Lay!

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

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

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

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

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

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

    ResponderExcluir
  56. Gostei ^-^

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

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

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



    ResponderExcluir
  58. ÓÓ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
  59. Também gostei muito mas não funcionou! Só apareceu três imagens e mais nada.
    bj
    Lu
    www.sempre-belas.blogspot.com

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

    Beijos,
    www.placestyle.com

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

    ResponderExcluir
  62. 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
  63. Muito legal,já estou usando no meu blog :D

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

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

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

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

    ResponderExcluir
  67. 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
  68. 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
  69. 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
  70. Oii amei esse tutorial, deu super certo

    Bezzus
    keepcalm-anddance.blog...

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

    Beijos.
    secret-image-fran|blogspot

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

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

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

    makemeshineedicoes.blogspot.com

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

    meumundotoopfashion
    beijos

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

    http://blog-
    espelhodigital.blogspot.com

    ResponderExcluir
  77. 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
  78. Ameiii, vou fazer no meu blog flor! Obrigadiinha *---*
    Beijos, Somente Uma Direção
    By: Dani Carvalho
    http://somente-uma-direcao.blogspot.com/

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

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

    ResponderExcluir
  80. 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
  81. Não ta dando , não aparece o webmiss nem o online desde quando eu to on .. me ajuda ????

    ResponderExcluir
  82. 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
  83. estou usando
    http://graphics-of-fame.blogspot.com.br/

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

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

    ResponderExcluir
  86. 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
  87. 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
  88. Obrigada, amo todos os seus tutoriais, eles me ajudam muito no designer do meu blog, cada um é mais perfeito que o outro :)

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

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

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

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

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

    ResponderExcluir
  94. 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
  95. O meu não apareceu o numero de comentários! :(
    http://diariodanesa.blogspot.com.br/

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

    http://divinaimperfeicao.blogspot.com

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

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

    ResponderExcluir
  99. 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
  100. Oii no meu blogger deu certinho

    Créditos a você!

    ResponderExcluir
  101. No meu blog deu certo! Obg.

    Sigam: www.garotada-lua.blogspot.com

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

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

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

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

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

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

    to precisando de alguem pra me ajudar!

    ResponderExcluir
  107. Ameii .. e estou usando !

    http://worldofdolloff.blogspot.com/

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

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

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

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

    ResponderExcluir
  111. usando .....
    contatudosobrekarinasilva.blogspot.com.br

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

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

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

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

    www.liomanga.blogspot.com

    ResponderExcluir