Ajude o blog a continuar sem anúncios com uma contribuição.

4 de agosto de 2010

Botão imprimir em seu blog

Você já deve ter visto em alguns sites o botão para imprimir o artigo que está lendo, inclusive usado aqui em algumas ocasiões. Bom, você pode ter um botão em seu blog com um código bem simples e pequeno, basta então colocar o código nas postagens do seu blog ou usar de alguma outra maneira.

Veja um tipo de botão com a opção imprimir logo abaixo: 

Imprimir essa página


Assim todos os usuários do seu blog ou site podem imprimir a página e ler quando quiser, como você poderá fazer isso clicando no botão acima.


O código é bem simples mas exige algumas modificações, veja :

<span style='font-family: arial;'><span style='font-size: 100%;'><a href='javascript:window.print()' target='_self'><img border='0' src='URL DE SUA IMAGEM' style='border: 0px none; padding: 0px;'/>Imprimir essa página</a></span></span>

O trecho destacado em verde você na verdade pode alterar apenas se desejar. Ele muda o tamanho da fonte que no caso está Normal. Se alterar para mais de 100 maior o tamanho da fonte, e quanto menor o número menor o tamanho da fonte.

O trecho azul requer o endereço da imagem (Ícone) que vai aparecer logo ao lado do texto. Como o ícone que usamos no nosso botão imprimir mais acima.  Mas não use imagem muito grandes, de preferencia use ícones de tamanho pequeno.

O trecho vermelho você pode alterar para o texto de exibição, que no nosso caso mostra "Imprimir essa página", mas você pode usar outras palavras como "Imprimir este artigo" ou apenas "Imprimir".


Depois de fazer todas alterações precisas, use o botão da forma que desejar, como por exemplo em suas postagens, basta copiar o código e colar na parte que julgar conveniente.




Veja Também :


2 comentários:

Amanda Fonseca comentou :

Noooossa, eu estou procurando esse tutorial há um tempão, pois tenho um blog onde disponibilizo rótulos free para trabalhos artesanais. Já testei uns 10 tutoriais da net antes do seu, mais ou menos, e já estava desistindo quando resolvi testar mais um... rsrsrs
Foi o único que deu certo no meu blog!!!!!!!
Muito obrigada de coração!!!
Já me tornei seguidora do blog e vou ficar de olho nos posts pois estou querendo aprender duas coisas: como criar um favicon e como colocar link no banner.
No favicon já entrei no site, fiz upload da imagem, baixei o ícone pro meu computador, mas daí em diante não sei como acrescentá-lo ao link fornecido pelo site.
E quanto ao banner, sei que temos que mapear a imagem, já até baixei um programa que faz isso tudinho bem facinho (Imapic), mas não sei como acrescentar ao meu blog o código gerado.
Se você souber e puder me ajudar em algumas dessas dicas ficarei super agradecida.
Meu e-mail é pingosegotas@hotmail.com
Um abraço,

Felipe Costa comentou :

Melhor Tutorial da net. Vlw