terça-feira, 15 de julho de 2008

Como imprimir apenas o post em questão

Graças a Amanda do Blogger Buster, agora vocês podem imprimir apenas o post em questão. Antes eu estava usando um código que imprimia a página inteira, exatamente assim:
<style media="print" type="text/css">#navbar-iframe {display: none; height: 0px; visibility: hidden;}.noprint {display: none;}body {background:#FFFFFF; color:#000;}a {text-decoration: underline; color:#000000;}}</style>
e a imagem do link:
<a href="javascript:window.print()"><img src="http://i77.photobucket.com/albums/j76/j_rosario/printer.png"border="0" /></a>
colocado após os ícones de enviar mensagem/edição rápida. O código eu tinha pego no blog da Ana Prado.O código disponibilizado pela Amanda, elimina as colunas laterais e a coluna do rodapé, ou seja, imprime apenas o post e seus comentários. Vejam como funciona:- No Editar HTML, procure a tag </head>, e coloque o código abaixo(em negrito) antes dela(copie e cole):
<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>
Visualize e depois salve.Para colocar o link de impressão, vá de novo em Editar HTML, marque "Expandir os modelos de widgets", e procure essa linha:
<p><data:post.body/></p>
Após essa linha, copie e cole um dos três links de impressão disponibilizados pela Amanda. Eu escolhi o terceiro e o modifiquei, colocando a url da imagem em um outro servidor e alterei a frase "Print this post" para "Imprima este post":
<b:if cond='data:blog.pageType == &quot;item&quot;'><span style='background: url(http://bloggerbuster.com/images/print.gif) left no-repeat; padding-left: 20px;'><a href='javascript:window.print()'>Print this post</a></span></b:if>
Agora, o que me deu uma dor de cabeça danada, foi tentar fazer com que os códigos não sumissem do post. A solução foi colocar no lugar das tags <> os códigos & l t ; e & g t ;, junto com o comando code.Agora ninguém pode reclamar que não consegue imprimir os meus posts direito! Photobucket

4 comentários:

Pessoal, comentem, críticas e elogios serão bem aceitos. E eu respondo, posso demorar mas respondo. Esse velho lobo do mar tarda mas não falha!!!!

Leia antes a minha Política de Comentários.

Se quiser deixar o link de uma postagem sua, utilize o código abaixo trocando o que está escrito em letra maiúscula:

<p><abbr><em><strong>SEU NOME</strong> - último post do blog... <a href="<strong>LINK-DA-POSTAGEM</strong>"><strong>TÍTULO DA POSTAGEM</strong></a></em></abbr><p>

Artigos recentes

Related Posts with Thumbnails
Google