Blogger – botões imprimir e guardar como PDF para artigos individuais no blogger

Com este código irá permitir que os visitantes ao seu blog imprimam ou guardem no formato PDF artigos individuais do blog, poderá ser útil para quem queira imprimir ou arquivar um guia.

O código para a “parte” da impressão foi originalmente postado pela Amanda, a “parte” do PDF vi num blog que entretanto perdi o endereço.

1º – No painel de controlo do blogger clicar em ESQUEMA/LAYOUT >>>> EDITAR HTML e seleccionamos a opção EXPANDIR MODELOS DE WIDGETS, depos de a página recarregar vamos localizar no template o seguinte código:</head>, e inserimos o seguinte código CSS antes dessa linha:

   
<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>

3º – Localize no template o seguinte código: <data:post.body/> e coloque o seguinte código imediatamente a seguir:

   
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<span style='background: url(http://4.bp.blogspot.com/_ImJ3wuFG4BE/SOE1wInErpI/AAAAAAAAC00/ts93eL_FDyM/s00/print.gif) left no-repeat; padding-left: 20px;'><a href='javascript:window.print()'>Imprimir artigo</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<span style='background: url(http://3.bp.blogspot.com/_ImJ3wuFG4BE/SOE1wHz3jCI/AAAAAAAAC08/NzRfVsDeUGA/s00/pdf.gif) left no-repeat; padding-left: 20px;'/>
<a expr:href='&quot;http://savepageaspdf.pdfonline.com/pdfonline/pdfonline.asp?cURL=&quot; + data:post.url + &quot;&amp;author_id=3FD52872-3E9E-483E-A95F-0348A270F5D7&quot; + &quot;&amp;page=0&quot; + &quot;&amp;top=0.5&quot; + &quot;&amp;bottom=0.5&quot; + &quot;&amp;left=1.5&quot; + &quot;&amp;right=1.5&quot;' target='_blank'>Guardar como PDF</a>
</b:if>

4º – Guarde as alterações e se tudo correu bem deverá ver nas páginas individuais do blogue 2 botões um para imprimir outro para guardar em PDF, pode também utilizar outras imagens substituindo as secções a verde e vermelho no código pelas localizações de outras imagens, a vermelho é a impressora e a verde o símbolo do formato PDF.

OBSERVAÇÔES:
Dependendo do template o código inserido no passo 1 não é necessário, experimente sem e com esse código se tiver dificuladades a imprimir ou guardar no formato PDF.

Se tiverem dificuldades/precisarem de ajuda a instalar o código ou mudar a imagem deixem aqui um comentário, não enviem mensagens acerca disto através do formulário de contacto.