Imagem com link imprimir página em blogs do Blogger

Compartilhar:
Ultimamente há inúmeros hacks e códigos que possibilitam a personalização de seu blog e a interação com o seu leitor. Hoje irei ensinar como colocar uma imagem abaixo dos títulos da postagem que irá imprimir TODA a página. Lembre-se que ele não irá imprimir a postagem mas, a postagem todinha.

1. Clique na guia Modelo, e clique no botão Restaurar/Fazer backup, faça uma cópia segura do seu template clicando em Fazer download do modelo completo.

2. Ainda na guia Modelo, feche a janela Restaurar/Fazer backup e clique no botão Editar HTML. Marque a caixa Expandir modelos de widgets.

3. Pressione Ctrl+F para abrir o Localizador de seu navegador e procure pela linha(tag):
<div class='post-header-line-1'>
4. Imediatamente, abaixo desta tag, cole o código:
<a href="javascript:window.print()"><img src="URL DA IMAGEM DO ICONE"/></a>
Faça as modificações da parte destacada de vermelho para o link de, preferência, uma impressora.

5. Clique em Visualizar e veja se estar tudo correto, depois clique em Salvar.
► Postagens Relacionadas:

6 Comentários

Edna H B Born disse...

Oi João Neto, vc poderia me ajudar? não sei como editar em html agora que meu blogger painel abre direto no rascunho... anteriormente eu sabia... acho que sou novata no assunto... obrigada! meu blog: http://ehbb.blogspot.com

29 de julho de 2011 às 10:32
JACN disse...

Bom, no novo blogger é mesmo difícil omo voltar a edição anterior do blogger, mas se você quer editar seu html no painel padrão, você só deverá ir no link: http://blogger.com/ . Caso você queira editar o html do código do botão imprimir, espere a atualização desta post! Caso eu ainda não tenho te ajudado, responda este comentário!
Abraços,
João Neto!

30 de julho de 2011 às 14:29
Izaque Liborio disse...

Muito bom joão valew

19 de fevereiro de 2012 às 00:27
João Almeida disse...

Fico feliz que tenha gostado Izaque! Obrigado pela participação!

19 de fevereiro de 2012 às 00:31
FABIO MURILO disse...

JOÃO...NÃO ENTEDI MUITO BEM...QUERO COLOCAR EM UM MAPA NO MEU SITE ESCRITO IMPRIMIR MAPA...PARA QUE AS PESSOAS POSSAM IMPRIMIR O MAPA SEM TER QUE ABRIR OUTRA PAGINA DO GOOGLE MAPS PARA IMPRIMIR...SÓ QUE EU NÃO ENTENDI COMO FAZ....TEM COMO VC ME EXPLICAR...A URL ONDE ESTA A IMAGEM DO MAPA É ESSA: http://engeforth.loja.com.br/clientes/u_487551_8d9f9243ab/imgRoot/MAPA-ENGEFORTH-IMPRIMIR.jpg ...FICARIA GRATO SE PUDESSE ME ENVIAR O CÓDIGO CERTINHO PRA EU COLOCAR NO MEU SITE...OBRIGADO.

28 de novembro de 2012 às 12:26
João Almeida disse...

Estou tentando ver isso. Qualquer novidade eu lhe aviso!

28 de novembro de 2012 às 12:40

Postar um comentário