<script><!--
var fs=new Array('12px','18px','22px','25px');var contador=0;function novoTamanho(x){if(x==0){if(contador<fs.length-1){contador++;document.getElementById("outer-wrapper").style.fontSize=fs[contador];document.getElementById("outer-wrapper").style.lineHeight=fs[contador];}}
if(x==1){if(contador>0){contador--;document.getElementById("outer-wrapper").style.fontSize=fs[contador];document.getElementById("outer-wrapper").style.lineHeight=fs[contador];}}}//-->
</script>
<a href="javascript:novoTamanho(0)" class="aumef bra" title="Aumenta a fonte Ctrl +">Mais Zoom</a><a href="javascript:novoTamanho(1)" class="aumef bra" title="Diminui a fonte Ctrl -">Menos Zoom</a>
<img src="endereço da imagem" border="0" />
Apenas tome cuidado para hospedar e usar o endereço correto da imagem no código. Outra coisa fácil de mudar é o texto que aparece quando colocamos o mouse sobre o link, veja no código onde está escrito: Diminui a fonte Ctrl- e Aumenta a fonte Ctrl +, depois caso quiser pode alterar para qualquer outro texto, mas lembre-se isso só aparece quando colocar o mouse sobre o link ou imagem que reduz ou amplia o texto do seu blog.
Outra coisa que podemos escolher no código são as opções de tamanho de fonte que usaremos, veja na primeira linha '12px','18px','22px','25px', você pode mudar para outros valores se quiser, apenas cuidado para não apagar os símbolos ao lado dos numeros. Mas você não deve colocar mais opções, ou seja apenas troque os valores que desejar.
Link para esta página
36 comentários:
Oi,Fabiano!
Vim agradecer as boas dicas sempre aqui e desejar um lindo Naral,cheio de Luz e muito amor! abração e que em 2010 nos encontrem,os sempre por aqui e por muito tempo ainda!chica
Legal essa dica deu certo!
Falaaa meu brother, como sempre cheio de novidades,e eu sempre por aqui procurando onde melhorar meu blog rs.
quem puder me fazer uma visitinha tambem :D
http://guiamd.blogspot.com
Valeu dicas para blogs !
Deu certo no meu blogger ... aqui quem fala é o Rodrigo do email que mandei sobre a postagem !!!
Mais uma vez agradecemos, a importância de dividir conosco todos seus conhecimentos e dicas sempre contundentes. boas festas e tudo de bom!
Abraços carlos.
Fabiano Roberto estou com um Problema com meu Blog e quero que vc me ajude todas a letras que fica fora do Post
Sempre fica encostado no lado direito do blog e quero que vc me ajude a consertar.
Da uma olhada no meu blog
http://www.pdc-downloads.blogspot.com
e olha as ultimas palavras anbaixo
ta a sim la
SB-Downloads o Site Oficial do Download
Há alguns dias sugeri que postasse algo sim e fiquei contente com a postagem já estou utilizando no meu blog jogotop.blogspot.com mas gostaira mesmo de algo que expandisse a area toda não apenas a fonte. Mesmo assim obrigado por se preocupar e colocar essa postagem muito legal. Valeu
ThYaGo_PDC
entre na pagina editar html e procure por:
.sidebar .widget {
padding:0pt 0px 10px;
width:210px;
border: 1px solid #FFFFFF;
}
e altere a linha padding:0pt 0px 10px; para:
padding:0 0 10 5px;
o numero 5 no final é a margem esquerda
joakasfavio vou procurar um que ative o zoom diretamente pelo navegador
Fabiano Roberto:
Eu consegui pôr o a imagem mas ela fica gigante com dimuno ela?
vlw
Coloquei Mas Continua no canto esquerdo do Blog
A e Tenho outro Problema e Mexendo sem saber no meu HTML Eu Alterei Alguma Coisa que Fez descer minha Segunda coluna a Direita como Faço Para Subir de novo?
http://www.pdc-downloads.blogspot.com
A eu tenho um Codigo que extremesse a pagina toda do site Igual ao MSN quando a gente Chama a Atenção de uma pessoa, Mas que Pena que Ele so Funciona com Internet Explorer.
Meu Layout ta todo descomfigurado me ajuda ae não quero perder nada
vou deixar uma foto la no Site do Layout
Se Quizer eu Passo a senha do Blog Depois.
http://www.pdc-downloads.blogspot.com
World Soccer
você precisa fazer a imagem no tamanho certo antes de usar no código reduzir a imagem no código até é possivel mas vai distorcer a imagem. É melhor usar um programa de edição de imagens para diminuir
http://www.dicasparablogs.com.br/2008/08/programas-gratuitos-para-edicao-de.html
e depois hospedar a imagem
ThYaGo_PDC
veja aqui sobre as larguras do blog provavelmente é isso que fez a coluna ir parar no final da postagem
http://www.dicasparablogs.com.br/2007/08/largura-do-blog.html
Olá, querida(o)(s) amiga(o)(s)!
de
___00000___00000_____
__0000000_0000000___
__000000000000000____
___0000000000000____
____00000000000___
______0000000____
________000_____
_________0_____
desejo a você(s) e toda
a sua família ótimos
preparativos,
_________ 00____
___________ 000_
FELIZ NATAL
______________ 00___
_____________ 0___
E PRÓSPERO ANO NOVO
___________ 0
Bjs._______ 0*´¨)
___¸.•´¸.•*´¨) ¸.•*¨)
Dô. (¸.•´(¸.•´
Fabiano roberto Problema era o Seguinte...
/*-- (Principal) --*/
#main-wrapper {
width: 545px;
float: left;
margin-top: 11px;
margin-center: 10px;
overflow:hidden;
border: 3px solid #FF0000;
Eu Tinha Alterado "float: left;" Por "float: center;" Foi Isso que Fez Minha Segunda Coluna Descer Mas Ta Resolvido.
Obrigado Mesmo Por Tudo, Mais tem Um Problema Ainda Minhas Ultimas Letras la do Blog Continuam Encostado no Canto Esquerdo.
www.pdc-downloads.blogspot.com
ThYaGo_PDC
para dar uma margem no canto use padding-left:10px;
outra coisa float:center acho que não existe.
Fiquei todo felizão quanto o código funcionou no meu blog para testes. Mas, quando fui utilizá-lo no blog de verdade não funcionou. Será que algum outro java script que utilizo (apenas no blog de verdade) interferiu ?
Oi "Dicas". Obrigado por dividir conosco seus conhecimentos. Feliz Natal e Bom Ano Novo!
JGP
Foi Por Isso Que a Segunda Coluna Ficou Desconfigurada não existe float: center, Foi Como eu Disse Eu tinha Alterado float:left por float: center mas ja ta resolvido
Tiozão das Batidas
é possivel que outro código tenha dado problemas sim, principalmente se usou o mesmo código que colocou no blog de testes, afinal se funciona em um deveria funcionar em todos
Gostaria de saber como retirar o compartilhamento de redes sociais no blog?
Redação
existem varios jeitos de colocar as redes sociais no blog, isso dificulta para dizer exatamente onde está o código.
entre na pagina editar html, clique para expandir o modelo e procure pelo texto que aparece como link para as redes sociais ou pelo nome que aparece quando coloca o mouse sobre os links, deve achar o código então é só apagar, mas preste atenção para achar o inicio e final dos códigos e não apagar coisas além do que deveria.
antes de começar faça um backup do seu modelo.
Olá fabiano eu tenho um blog sobre gta (www.fangtasa.blogspot.com) eu sou fã do dicas para blogs sempre que entro aqui meu blog avança e eu decidi que vou pedir parceria
www.fangtasa.blogspot.com por favor se você aceitar me avise!!! Estou ancioso por sua resposta!!!
José luiz
veja aqui sobre parcerias
http://www.dicasparablogs.com.br/2009/07/parcerias.html
isso é incrivel... vlw aee emm!!
Muito interessante essa dica, não conhecia.
Parabéns!
Olá professor Fabiano!
Bom dia!
Minha amiga visitou o meu blog, mas queixou-se, me disse:
"Funcionou PARCIALMENTE o recurso de diminuir ou aumentar o zoom do texto!! Ihhh. Explico: percebi que a última mensagem se mantém intacta e nada foi alterada enquanto outras mensagens sim, foram alteradas!"
Fui testar meu blog para aumentar mais zoom, percebi que três mensagens foram inactas ou não foram alteradas pelo mais zoom.
Como reparo esse problema?
Oi professor Fabiano, bom dia, por favor, responda ao meu comentário acima, pois preciso reparar um problema, o meu blog estará pronto amanhã.
Obrigado pela atenção, compreensão e ajuda!
Gustavo
gustavo
se no seu blog não funcionou o código, tente achar outro no google para fazer o efeito zoom, não tem como reparar o código.
Não deu certo =/ Eu copiei o código certinho mas não funcionou. Não sei porquê...Bjs
Isabel
tem que ver o seu template se tem a tag outer-wrapper na formatação, repare que esse trecho aparece varias vezes no código, então ele tem que ser igual no seu blog.
acho que os modelos novos usam tags diferentes
Bom dia professor Fabiano
Como eu já disse que o código de zoom do texto funcionou perfeitamente, mas quando eu troquei as palavras pelas imagens, fui testar, a janela aviso que deu erro. O que faço? Devo trocar novamente as imagens pelas palavras?
Observação: Coloquei as tabelas no código de a href de Mais e Menos Zooms com imagens.
Se você não me entender, clique no meu nome, visite o meu blog, teste os zooms do texto do meu blog e preste atenção à barra inferior da janela dizendo se dá errado ou não.
talvez tenha apagado algo por engano na hora de colocar o código da imagem, era para funcionar normalmente
Não funcionou em nosso blog. Se puder nos ajudar seremos gratos.
veja os detalhes do código, talvez apagou alguma coisa por engano, ou na hora de copiar e colocar deu algum problema de codificação, copie o código coloque no bloco de notas e depois no blog.
Postar um comentário