Demorei um pouco a garantir que as minhas postagens imprimíssem desta forma, portanto criei este tutorial para se tornar simples e rápido para poderem instalar no vosso blog.
Para adicionarem o código para imprimir a vossa postagem, basta ir à Esquema> Editar HTML no vosso Painel do Blog, e procurem este
código </ head>.
Antes desta linha, adicionem as seguintes linhas de código (podem copiar e colar directamente para o vosso Blog):
<style type="text/css" media="print">
#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>
Se quiserem, podem visualizar o blog antes de salvar. Nesta página de visualização, só serão capaz de visualizar a impressão apenas nas postagens do blog.
Para notificarem os leitores que as postagens podem ser impressas de forma eficaz, será necessário adicionar um link "Imprimir" para cada das postagens. Para adicionar o link imprimir, vão para a "Editar HTML" novamente e, agora pesquisem esta linha:
<div id="'main-wrapper'">
Logo por cima introduzem este código:
<b:if cond='data:blog.pageType == "item"'>
<span style='background: url(http://bloggerbuster.com/images/print.gif) left no-repeat; padding-left: 20px;'><a href='javascript:window.print()'>Imprimir</a></span>
</b:if>
Voltem a salvar o vosso modelo e espero que se divirtam.
