THE BLOG THAT WAS HERE HAS MOVED, YOU'LL BE REDIRECT IN 10 SECONDs, IF YOU'RE NOT REDIRECT CLICK HERE, PLEASE UPDATE YOUR BOOKMARKS.

O BLOGUE MUDOU-SE, VAI SER REDIRECCIONADO(A) EM 10 SEGUNDOS, SE NÃO FOR REDIRECCIONADO CLIQUE AQUI E ACTUALIZE OS SEUS FAVORITOS.

Artigos recentes

29 setembro 2008

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

postado por: Ricardo Santos

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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTkX3k1UkH-rXAcpDZSa8whg2UeTlhQ9Qi8eD6G_3lqci6yVkckzqqWT4J5HdXuyyuv0qGZQ0RHUPwQK5TDl-gAQRAptserJGxc3wJn71vB7parScYtrb7K78dm2Kw8tkkrf_QRQ/s0/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzXmorWB9VslheizWR93gsEpd3Ym5j3ppBJeo7ITpsGuV-Wbs8tiqA9b1wfbsJ8wFlFHGEom3nEkirEmPFmNEz25BgWpMdgonar4kxKkYEgFfN5vj0mZ9EfsexYS2pt1VQUUEUXw/s0/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.

Comments 3 comments
Marcelino Teles disse...

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

Unknown disse...

很好

Catarina Silva disse...

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

Categorias

Subscribe feeds rss Comentários recentes

Subscribe feeds rss Artigos recentes