Inserir um layout de impressão abaixo das postagens é muito bom, pois permite ao leitor imprimir apenas o artigo e os comentários, eliminando a sidebar(Gadgets,links,fotos,etc...) que é um grande consumidor de tinta e permitindo que o leitor não tenha que ficar copiando para o Office, BRoffice... entre outros. A impressão já está ali pronta para o uso sem precisar de nenhuma edição.Vamos as alterações:
1.Faça login no painel do Blogger
2.Vá para "Layout"->"Editar HTML"->Marque a caixa "Expandir Modelos de Widgets"
3.Procure pelo código abaixo no seu template "Utilize as teclas Ctrl e F para procurar":
</head>4.Acima do código anterior adicione o código abaixo:
<style media='print' type='text/css'>
#header-wrapper, #header, .header, #sidebar-wrapper, .sidebar, #footer-wrapper, #footer, .date-header, .post-meta-data, .comment-link, .comment-footer, #blog-pager, #backlinks-container, #navbar-section, .subscribe_notice, .noprint {display: none;}
#main-wrapper {width: 95%}
</style>5.O código anterior deve ficar como esse abaixo "Exemplo":
<style media='print' type='text/css'>
#header-wrapper, #header, .header, #sidebar-wrapper, .sidebar, #footer-wrapper, #footer, .date-header, .post-meta-data, .comment-link, .comment-footer, #blog-pager, #backlinks-container, #navbar-section, .subscribe_notice, .noprint {display: none;}
#main-wrapper {width: 95%}
</style>
</head>6.Procure pelo código abaixo no seu template:
<div class='post-footer-line post-footer-line-1'>ou
<div class='post-footer-line post-footer-line-2'>7.Abaixo dele adicione o código seguinte:
<b:if cond='data:blog.pageType == "item"'>
<a title='Texto e Comentários' href='javascript:window.print()'>Imprimir postagem</a>
</b:if>8.Salve as alterações e visualize.
Dúvidas pergunte nos comentários
16 Comentários
Não tem como este link de imprimir fikar na postagem sem ter que clikar no cometários?
@***********, apesar de ser um comentário anônimo tem como sim basta adicionar deste modo o ultimo código do post acima:
<a title='Texto e Comentários' href='javascript:window.print()'>Imprimir postagem</a>
Nossa muito bom isso mesmo sendo uma coisa tão simples, ja ta nos favoritos^^
Acessem.: www.nyckdownload.dahora.net
Obrigado, mas mesmo assim nao funcionou por que nao imprime.
A impressora num roda
mas valeu
Quando adicionei os códigos e salvei, todos os posts sumiram, não entendi nada. Refiz o processo e aconteceu a mesma coisa, vc poderia me ajudar? Abç
No meu também não funcionou !
Não funcionou. Fiz tudo seguindo suas orientações. Uma pena!!! Vou ter que procurar outro tutorial para que funcione!
Fiz exatamente como pediu, por sinal ate apareceu a opção imprimir postagem, porem o objetivo nao é alcançado ao clicar o incone. O que faço?
Funcionou bem d+....xou de bola...!!!!!!!!
Muito bom!!!
Aliás a maioria dos seus posts tem sempre me orientado.
Valeu pela iniciativa.
Obrigado!!!
Visitem esse site galera :D
www.nyckdownload.com
no meu não funcionou. nem apareceu o ícone. algo errado?
Nossa! Esse site/blog é ótimo!
Exatamente tem tudo o que eu preciso!
parabens funçiono direitinhu
meu blogger ñ tem
class='post-footer-line post-footer-line-1'>
Não funcionou, uso o Firefox, tem códigos que não funcionam no Firefox.
Postar um comentário
Deixe seu comentário aqui
Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.