Como colocar "imprimir" nas postagens+Cartão do blog

 Hoje eu quero ensinar como vcs colocarem imprimir nas postagens:


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 == &quot;item&quot;'>
<a title='Texto e Comentários' href='javascript:window.print()'>Imprimir postagem</a>
</b:if>
8.Salve as alterações e visualize.

Créditos http://www.noticiaeblog.com 

Cartão do blog:

Fiz um cartão,Aninha,gostou?

 E fiz no modelo 2:

Beijos!