A única diferença foi que acrescentamos mais coisas dentro dele, veja abaixo:
<style type="text/css">
<!--
.menufixo img{padding: 5px;display: inline
}
-->
</style>
<div style="background-color:#FFFFFF; border-left:1px solid #000000;border-top:1px solid #000000;position:fixed; bottom:0px; right:0px;"><div class="menufixo">
<a href="#"><img border="0" src="IMAGEM TOPO DA PÁGINA"/></a>
<script language="JavaScript" type="text/JavaScript">
function favoritos() {
if ( navigator.appName != 'Microsoft Internet Explorer' )
{ window.sidebar.addPanel("Dicas para Blogs","http://www.dicasparablogs.com.br",""); }
else { window.external.AddFavorite("http://www.dicasparablogs.com.br","Dicas para Blogs"); } }
</script><a href="javascript:void(favoritos());" title="Adicione aos Favoritos"><img border="0" src="IMAGEM FAVORITOS"/></a>
<a href="http://feedburner.google.com/fb/a/mailverify?uri=dicaparablog&loc=pt_BR" target="_blank" title="Atualizações por Email"><img border="0" src="IMAGEM ATUALIZAÇÕES POR EMAIL"/></a>
<a href="http://www.orkut.com.br/Main#Community.aspx?cmm=46751209" target="_blank" title="Comunidade no Orkut"><img border="0" src="IMAGEM COMUNIDADE NO ORKUT"/></a>
<a href="http://www.dicasparablogs.com.br/2009/07/fixar-botoes-no-canto-da-pagina.html" target="_blank" title="Dicas para Blogs"><img border="0" src="http://img16.imageshack.us/img16/9066/iconeblogh.gif"/></a>
</div></div>
Coloque esse código pela pagina layout, adicionar gadget, html/javascript, não importa o lugar da pagina, ele aparecerá sempre no canto inferior direito do seu blog. O começo do código não precisa de alterações, mas se quiser pode modificar:
padding:5px – distancia entre as imagens
background-color:#FFFFFF; - cor de fundo
border-left:1px solid #000000; - borda lateral
border-top:1px solid #000000; - borda superior
Depois desse trecho são apenas links com imagens como fazemos em qualquer outra parte do blog, antes de colocar no blog faça as alterações necessárias nos trechos em negrito.
Quanto a enviar atualizações por email aqui tem a explicação sobre como fazer isso usando o feedburner.
Deixamos o código apenas com as indicações de onde vão as imagens porque se deixássemos o código pronto, provavelmente quando muitas pessoas começassem usar o código as imagens iriam parar de aparecer porque sites de hospedagem grátis excluem ou bloqueiam imagens acessadas muitas vezes(milhares de vezes por dia, mas isso depende de qual site usa) então é mais seguro e confiável cada um hospedar as imagens.





Clique com o botão direito do mouse sobre cada uma das imagens acima e escolha a opção salvar imagem depois só precisa hospedá-las, recomendamos usar o Imageshack. Colocamos um link para essa postagem no final do código e pedimos para que não retirem isso do código a fim de facilitar que outros blogueiros que gostem da idéia tenham facilidade em encontrar esse código.
Veja também:
Adicionar aos favoritos
Hospedar imagens
Colocar ou modificar bordas
esse post eah o q eu tava procurando cara!!! xD
ResponderExcluirseu blog tah cada vez melhor...Com mais conteudos q ajudam os blogueros!! xD
eu tenho ua duvida...
eu puis o code lá no meu blog editeii tudo talz...
Mas eu tirei 2 itens o "Assine nosso Feed" e "Atualizaçoes por e-mail"...
eu apaguei apenas estes 2...
veja como ficou:
www.livrodacomedia.blogspot.com
se precisar eu lhe mandarei por e-mail o code(como ele ficou)...
Obrigado e parabéns pelo blog!
fabiano, eu quero colocar no meu blog esta imagem http://img224.imageshack.us/img224/7884/meninonocomputador.gif
ResponderExcluire logo abaixo um pequeno texto, como eu faço isso ?
<img src="http://img224.imageshack.us/img224/7884/meninonocomputador.gif"
ResponderExcluirborder="0">
coloque o código desse jeito e o texto embaixo
recebo as novidades do DICAS PARA BLOGS no meu email e não tem como não vim conefir...toda vez que venho só saio aprendendo algo+!
ResponderExcluirO blog de vocês é 10, MUUITO OBRIGADO!
vc jah viu??
ResponderExcluirvlw!!!
i mais uma vez parabéns pelo Blog!!!!
Ah...mais uma perguntinha tm post aqui q enssina como colocar gif como Logo?!
vlww
Adoorei, agora só uma perguntiinha..
ResponderExcluirNos casos de links para outras paginas (como orkut e tals..) é aberta uma nova aba pra abrir essas paginas, tem como eles abrirem na mesma aba?
Tiipo, como se eu clicasse no link de orkut de vcs agora, ao inves e abrir em uma nova abrir nessa mesma..
para abrir na mesma janela é só retirar o target="_blank" que aparece no código de cada link
ResponderExcluirA brigada ^^
ResponderExcluirAgora, só mais uma duvidazinha.. tem como deixar os botões organizados de forma vertical ao inves de horizontal?
Pra ficar todos no canto da pagina um do lado do outro..
retire do código <div class="menufixo"> e no final uma </div> e depois coloque entre os links <br>
ResponderExcluirTem como mudar o lado , ?
ResponderExcluirpara trocar de lado mude a palavra right por left no código
ResponderExcluireu queria saber como descobrir o url dos jogos do meu computador e de jogos da internet
ResponderExcluiro meu blog é jogosdovaldir.blogspot.com ou se quise entrar com outro endereço é www.jogosdovaldir.tk
qualquer coisa você consegue encontrar no google, principalemente jogos..
ResponderExcluirveja esse link sobre pesquisa de gadgets do google
http://www.dicasparablogs.com.br/2007/07/gadgets.html
gostaria de saber como eu faço para colocar somente os botões que eu quiser, por exemplo eu quero colocar o botão adicionar ao favoritos, assine este feed , e contato por e-mail , será que vc pode me ajudar .
ResponderExcluirobrigada
vanessa
SKIN HEALTH
ResponderExcluirveja o código de cada link que está nos botões e remova aqueles que não quiser mostrar.
esse código funciona para colocar coisa que colocar no lugar dos links
Sabe, não consegui, não deu certo, talvez eu tenha feito errado , mas valeu por sua ajuda
ResponderExcluirOla amigo coloquei e ficou muito bom,porém atualizações por e mail coloquei a url certa e esta abrindo minha pagina de novo ?
ResponderExcluirSera que poderia me ajudar ?
Abração jack
Jack
ResponderExcluirse abriu a sua pagina novamente é sinal que usou a url errada
aFF ESTA MAL EXPLICADO, ONDE EU BOTO EM CSS? ONDE É DEPOIS DE BODY? ME AJUDAA bryanscheuermann@hotmail.com
ResponderExcluirBryan
ResponderExcluirnão precisa entrar na pagina html, como escrevi após o código é só entrar na pagina layout, adicionar gadget, html/javascript e colocar o código, não importa a parte do blog que fique esse gadget, porque a posição dele está definida no próprio CSS
Excelente !!! Muito fácil de implementar. Dá um trabalho extra para enviar as imagens para o servidor, mas isso é o mínimo esperado por quem deseja usar esse recurso.
ResponderExcluirPara mim que ainda estou começando a blogar seu site é referência de tutoriais.
Parabéns e obrigado por disponibilizar o código e principalmente as imagens, pois não sou desing. Ajudou ++++++
Abraços
Esqueci de comentar também que foi genial criar o código para aparecer no canto inferior direito da página independente do lugar do widget escolhido.
ResponderExcluirIsso abre oportunidade para aproveitar espaços não utilizados.
Desculpe o comentário seguido :)
oi tudo bom olha com essas dicas nao consigo fazer nada elas sao complicadas queria mais detales entre em contato comigo no meu blogger http://bandacalypsoeshow.blogspot.com/ pois tem varias coisas que eu queria colocar no meu bloger e nao consigo
ResponderExcluir* Fixar botões no canto da pagina
* criar um bonner com link para divulga;ao
* mudar tipo acrescentar cores aos titulos
* colocar tipo fotos links umas do lado das outras
e varias outras entre em contato comigo vlw !!
BANDA CALYPSO
ResponderExcluiruse a pesquisa no inicio de nosso blog para encontrar todas essas coisas, já escrevemos sobre todas elas.
BANDA CALYPSO
ResponderExcluiruse a pesquisa no inicio de nosso blog para encontrar todas essas coisas, já escrevemos sobre todas elas.
O código está perfeito mas ocorre um erro com "atualizações por e mail" não está funcionando não sei por que mas aparece o endereço do Blog, e não a url das atualizações.
ResponderExcluirSocorro não sei como fazer para consertar.
http://aureliomcgomes.blogspot.com/
aguardo resposta
Aurelio MC
ResponderExcluirvocê está colocando o link errado.
para as atualizações tem que usar o link do seu blog no feedburner veja mais aqui
http://www.dicasparablogs.com.br/2009/03/enviar-atualizacoes-por-email.html
oi, eu gostaria de saber como faço para colocar uma imagem logo no começo do blog, acima das postagems?
ResponderExcluirFC Thomas Dekker
ResponderExcluirveja se é isso que procura
http://www.dicasparablogs.com.br/2009/08/imagem-no-titulo-da-postagem.html
Não entendi absolutamente nada! Explica de uma maneira mais fácil por favor?
ResponderExcluirTonný
ResponderExcluirsó tem que colocar esse código em alguma parte do seu blog pela pagina layout, adicionar gadget, html/javascript
e claro fazer as alterações do nome e endereço do seu blog
e se eu quiser deixar no meio?
ResponderExcluirNa Presença de Jesus..rsrs obrigada já descobri. Obrigadãooo
ResponderExcluirse não quiser deixar os botões fixos é só retirar a parte que fixa os botões no canto da pagina:
ResponderExcluirposition:fixed; bottom:0px; right:0px;
mas se quiser pode retirar aquela div inteira
<div style="background-color:#FFFFFF; border-left:1px solid #000000;border-top:1px solid #000000;position:fixed; bottom:0px; right:0px;" >
e no final </div >
eu fiz um postagem e fica aparendo quadrados no meio dos desenhos q eu coloquei, porque? o q eu tenho q tirar. a post fica no final do blog. obrigada!
ResponderExcluirCantinho Especial
ResponderExcluirse estiver falando das bordas das imagens nas postagens é só entrar na pagina editar html e apagar isso
.post img {
padding:4px;
border:1px solid #C675EC;
}
Não é a borda, é entre as imagens q fica um quadrado com um x vermelho é tipo uma imagem q não carregou eu acho q dever ser as imagens q vc usou pra sua postagem.
ResponderExcluirmas nesta postagem não colocamos o endereço de nenhuma imagem, apenas indicamos onde deveriam ficar
ResponderExcluirgotei dessa postagen...
ResponderExcluirFabiano meu amigo...
ResponderExcluirduas duvidas:
1ª - eu não consigo criar um feed para meu blog, queria que as pessoas assinassem o feed de meu blog, mas nao sei que endereço criar, ou como criar>
2ª - os botões no canto superior esquerdo de teu blog. eu queria fazer igual a esse. utilizei o código dessa postagem, mas ele fica fixo. rola a pagina e ele não... queria que rolasse junto, igual acontece no Dicas...
daufen bach.
ResponderExcluiro blog já tem feed isso é automatico, se estiver falando do feedburner veja aqui
http://www.dicasparablogs.com.br/2009/03/enviar-atualizacoes-por-email.html
para deixar os botões normais(não fixos) apenas retire isso do código
position:fixed; bottom:0px; right:0px;
Cara eu so queria criar um botao para o uma comu do orkut e twitter tem como vc postar o codigo como resposta vlw e parabens pelo blog(quemaisparecesite)!
ResponderExcluirlass_xD
ResponderExcluiros códigos para o twitter e comunidade do orkut são apenas links comuns, ou seja é só usar um texto ou imagem para criar um link como se fosse para um outro blog qualquer, deste jeito, claro que trocando o link e colocando o endereço de uma imagem se quiser
usando uma imagem
<a href="http://www.orkut.com.br/Main#Community.aspx?cmm=46751209" target="_blank" title="Comunidade no Orkut"><img border="0" src="IMAGEM COMUNIDADE NO ORKUT"/></a>
link de texto
<a href="http://www.orkut.com.br/Main#Community.aspx?cmm=46751209" target="_blank" title="Comunidade no Orkut">Comunidade no Orkut</a>
Olá, tinha um tutorial ensinando a colocar uma caixa com uma mensagem abaixo do post (como pedindo para seguir no twitter, ou assinar o RSS) mais não consigo achar, tem como dar uma força?
ResponderExcluirAlex Maycon
ResponderExcluirveja aqui
Botão para as redes sociais - AddThis
Parabéns pelo blog!
ResponderExcluirTenho me interessado muito em melhorar meu blog e gostei muito de ste post. Só queria tirar uma dúvida... é possível colocar outras imagens também? Gostaria de colocar ícones para outras redes sociais além do orkut e, se possível, mudar o ícone do orkur para padronizar com os demais... é possível?
Grande abraço e obrigado pela atenção!
psicocapoeira
ResponderExcluirneste código é possivel colocar qualquer botão que desejar, veja aquiBotão para as redes sociais - AddThis
Fabiano,
ResponderExcluirEu coloquei os botões e deu tudo certo, só que a geotoolbar que tenho no blog fica em cima dos botões , o que eu tenho que fazer para arrumar ? E também não achei no código o botão das postagens aleatórias , não tem mesmo ou foi eu que não vi ?
Abraços,
Fátima.
Princess Life Bijoux
ResponderExcluirnunca usei esse o geotoolbar, então não sei responder sobre ele.
eu sou uma dessas véria pessoas :p
ResponderExcluirvaleu aê \o
Fabiano Roberto me ajuda um pouco só ponhe o codigo topa da pagina.obrigado
ResponderExcluirolha meu blog : www.habbounidos1.blogspot.com
o código para o top da pagina é assim:
ResponderExcluir<a href="#"title="Topo da Página"><img src="http://img580.imageshack.us/img580/9755/seta.gif" /></a>
só precisa usar uma imagem que goste no lugar desta que está no código
Não era bem isso que estava falando. Encontrei em outro site (http://www.interney.net/?p=9757498), só que não ficou legal no meu blog. Era esse botão: FeedCount. Quanto a essa barra, qual é o código que coloco para redirecionar ao twitter como tem na barra do seu blog?
ResponderExcluirAhh... E tem como mudar o fundo da barra pra preto ao invés de branco?
ResponderExcluirGrata.
*PS: To adorando as dicas to teu blog
que o contador do feedburner? entre no feedburner clique no feed do seu blog depois na guia publicize e no menu esquerdo em feedcount
ResponderExcluirOlá Fabiano..gostaria de saber se tem como eu colocar dentro do HTML,um botao para fexar esse menu fixo..Obrigado.
ResponderExcluirXpressMagic
ResponderExcluiruse esse outro tutorial para fazer uma janela com botão fechar
Criar uma Janela de Divulgação no blog
o botão voltar ao topo naum esta funcionando!
ResponderExcluireu concegui concertar!
mais e quem naum entendi html!
valeuu!
abraços!
os códigos estão funcionando perfeitamente, acabei de fazer uns testes
ResponderExcluirOlá, gostaria de saber se é normal aparecer em todo blog que tem a opção de tradução para outro idioma essa frase: ""Desculpe...
ResponderExcluirEste gadget não está configurado corretamente. Dica do webmaster: verifique se as "Configurações do Google Friend Connect - URL da Página inicial" correspondem ao URL deste site.""
No lugar que deveria aparecer os seguidores, pois isso está acontecendo em todo blog que eu entro e tento traduzir para um idioma que não seja o português. Ou existe uma maneira de corrigir esse erro e aparecer os seguidores nos outros idiomas também? Obrigado
infelizmente é normal, pelo menos por enquanto as ferramentas de tradução que vi não mostram o gadgets dos seguidores(google friend connect)
ResponderExcluiresse codigo só serve pro IE ou pro firefox tb?
ResponderExcluirpq aqui no firefox tava dando erro ;/
quando fiz teste funcionou nos dois navegadores e no chrome também
ResponderExcluirValeu gostei muito fiz algumas modificações e ficou ótimo de verdade.
ResponderExcluirGostaria de saber como colocar contador de visitas online na página e não fixo como ele esta como se poder me ajudar ficarei grato.
Desde ja agradeço.
Olá, eu fiz tudo como você explicou, mas não sei, posso ter feito algo errado, porque o único botão que aparece ali no canto é o do seu blog, e os que eu queria colocar de enviar atualização por e-mail, do orkut, e tal, não aparece. Você pode me ajudar?
ResponderExcluirtem como colocarem outro lugar, tipo, canto superior esquerdo ou direito?
ResponderExcluirElias
ResponderExcluirna parte bottom:0px; right:0px;
você pode trocar bottom por top isso faz ficar na parte de cima da pagina
e a palavra right troque por left para ficar no lado esquerdo
consegui^^ mas, to com outro problema, quero coloca o botão promova do orkut, eu axei um icone e fiz um botao do orkut, mas num ta promovendo, eu keria saber como eu coloco o codigo, do orkut, facebook, twitter e google buzz, de promover, e automatico
ResponderExcluirinfelizmente o orkut fez alterações e o botão deles não funciona mais
ResponderExcluirmas tem um ke funciona, nesse post aki oh: http://www.dicasparablogs.com.br/2010/10/links-para-divulgar-blog-no-twitter.html, e ta funcionando até hoje, no meu blog, so k eu axei um icone do orkut, e nao consigo colocar o codigo, vc pode me ajudar?
ResponderExcluiraaa dxa, eu fundi esse codigo (so a parte de formata os botoes)com o depromover o orkut, depois dupliquei 5x eusei as url's do codigo k eu dexei o link ai em cima, e deu serto ^^
ResponderExcluirComo por estes botões do twitter, facebook, you tube e orkut na barra lateral do blog e para abrir em uma outra janela!
ResponderExcluirAgradeço e parabens pelo blog
Jhônata Adams
www.jacomunicacaobyacarau.blogspot.com
Jhônata Adams Mendes Silva
ResponderExcluirveja aqui como fazer botões iguais aos nossos
Imagens Lado a Lado, Fazer Colunas nos Gadgets
Fabiano, quero por do lado esquerdo do blog, como faço ??
ResponderExcluirpara colocar do lado esquerdo no trecho bottom:0px; right:0px;
ResponderExcluirtroque right por left e pronto
como posso fazer para criar um menu fixo no topo com os botões...?:
ResponderExcluirdesde jah agradeço a resposta.
grande abraço
é possivel criar um menu com imagens veja aqui: Como fazer e colocar botões no blog
ResponderExcluirAdorei!
ResponderExcluire consegui colocar no meu blog, com uma imagem que fiz no corel, ficou ótimo...
Se vc puder ver, adoraria uma visitinha...
Eu querendo acrescentar no que tenho na minha página só os Favoritos, que parte do código tenho que pegar? só o script? aguardo
ResponderExcluirolha só misturei seu código com o do "blogando na web" e ficou muito bonito. deixei os botões na lateral do blog e com efeito de opacidade. pena que o site que estou criando ainda está restrito. mas queria te enviar o código para que possa publicar. basta colocar os créditos. só não consegui resolver os favoritos, que está dando erro, não sei porque. passe um e-mail que envio o código pra você fazer um post com ele. abraços
ResponderExcluirnosso email está na coluna da direita...
ResponderExcluirO BOTAO DE ADCIONAR NOS FAVORITOS NAO ESTAR FUCIONANDO NO FIREFOX(APENAS TESTE NO FIREFOX)ALGUEM PODER AJUDA?
ResponderExcluirtalvez na hora de trocar o nome do seu blog apagou as aspas ou trocou algum sinal por engano... geralmente erros nos códigos são detalhes na hora de modificar...
ResponderExcluirGostei muito
ResponderExcluirsucesso pra vcs ai mais uma vez,e sorte na caminhada da vida.
O Adm.
queria muito saber com colocar a barra que nem tem no blog de vocês ai do lado >>>>> por favor ajudem
ResponderExcluirmandem como fazer para meu email(se não for pedir de mais) comedyjy@yahoo.com.br por favor ajudem
veja aqui Botões das Redes Sociais na Vertical - Compartilhar Posts
ResponderExcluircomo colocar na vertical?
ResponderExcluirBiologia UnP
ResponderExcluirveja aqui Botões das Redes Sociais na Vertical - Compartilhar Posts
Como exclui ? eu não gostei muito e agora não sei como tirar =(
ResponderExcluirJoão Vitor
ResponderExcluirtem que achar onde colocou o código e apagar
olá meu caro
ResponderExcluirobrigado, ajudou muito,
gostaria de saber se tem como deixar a imagem em cima do resumo do texto e o leia mais em baixo ?
valew
veja aqui um código para Fazer Resumo da Postagem com Miniaturas das Imagens
ResponderExcluirOi Fabiano, tem como deixar sempre a mesma postagem no inicio do blog ?
ResponderExcluir@Angelo acho que seria melhor adicionar um gadget de texto, veja aqui: Fixar uma postagem no início do blog
ResponderExcluirOi, eu fiz o ImageShack mas não sei qual link da imagem que carreguei lá tenho que pegar para colocar no código, eu coloco mas as imagens não carregam na pagina e os botões não ficam como o seu, eles ficam deitados... me ajuda por favor, já refiz todos os passos várias vezes e nunca dá certo. Obrigada.
ResponderExcluiranonimo
ResponderExcluirveja aqui Imagem não aparece no Blog ou Site
Como eu faço para deixar fixo no topo
ResponderExcluirAnonimo
ResponderExcluirveja no inicio do código
background-color:#FFFFFF; border-left:1px solid #000000;border-top:1px solid #000000;position:fixed; bottom:0px; right:0px;
só precisa trocar o bottom:0px; por top:0px;
eu coloquei uma imagem e deixei horizontal e no topo, mas como eu faço para esse widget não ficar na frente do conteudo e ficar atras do conteudo do meu blog
ResponderExcluirinfelizmente no caso de video o código desses botões fixos podem gerar erro
ResponderExcluircomo eu faço para o botão ficar no meio e não na direita ?
ResponderExcluirAngelo esse código não tem a função centralizar, mas você pode mudar o valor aqui:
ResponderExcluir;position:fixed; bottom:0px; right:0px;
trocando right:0px; por right:40% ou right:100px;
para ajustar a distancia da lateral e ficar mais ou menos centralizada
Olá, vc sabe como excluir minha conta no feedburne tenho uma conta mais não sei como excluir??
ResponderExcluirexcluir a conta é nas configurações.
ResponderExcluirmas o feedburner é util no blog não acho que deva excluir.
MAs, o que acontece é que nessa minha conta tem 4 endereços de blogs que foram meus como fui mudando o nome e atualmente estou com o Porfírio in Vintage , já tentei pegar o endereço desse feed pra colocar no blog mais não aceita eu não sei se é pq mudei o e-mail que eu entro no blogger e no site do feedburne continuo com o antigo eu só sei que qr colocar no blog para que os leitores assinem mais não estou conseguindo por esse motivo pensei em excluir e fazer uma conta nova com um novo e-mail, entendi!?
ResponderExcluirBjoO!
cada blog que tiver tem um feed separado no blogger e no feedburner.
ResponderExcluirnão pode usar o feed de um blog em outro senão dá erro.
se tiver problemas tente excluir todos os feeds que cadastrou e fazer novamente as configurações um por vez (no blogger e no feedburner)
Fabiano,estou levando ,os ícones acima.
ResponderExcluirObrigada,bjs
Olá, Fabiano.
ResponderExcluirEu converti um tema de WordPress para Blogger.
Eu o coloquei em meu blog.
Eu criarei um template apartir dele.
Quanto aos créditos, como eu posso fazer referências?
já vi diversos blogs que mostram as referencias dizendo que o template foi adaptado a partir do modelo .......
ResponderExcluir