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.

Adicionar ao iGoogle ou Google Reader

Link para esta página

Recomende por E-mail


Related Posts with Thumbnails

61 comentários:

Lanny e Deiny disse...

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?

Thiago Sabaia disse...

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 .

Vitor Argollo disse...

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

Jonas Mendes disse...

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

Fabiano Roberto disse...

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

francinelson disse...

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 ?

ArthurBQ disse...

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

Johnny Bravo disse...

Fabiano,

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

Johnny Bravo disse...

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?

Fabiano Roberto disse...

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

Fabiano Roberto disse...

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?

Fabiano Roberto disse...

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

francinelson disse...

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 !

denis disse...

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

HGN disse...

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

Johnny Bravo disse...

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?

Fabiano Roberto disse...

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.

tecnologias-blog disse...

ficou espectacular nos meus blogs!

Lucas Alves disse...

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

D'Arenari Garcia disse...

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

Fabiano Roberto disse...

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

D'Arenari Garcia disse...

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!

prof. antónio alves disse...

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!!

Fabiano Roberto disse...

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

= G F C = disse...

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.

Fabiano Roberto disse...

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

' Mikaa disse...

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

Fabiano Roberto disse...

' Mikaa , os artigos recentes são lastest post

clique para editar a sua barra

Júlia disse...

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

Fabiano Roberto disse...

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

ele não tem configurações

sanndy disse...

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

Lucas disse...

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

Fabiano Roberto disse...

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

Lucas disse...

Muito obrigado, ja consegui!

Revolution G3 disse...

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.
^^

Wagner Caique disse...

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 !

Fabiano Roberto disse...

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.

Wagner Caique disse...

Mais o templante atrapalha ?
a barra ?

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


http://claexercito.blogspot.com


Obrigado desde ja!

Fabiano Roberto disse...

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.

Lucas disse...

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?

Fabiano Roberto disse...

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

Lucas disse...

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á!

Fabiano Roberto disse...

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

Leonardo Paiva - Clínica Holistetic disse...

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

Fabiano Roberto disse...

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.

Bia Buarque disse...

Ameii esse aplicativo.
Deixou meu blog lindo *_*

Rodrigo Pereira disse...

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?

Fabiano Roberto disse...

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

Portal Militar disse...

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!

gustavo disse...

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 ?

Fabiano Roberto disse...

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.

Família Angelim disse...

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/

Fabiano Roberto disse...

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.

Leonardo Paiva - Clínica Holistetic disse...

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/

Fabiano Roberto disse...

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

gazparzinhofc disse...

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

Fabiano Roberto disse...

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

Becky's disse...

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

Fabiano Roberto disse...

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

Natália Malta disse...

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

Fabiano Roberto disse...

tem que achar onde adicionou o gadget do wibya e apagar