Ricardo Santos

Na Aldeia mais digital de Portugal – Beijós

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

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

3 comentários

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.

Postado por: Ricardo Santos

29 Setembro 2008

Partilhar no: Facebook | Google + | | Digg

Gostou deste artigo? Não perca nenhum artigo! Subscreva via RSS,

3 comentários em: 'Blogger – botões imprimir e guardar como PDF para artigos individuais no blogger'

  1. Uma vez mais obrigado por mais uma lição. Já testei e, logo à 1ª, funciona 100%. As instruções também não poderiam ser melhores, pois o professor é excelente.
    Um abraço deste lago do Atlântico

    Berdades

    29 Set 08 at 15:20

  2. 很好

    Belen

    1 Out 08 at 7:30

  3. Obrigada!

    Será possível colocar o Print e o PDF no post footer?
    tento colocar na segunda linha do post footer mas aparece sempre no body!!!

    Catarina Silva

    17 Out 08 at 4:33

Comentários

Mais em Blogger (3 de 49 artigos)