Criar barra com acessórios no blog

Sempre é bom ter novidades no blog, então crie uma barra de ferramentas para seu blog com tradutor, galeria de fotos, twitter, facebook, usuários online, assinar feed, vídeos do youtube, busca no seu blog e até aquelas janelinhas de notificação que aparecem no canto da tela, parecidas com as usadas no MSN para avisar sobre contatos online ou emails. Isso tudo pode ser feito com o Wibiya.

Precisa fazer um cadastro simples: nome, endereço de email, endereço do blog, senha.. Sinceramente a parte mais difícil foi devido a minha falta de atenção em não notar o botão Next > que fica do lado esquerdo de onde preenchemos o cadastro, mas piadas a parte após concluir esse cadastro você irá para essa pagina.

toolbar blogger
Onde vamos escolher qual aparência terá nossa barra de ferramentas, apenas clique sobre a cor que gostar mais e pronto. Outra coisa muito interessante é poder enviar uma imagem para ser usada como ícone (bottom) da barra, o site irá sugerir o logotipo de blog, mas você pode enviar uma imagem (formato jpg, gif ou png de no maximo 30K) se quiser, depois de terminar clique em next.

aplicativos para blogs
Nesta tela da imagem acima vamos escolher quais aplicativos usaremos na nossa barra de ferramentas note que ao passar o mouse sobre cada um deles a imagem muda e você pode escolher instalar mostrando a opção de instalar na sua barra.Mas não se preocupe se faltar algum detalhe ou instalar algo que mude de idéia depois, ela é muito fácil de editar.

Configurar barra de acessórios para blog
Quando clicar nas ferramentas (aplicativos) para inseri-los na barra poderá aparecer janelas deste tipo pedindo para inserir alguns dados como, por exemplo, seu nome no twitter ou outras coisas dependendo do que estiver instalando, mas isso também é fácil e intuitivo. Basta preencher e clicar no botão done.

wibiya no blogspot
Agora quando clicar em next estará tudo pronto e aparece a seguinte pagina, então clique na opção blogger, isso abrirá uma nova janela para você selecionar o blog que vai inserir o gadget (caso você tenha mais de um blog).

instalar gadget no blogger
Uma dica muito legal é apagar o título que aparece no gadget, ele não é necessário, além disso, a barra não aparecerá onde está o gadget, mas na parte de baixo da pagina como aqui em nosso blog.

86 comentários:

  1. Olá! MNeu nome é dany e eu cria saber com instalo um template, axo ke se tem de entrar em "Edita hmtl" e procurar um arquivo e carregar mas sempre me dá erro!
    Podem me ajudar?

    ResponderExcluir
  2. Dica boa,ja uso esse sistema a um tempo.Na epoca que criei minha conta la demorava 3 dias para poder utilizar o sistema,não sei agora.Mais recomendo.Para Não deixar o blog lento e bom colocar o codigo entre as tag e .

    ResponderExcluir
  3. Oi!
    Adorei a barra de ferramentas... mas, como posso mudar a ultima mensagem? não estou conseguindo!
    :(

    ResponderExcluir
  4. Muito interessante a ferramente,ja tinha visto em alguns sites,só não sabia como colocava!
    valew!

    ResponderExcluir
  5. Lanny e Deiny
    é isso mesmo, se der erro pode ser falha do template que está tentando colocar

    ResponderExcluir
  6. oi fabiano,queria saber como criar uma caixa de texto personalizada igual a do site http://www.mundodarkness.com
    que tem umas caixas que tem a opção imprimir e entre outras pode me ajudar ?

    ResponderExcluir
  7. cara seu site, tem um otimo conteudo

    mas venho aki pra dizer q teu site ta com uma aparencia meio feia
    a barra fixa eu gostei, mas o visual pode ficar 100tenas de vezes melhor
    as pessoas gostam de bons visuais, mesmo isso nao alterando o conteudo q eh otimo por sinal
    espero q leve como uma critica construtiva
    flwsss

    ResponderExcluir
  8. Fabiano,

    Como colocar a opção de visitante online, não consegui achar no wibiya

    ResponderExcluir
  9. Fabiano, blz?

    Cara ja me achei e ja instalei os visitantes online, a minha unica duvida é se tem como colocar o contador de visitas nesta barra?

    ResponderExcluir
  10. francinelson
    o código pra imprimir é esse

    <a href='javascript:;' onclick='window.print();return false' title='Imprimir esta página'><img src='http://i48.tinypic.com/2lcu4bp.png' border="0"/></a>

    claro pode e deve usar outra imagem, está do código é a do site que citou como exemplo

    ResponderExcluir
  11. ArthurBQ
    nos ultimos dias estamos alterando o template do blog mas ao poucos e fazendo alguns testes, se tiver alguma sugestão escreva para nosso email, o que exatamente não gostou?

    ResponderExcluir
  12. Johnny Bravo

    veja na imagem que mostramos como exemplo de escolher os aplicativos, na primeira coluna tem o tradutor embaixo tem o twitter e depois realtime users esse é o contador de visitantes online

    ResponderExcluir
  13. valeu pela dicas !
    gostei mas minha duvida era
    pra como o codigo não fazer para atualizar dentro das postagens como voce posta o codigo pra nois !

    ResponderExcluir
  14. Nossa parabens pelo novo visual do blog está bem melhor que o anterior. e essa barra de ferramentas ajuda a gente e muito

    ResponderExcluir
  15. Como eu coloco anuncios?É um dos aplicativos que eu add na minha barra de acessorios, mais eu nao sei colocar nenhum anuncio! ME ajuda ai por favor! Vlw

    ResponderExcluir
  16. Fabiano, blz?

    Cara ja me achei e ja instalei os visitantes online, a minha unica duvida é se tem como colocar o contador de visitas nesta barra?

    ResponderExcluir
  17. HGN
    tem que adiciona o live notificantions, mas não tem configurações: This applications requires no settings. You can post new announcements and control them from your Wibiya dashboard.

    ele anunciará sua postagem mais recente, claro que após a notificação ser ativada.



    Johnny Bravo
    só dá pra instalar os aplicativos do site, não tem contador de visitas.

    ResponderExcluir
  18. ficou espectacular nos meus blogs!

    ResponderExcluir
  19. Adorei! Muito útil! Por isso adoro seu blog! Muito obrigado mesmo!

    ResponderExcluir
  20. Ola amigo estou com um problema é axo que você é a pessoa certa para me explicar tenho um blogspot nele coloquei 3 novas abas das minhas 10 páginas recebidas pelo mesmo só que não consigo postar com posto em home (na página inicial)poderia dar um olhada por favor axo que tem muitas pessoa que estão com essa dúvida também obrigado pela atenção adoro seu blog tbm esta me ajudando muito

    http//artearenari.blogspot.com

    ResponderExcluir
  21. D'Arenari Garcia
    não sei se entendi direito sua duvida, mas na hora de fazer uma postagem tem que clicar em nova postagem e não nas paginas extras.

    sobre as abas, não tem espaço para mais ali onde está o gadget, mude ele de lugar para ficar da largura do blog depois altere o código colocando mais itens na parte onde tem li... e o link de cada uma das paginas

    ResponderExcluir
  22. Bom axo que você entendeu o que eu quis dizer só que eu não sei onde fica esse codigo de postagem na layout tem com você posta um totorial ou me explicar um pouco mais claro esse asunto não desculpa eu ainda sou caloura meu filho me ajuda um pouco mais isso ele tbm não sabe!!! obrigado pela atenção!

    ResponderExcluir
  23. eu uso essa barra em meus blogues (http://linguaportuguesa7ano.blogspot.com , http://linguaportuguesa8ano.blogspot.com) e ADORO-A, é mesmo muito cool! dá para fazer muitas coisas porreiras!!! vale a pena ter!!

    ResponderExcluir
  24. D'Arenari Garcia,
    o procedimento é o mesmo do Links lado a lado (menu horizontal), apenas usa imagens como fundo

    ResponderExcluir
  25. Salve, camarada!
    Eu uso o Firefox e fiz o procedimento do ícone personalizado e este não aparece no Firefox, só no IE. E acabei notando também que no IE esta barra do Wibiya também não abre.
    O IE conclui o carregamento e mostra o ícone de triangulo amarelo com exclamação na barra de status informando que há erros na página.

    ResponderExcluir
  26. talvez o problema seja o tamanho ou formato da imagem que enviou, fiz a minha e está funcionando nos principais navegadores internet explorer, firefox, chrome

    tente enviar uma imagem menor

    ResponderExcluir
  27. Adorei a dica!
    só queria saber como faço pra colocar o icone " artigos recentes " na minha ? , Obrigado e parabéns pelo site :D '

    ResponderExcluir
  28. ' Mikaa , os artigos recentes são lastest post

    clique para editar a sua barra

    ResponderExcluir
  29. Eu escolhi o aplicativo Live Notifications, onde adiciono os avisos?

    ResponderExcluir
  30. Júlia, os avisos são automaticos são links da postagem mais recentes.

    ele não tem configurações

    ResponderExcluir
  31. Muito completo o seu blog, espero um dia ter muitas visitas como você nos meus te desejo muita sorte
    parabéns beijinho

    ResponderExcluir
  32. fabiano, adoro seu blog, ele ja me ajudou muuuito, mas tenho uma duvida.
    Como coloco esse "aleatorio" que vc colocou na sua barra???

    ResponderExcluir
  33. o link na barra para postagem aleatória é o Random Post, entre no site da wibrya, clique para editar sua barra, depois no botão add more apps e vai achar o Random Post dai é só passar o mouse sobre ele e aparecerá a opção add

    ResponderExcluir
  34. Oi...
    o que eu precisava e ainda preciso pra o melhoramento do meu blog, eu encontrei aki..
    parabens pelas dicas..
    algumas coisas sao complicadas pra mim q sou leiga em blog, mas tento e consigo fazer.
    ^^

    ResponderExcluir
  35. FABIANO , como vai ?!

    nao querendo ser CHATO , mas estou com mesmo problema da

    D'Arenari Garcia

    COLOQUEI O CODIGO: <*script src='http://cdn.wibiya.com/loaders/loader_293449.js' type='text/javascript'>

    DESSE JEITO SEM OS "*" , POREM NAO APARECE NADA NO BLOOG .!

    PODE ME AJUDAR ?
    Obrigado desde ja !

    ResponderExcluir
  36. Wagner Caique, infelizmente se pegou o código e colocou corretamente no seu blog não tem no que posso ajudar, deve ser alguma coisa no template que impede de funcionar, mas não sei dizer o porquê.

    tente colocar o código num gadget mais no topo da pagina, mas não é garantido que funcione, tente também clicar para atualizar a pagina.

    ResponderExcluir
  37. Mais o templante atrapalha ?
    a barra ?

    confere meu blogger por favor e me de uma resposta concreta ?


    http://claexercito.blogspot.com


    Obrigado desde ja!

    ResponderExcluir
  38. não tenho como saber o motivo de não dar certo a barra no seu blog, eu tentaria instalar a barra e depois ir fazendo testes retirando os gadgets um por vez e recolocando novamente pra ver se algum deles está gerando o problema, mas pode ser qualquer código.

    nos meus blogs funcionou perfeitamente da primeira vez.

    ResponderExcluir
  39. Estou editando o meu site no frontpage, e quando vizualizo a página dá um erro de que o seguinte link: http://cdn.wibiya.com/Toolbars/dir_0286/Toolbar_286792/toolbar_286792_4bb62ff08144c.js

    Está com constante de sequencia não finalizada!
    O que posso fazer?

    ResponderExcluir
  40. Lucas, coloque o código completo gerado pelo site wibiya talvez só funcione corretamente quando estiver online.

    ResponderExcluir
  41. Fabiano, eu não estou conseguindo colocar uma imagem la na barra (do lado do pesquisar), ja tentei com o "Use my website's icon" e "Upload an icon" mas nenhum aparece a imagem, mesmo reinstalando a barra...
    O que eu faço???
    Agradeço desde já!

    ResponderExcluir
  42. tem que clicar na opção upload, mas tem que ser uma imagem com menos de 30 k

    ResponderExcluir
  43. Ola, fiz tudo certinho,
    mais nao aparece nada...
    é assim mesmo

    meu blog é: http://esteticaesaudemanaus.blogspot.com/

    pq será q não aparece nada.
    Ah! to no aguardo da postagem que fiz sobre menu horizontal .

    Obrigado

    ResponderExcluir
  44. Leonardo Paiva - Clínica Holistetic , entrei no seu blog agora e a barra da wibiya apareceu, você está usando os itens: videos, RSS, facebook, twitter.

    ResponderExcluir
  45. Ameii esse aplicativo.
    Deixou meu blog lindo *_*

    ResponderExcluir
  46. Eu queria saber como fazer para colocar o Link do meu FEED. Eu coloco o link normail, mais quando eu clico na barra aparece que este conteudo não pode ser aberto em um quadro, dai eu tenho que abri ele em outra janela.

    Observei que na sua barra da ceto. como eu faço?

    ResponderExcluir
  47. Rodrigo Pereira
    talvez esteja usando o endereço errado do feed, ele deve ser assim:
    http://seublog.blogspot.com/feeds/posts/default

    por exemplo em nosso caso como usamos um domino próprio ficou assim:
    http://www.dicasparablogs.com.br/feeds/posts/default

    ResponderExcluir
  48. Nossa parceiro, muito legal essa barra, acho q meu blog http://www.portal-militar.blogspot.com/ fico bem menos pesado, pq tirei alguns GADJT que a propria barra de ferramentas nela pode ser colocada.. muito maneiro, abraços, bom trabalho, continue assim, sou fã do seu blog! colokei até o seu link no meu blog ^^ abraços!

    ResponderExcluir
  49. cara é o seguinte quando chega a parte das informações onde devo colocar o meu nome no twitter etc..
    mas dai quando eu cric em done aparece a seguinte menssagem
    not loged in!
    voce pode me ajudar sobre isso ?

    ResponderExcluir
  50. gustavo
    talvez tenha colocado alguma letra errada no seu nome do twitter, é só a parte final do jeito que aparece na url.

    não me lembro se é necessário estar logado no twitter para fazer isso, mas faça login no twitter antes de adicionar esse gadget na barra.

    ResponderExcluir
  51. Como faço para configurar o aplicativo de pesquisa na barra de ferramenta Wibyia para procurar os artigos do meu blog? Pois quando eu pesquiso aparece outras coisas que não estão no meu blog.

    http://blogdoangelim.blogspot.com/

    ResponderExcluir
  52. no site do wibiya tem como configurar cada uma das ferramentas da barra.

    entre no site, clique para editar a barra(edit toolbar) e depois no quadro da pesquisa.

    ResponderExcluir
  53. Ola ,
    então fiz tudo certinho, mais ainda assim não aparece nada na parte superior direita do meu site onde coloquei, poderia me dar uma ajuda, demora quanto tempo p aparecer...

    meu site: http://esteticaesaudemanaus.blogspot.com/

    ResponderExcluir
  54. é normal a barra demorar para aparecer no blog, não tem como mudar isso.

    ResponderExcluir
  55. ´Boa NOite Fabiano, intalei a barra mas não gostei, como faço pra retirar ela do blog? espero sua ajuda, obrigado

    ResponderExcluir
  56. para retirar a barra de ferramentas, precisa achar onde instalou o gadget e apagar do seu blog

    ResponderExcluir
  57. Adorei essa barra.
    Tem um jeito dela aparecer por cima dos videos do youtube? Por que eu mantenho uma coluna do meu blog só com videos e quem viu gostou e pediu para eu não tirar. Só que só aparece metade da barra. A outra metade fica atrás dos vídeos, veja http://vampirys.blogspot.com/ que você irá entender sobre o que estou falando.
    Tem como a barra aparecer na frente ou só rolando até o final da página?
    Grata

    ResponderExcluir
  58. acho que não dá para fazer como está falando, mas veja no site se encontra mais opções, eles sempre atualizam com alguma novidade

    ResponderExcluir
  59. Olá! Como faço para excluir o wibiya do meu blog?

    ResponderExcluir
  60. tem que achar onde adicionou o gadget do wibya e apagar

    ResponderExcluir
  61. fiz tudo como tava no tutorial, mas não sei como colocar essas opções no meu blog, me ajuda?

    ResponderExcluir
  62. Ae Eu Tenho um Grande poblema que tou a tempo tentando resolve e não estou dando conta... por esse tanto de opções ae tipo Acessórios, Colaboradores,Configurações Avançadas Etc... pq tipo eu so consigo por 10 como almento o Limite disso ae ? se alguem puder me ajuda me add nesse msn aqui rapmania@hotmail.com Grato deiz de jáh

    ResponderExcluir
  63. Rap Mania
    só consegue colocar 10 acessorios na barra de ferramentas? não sei se tem um limite, mas se tiver deve ser por causa do espaço que ocupa

    ResponderExcluir
  64. Olha, eu coloqei no meu blog, mais ele não aparece,so ta aparecendo escrito Wibyia widget!
    Pode ser por causa do template?
    Eu tirei oque ta escrito, e ai então fico em branco!

    ResponderExcluir
  65. Ola meu nome é matheus.Sabe no seu blog onde esta
    outros tutoriais para ajudar blogeiros, gostaria de saber como aço para colocar isso no meu blog???

    ResponderExcluir
  66. Meus parabéns ! muito bom mesmo "

    ResponderExcluir
  67. Nossa! Gostei bastante dessa dica, já usei varias dicas sua, mas essa é a melhor. Valeu, tá ajudando bastante com o meu blog. Rafael do Blog do Cavalo Louco.

    ResponderExcluir
  68. O que eu faço? Sempre quando estou no fim para colocar as informações tipo o username da twitter não da certo. Porque?

    ResponderExcluir
  69. está dando erro na hora de adicionar o twitter?... tente fazer a barra sem o twitter e testar nos eu blog, depois pode editar e adicionar esse e outros acessorios

    ResponderExcluir
  70. Fabiano, já tinha conhecimento dessa ferramenta + sempre quando boto a Pagina do Twitter é do Face, quando cliko não redireciona para canto nenhum,como se não tivesse colocado os links.sabe me dizer o porquer? Vlws ae.

    ResponderExcluir
  71. verifique se alterou corretamente os links

    ResponderExcluir
  72. Fabiano, quando ele indica o link para colocar o facebook eu não acho esse link. É o do twitter ele pede pra n colocar o @, eu n boto + msm assim não pega, e o incrível que no botão de retwitter ele pede a msm coisa, e funciona ==''.Tem como tu me dizer onde encontro os links pra ambos (Twitter e Facebook)?

    ResponderExcluir
  73. Heitor
    para colocar seus links precisa colocar o endereço completo deste igual aparece na barra de endereço quando está no twitter ou facebook

    ResponderExcluir
  74. oi mas como eu faço no blogspot como conta ?

    ResponderExcluir
  75. Anônimo
    não entendi sua duvida.... que conta está falando?

    ResponderExcluir
  76. otimo blog me ajudou muito... pessoal que nao ta conseguindo.. é so presta mais atenção... blog bem resumido.. mas da de entender.. agora ja tenhu uma noção melhor.

    ResponderExcluir
  77. Este blog é muito bom estou aprendendo muitas dicas aqui. parabéns pelo trabalho!

    ResponderExcluir
  78. Nossa, eu aameeeeei a dica, parabéns e obrigada!

    ResponderExcluir
  79. Olá Fabiano, tenho outro assunto nada haver com o post. Visitei um blog e vi que eles tinham um sistema de comentários melhor que todos que já vi pois tem poucas propagandas e não precisa de contas em redes sociais ou cadastro para editar perfil e fotos. É o 'ECHO'. esse é o link do Echo http://aboutecho.com/products/real-time-comments.html ~ E eu queria por no meu blog mas não consegui. Pode ver este sistema nesse blog, apenas em uma postagem clique em 'comments' ao lado de blog habbo hotel no orkut. Este é o link : http://bloghabbohotel.blogspot.com/

    Como eu ponho o echo no meu blog ?

    ResponderExcluir
  80. Outra dúvida, tenho várias imagens uma embaixo da outra e queria colocá-las no canto da tela como seus botões das redes sociais ali só que mais centralizado e do lado esquerdo, botões fixos. Tem alguma coisa pra mim fazer isso só editando as imagens de forma rápida e fácil ?

    ResponderExcluir
  81. Pixel Ds
    vou olhar esses comentarios que falou e fazer alguns testes. Obrigado pela sugestão.

    sobre fixar imagens no canto da tela veja aqui:
    Fixar botões no canto da pagina

    o código dos botões serve para qualquer outra imagem ou texto, só precisa trocar o conteudo sem alterar as divs, assim:

    < div style="background-color:#FFFFFF; border-left:1px solid #000000;border-top:1px solid #000000;position:fixed; bottom:0px; right:0px;" >

    conteúdo aqui

    < /div >

    ResponderExcluir
  82. Valeu Fabiano ! Quando souber alguma coisa desses comentários Echo favor colocar um cometário aqui mesmo nesse post que estarei aguardando.

    ResponderExcluir
  83. como falei vou testar e se possivel fazer um tutorial sobre o site

    ResponderExcluir