"Vida e opinião de uma mulher de fases"

29 novembro 2013

Como colocar barra com ranking de leitores no blog

Oi femininas, tudo bom?!
No começo desse mês eu consegui terminar de criar o layout para o blog (o que vocês acharam?) e com ele muitas mudanças vieram. Uma delas é a barra de ferramentas do Grumft no final do blog, vamos conhecê-la?

interativa para blogs ranking leitores

Leu? - esse botão serve para cada vez que você ler um post clicar nele. Quando você clica, tem que logar com o a sua conta de Facebook.

Ranking - aqui é onde se mostra os top leitores, os pontos que cada um acumulou,  mensal e geral.

Twitter timeline - clicando aqui, vocês podem ver minhas últimas atualizações no Twitter e me seguir, ainda não me seguiram?? @ludimarasouza

Facebook - curta a fan page do Pf sem sair do blog.

Youtube - aqui você pode ver os vídeos do canal sem sair do blog.


**********************

Agora eu vou ensinar como colocar essa barrinha no seu blog, é bem fácil!

Primeiro você tem que se cadastrar. Para isso acesse o site da Grumft, vá até o final da página e clique em um botão com um lápis.


Introduza os seus dados e clique em enviar.
 ranking leitores Grumft


Agora você vai cadastrar o seu blog e as redes sociais dele.
Grumft


Depois você vai clicar nesse cadeado para validar.
ranking de leitores no blog



Agora você vai colocar o código fornecido pelo Grumft no html do seu blog, é só seguir o que eles te disserem na própria página. 
Depois que fizer isso, volte à página do Grumft e clique em "Validar código".
blog barrinha


Assim que o seu blog for validado, a barrinha aparecerá nele. 
Agora você tem que fazer os ajustes que julgar necessários. Para isso você, na página do Grumft, deve clicar em "Barra", no menu superior. Então aparecerá um menu lateral, cada um com sua função (escolher a cor da barra, adicionar redes sociais e etc.).
como colocar


Prontinho, agora é só avisar os seus leitores de como funciona a barrinha e quem sabe fazer algum sorteio para premiar o top leitor?!.

Gostaram do tutorial? Já tinham essa barrinha??
Besitos!

57 comentários:

  1. Oi, esse post veio na hora exata, eu me cadastrei na semana passada, mas quando coloco o código para validar, não dá certo, fica desconfigurando o restante do blog. Vc tem ideia do que pode ser?
    Fiz exatamente como vc explicou.
    ansiedadefeminina.blogspot.com

    ResponderExcluir
    Respostas
    1. É bom saber que sou de ajuda Anny!
      Olha talvez seja porque seu layout é free. Tente criar um blog de testes com um layout do Blogger mesmo e colocar a barrinha para ver se funciona.
      Qualquer coisa me avisa, tá?!
      Beijos!

      Excluir
  2. Amei o tutorial!
    Já instalei a barra, preparando agora o post para leitor(a) do mês.
    Estou escrevendo uma tag com tema livros, posso te indicar?
    Beijos e sucesso!

    ResponderExcluir
    Respostas
    1. Oi Kalita, pode me indicar sim flor.
      Obrigada!
      Beijos!

      Excluir
  3. Respostas
    1. Que bom que você gostou Chris!
      Beijos!

      Excluir

  4. Olá!!!, Deus seja contigo, tenha um final de semana abençoado,
    amiga dicas maravilhosas SUCESSO AMIGA.
    Blog: http://arrasandonobatomvermelho.blogspot.com.br/
    Canal de youtube: http://www.youtube.com/NekitaReis

    ResponderExcluir
  5. Ótimo este tutorial.

    http://www.my-urban-life.com/2013/11/snow-in-milan.html

    ResponderExcluir
  6. Nossa, não sabe o quanto eu procurei essa informação e não havia achado, até que pedi para uma designer fazer meu layout e ela colocou o top comentaristas e só agora achei em seu blog, acho que esse post vai ajudar muitas meninas, que procuram saber como fazer :)

    Beijos
    www.arafaelasantos.com.br

    ResponderExcluir
    Respostas
    1. Ohh Rafaela, que peninha você não ter achado essa informação antes. Mas fico feliz em saber que posso ajudar outras meninas. Se tiver alguma dica ou dúvida sobre outro tema é só me falar.
      Beijos!

      Excluir
  7. Eu tenho essa barra e gosto bastante! :D

    beeeijos,
    http://www.misssainha.com/

    ResponderExcluir
  8. Ah, que legal.. adorei o tutorial, fica lindo!

    http://destinoincertoo.blogspot.com.br/

    ResponderExcluir
  9. Sempre tentei fazer isso mas nunca consegui hahaha não levo muito jeito para CSS http://conexahollywood.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Oi Jhoyce eu também não levo tanto jeito assim não, comecei querendo fazer meu próprio layout e assim aprendi a fazer algumas coisinhas, e essa barrinha é uma das mais fáceis.
      Beijos!

      Excluir
  10. Humm mto interessante essa barra
    gostei
    http://umagarotacitouu.blogspot.com.br/

    ResponderExcluir
  11. Acho bem legal e super útil!

    http://senhoritapriscila.blogspot.com
    Curti a fan page? (www)
    @priscilafrr,
    beijo.

    ResponderExcluir
  12. Estava procurando por este tutorial e é bem fácil, né? Amei. ♥

    >> Visite o Blog << SIGO DE VOLTA.
    - xoxo –

    ResponderExcluir
    Respostas
    1. É sim Amanda! Bom saber que eu fui de ajuda!
      Beijos!

      Excluir
  13. hum legal eu ja via essa barrinha em vários blog mais nunca toquei para ver o que era

    cherrycharming2.blogspot.com.br

    ResponderExcluir
    Respostas
    1. hahah agora você já sabe Alana.
      Beijos!

      Excluir
  14. Acho bem bacana essa barrinha, vou colocar no meu também ;)
    Adorei a dica!
    Beijos!!!!
    nailmypassion.blogspot.com.br

    ResponderExcluir
  15. Oi Ludimara!!!
    Eu ainda não tenho essa barrinha,adorei o passo a passo!!
    Assim que me sobrar um tempinho vou colocar lá no meu!!
    Ah e seu layout tá lindo.
    Beijos
    http://detudoumpoucosil.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obrigada Silvana! Que bom que você gostou, coloca mesmo flor!
      Beijinhos!

      Excluir
  16. Adorei. Nunca tinha visto essa barrinha.

    BLOG: NAHBOA?!
    FANPAGE: NAHBOA?!
    TWITTER: NAHBOA?!

    ResponderExcluir
    Respostas
    1. Sério?!rsrsr
      Que bom que você gostou!
      Beijos!

      Excluir
  17. Goostei. Vou colocar no meu ♥
    Beijos | do-seu-jeito.blogspot.com

    ResponderExcluir
  18. Adorei a dica!
    vou tentar colocar, fica muito bom!

    Beijinhos, Rê
    http://garotas-urbanas.com/
    Já esta participando do Sorteio especial de Natal??
    Vem http://garotas-urbanas.com/2013/12/01/sorteio-especial-de-natal/

    ResponderExcluir
  19. adorei

    Grande beijo
    umanoitemparis.blogspot.com

    ResponderExcluir
  20. Bom dia lindona!!!!
    Que linda *-*

    bjs

    http://isabellalessa.com/

    ResponderExcluir
  21. Que bacana, gostei das dicas, vou guardar para quando reformular o layout do blog novamente. ;)

    Beijos!
    Clá |blog uma garota carioca|

    ResponderExcluir
    Respostas
    1. Muito bom saber que você gostou Clarissa!
      Beijinhos!

      Excluir
  22. Esta barra de ranking é paga??

    Beijos
    thelacherry.blogspot.com

    ResponderExcluir
  23. Adorei as dicas querida,estava precisando dessas dicas para poder colocar uma barrinha no meu Blog,obrigada!

    Beijinhos

    Jéssyka Araújo

    http://diariodeumagordinhasexy.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Que bom Jéssyka, espero ter ajudado ^^
      Beijos!

      Excluir
  24. Adoooorei as dicas flor, parabéns mesmo ! Eu estava louca atras dessa barrinha e você me ajudou muito mesmo ♥

    Da uma passadinha no meu Blog. www.agorafinalmente.com
    Aproveita e conferi o vídeo novo do meu Canal, e da um joinha pra mim ♥
    https://www.youtube.com/watch?v=nTabw8TrujQ

    ResponderExcluir
  25. Que perfeição! Muito obrigada, Ludimara! Corri e coloquei no meu blog literário! Beijos.

    ResponderExcluir
  26. Oii,eu consegui,mas agora eu gostaria de saber como é que faço para mudar a cor da barrinha e trocar aquela foto do monstrinho?
    Beijos e obrigada

    ResponderExcluir
    Respostas
    1. Isso você faz no próprio site da Grumft, lá tem uma opção, agora não lembro qual, mas é fácil de encontrar.
      Beijos!

      Excluir
  27. Nossa foi super útil to usando no meu blog!
    Muito obigada!
    www.meureinado.com

    ResponderExcluir
  28. Nossa Ajudou muito! Obrigada<3

    http://docesdegarota.blogspot.com.br/

    ResponderExcluir
  29. Nossa esse post me ajudou muito. Brigadão flor!!! Já esta instalado agora hahaha
    Beijokas

    www.resenhafemininamakeup.blogspot.com.br

    ResponderExcluir

Eba! Veio deixar um recadinho? Fique a vontade! ♥

Compartilhe!

Related Posts Plugin for WordPress, Blogger...