Como colocar botão “Imprimir” no Blogger


Nesse tutorial de hoje vou mostrar para vocês como colocar em seu site ou blog um botão com a função de imprimir a página caso o seu leitor queira e necessite é claro! Para fazer isso será preciso apenas coloca o código que irei mostrar na página que você quer que tenha essa função ou no HTML do seu site ou blog se quiser que apareça em todas as páginas.

Pode parecer algo muito sem utilidade para alguns, mas em alguns nichos de blog como por exemplo os que ensinam receitas é sem dúvida algo que não pode faltar, já que os leitores desse tipo de blog normalmente gosta de imprimir suas receitas para testar na cozinha!

– Veja também:

Mas você mais do que ninguém saberá se essa função será útil ao seu blog e aos seus leitores ou não, portanto usei como exemplo os blogs sobre receitas mas essa função pode ser usada em outros tipos de blogs também.

Colocando em alguns Posts

1º Passo: Se você quer colocar essa função em apenas alguns postagens e não em todas, você pode fazer isso entrando na postagem em que você quer colocar essa função e clicando em “HTML“:

89784654

2º Passo: Agora basta você copiar o código abaixo e colar no local em que você quer o botão “Imprimir” apareça!

No caso você pode colocar acima do texto da sua postagem para aparecer no começo, ou no final da postagem para aparecer no final.

Código:

Veja no exemplo colocando no final da postagem:

8745656

Feito isso basta clicar em “Atualizar” e ver como ficou! Repita esse processo em outros posts que você quer essa função disponível!

Agora, se você quer mesmo é colocar essa função em todos os post,s você não precisa fazer isso em cada postagem, basta colocar o código no HTML do seu tema para que essa função apareça em todas postagens. Veja como logo abaixo!

Colocando em todos os Posts

1º Passo: Entre no painel de controle do seu Blogger e do lado esquerdo clique em “Modelo” e depois em “Editar HTML“:

124747787878

2º Passo: Agora clique levemente sobre o código e aperte as teclas CTRL + F e pesquise pelo código abaixo e aperte “ENTER“:

Detalhe: Terá dois códigos, então quando encontrar o primeiro aperte ENTER novamente para ir ao segundo que é o que queremos!

3º Passo: E logo ACIMA desse segundo código que encontramos, coloque o seguinte código:

Deve ficar mais ou menos como na imagem abaixo:

12568787

Feito isso clique em “Salvar modelo” e pronto! Agora é só entrar nas postagens para verificar se tudo funcionou!

Personalizando o botão

Você pode mudar o botão “Imprimir” por outros botões diferentes e para fazer isso basta você apagar no código o seguinte item como marquei na imagem abaixo e substituir por outro mostrados mais abaixo:

12356489

Botão 1 (Padrão)

01

Botão 2

02

Botão 3

03

Botão 4

04

Botão 5

05

Botão 6

06

 



Relacionados