Cursos 24 Horas - Cursos 100% Online com Certificado

Adicionar link de impressão das postagens no Blogger

20 Comentários Autor : Notícia e blog 15 outubro 2009



Inserir um layout de impressão abaixo das postagens é muito bom, pois permite ao leitor imprimir apenas o artigo e os comentários, eliminando a sidebar(Gadgets,links,fotos,etc...) que é um grande consumidor de tinta   e permitindo que o leitor não tenha que ficar copiando para o Office, BRoffice... entre outros. A impressão já está ali pronta para o uso sem precisar de nenhuma edição.Vamos as alterações:


1.Faça login no painel do Blogger
2.Vá para "Layout"->"Editar HTML"->Marque a caixa "Expandir Modelos de Widgets"
3.Procure pelo código abaixo no seu template "Utilize as teclas Ctrl e F para procurar":
</head>
4.Acima do código anterior adicione o código abaixo:
<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>

5.O código anterior deve ficar como esse abaixo "Exemplo":
<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>
</head>

6.Procure pelo código abaixo no seu template:
<div class='post-footer-line post-footer-line-1'>
ou
<div class='post-footer-line post-footer-line-2'>
7.Abaixo dele adicione o código seguinte:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a title='Texto e Comentários' href='javascript:window.print()'>Imprimir postagem</a>
</b:if>

8.Salve as alterações e visualize.


Dúvidas pergunte nos comentários

    20 Comentários

    Anônimo disse...
    5 de novembro de 2009 16:23 #

    Não tem como este link de imprimir fikar na postagem sem ter que clikar no cometários?

    Notícia e blog disse...
    5 de novembro de 2009 17:34 #

    @***********, apesar de ser um comentário anônimo tem como sim basta adicionar deste modo o ultimo código do post acima:

    <a title='Texto e Comentários' href='javascript:window.print()'>Imprimir postagem</a>

    NYCK DOWNLOADS disse...
    6 de novembro de 2009 21:30 #

    Nossa muito bom isso mesmo sendo uma coisa tão simples, ja ta nos favoritos^^
    Acessem.: www.nyckdownload.dahora.net

    Equipe Expert-Cheats disse...
    9 de novembro de 2009 16:42 #

    Obrigado, mas mesmo assim nao funcionou por que nao imprime.
    A impressora num roda
    mas valeu

    Felippe Toledo disse...
    16 de março de 2010 22:09 #

    Quando adicionei os códigos e salvei, todos os posts sumiram, não entendi nada. Refiz o processo e aconteceu a mesma coisa, vc poderia me ajudar? Abç

    Tatiana Vieira disse...
    30 de abril de 2010 01:07 #

    No meu também não funcionou !

    Deborah Martin Salaroli disse...
    25 de maio de 2010 18:42 #

    Não funcionou. Fiz tudo seguindo suas orientações. Uma pena!!! Vou ter que procurar outro tutorial para que funcione!

    LaUrO eLiSiO disse...
    28 de maio de 2010 15:23 #

    Fiz exatamente como pediu, por sinal ate apareceu a opção imprimir postagem, porem o objetivo nao é alcançado ao clicar o incone. O que faço?

    Banda Adventus disse...
    26 de agosto de 2010 14:06 #

    Funcionou bem d+....xou de bola...!!!!!!!!

    EGDomingos disse...
    3 de setembro de 2010 14:04 #

    Muito bom!!!
    Aliás a maioria dos seus posts tem sempre me orientado.
    Valeu pela iniciativa.
    Obrigado!!!

    Anônimo disse...
    11 de setembro de 2010 00:19 #

    Visitem esse site galera :D
    www.nyckdownload.com

    EDIEL ARANHA® disse...
    7 de outubro de 2010 00:25 #

    no meu não funcionou. nem apareceu o ícone. algo errado?

    Alisson disse...
    9 de março de 2011 11:15 #

    Nossa! Esse site/blog é ótimo!
    Exatamente tem tudo o que eu preciso!

    bruno disse...
    11 de março de 2011 23:34 #

    parabens funçiono direitinhu

    Bia (amrdomo) disse...
    31 de maio de 2011 12:53 #

    meu blogger ñ tem
    class='post-footer-line post-footer-line-1'>

    Aninha Borges disse...
    16 de janeiro de 2012 21:01 #

    Não funcionou, uso o Firefox, tem códigos que não funcionam no Firefox.

    Marlon disse...
    11 de outubro de 2012 14:28 #

    aff o meu nao apareceu nada --'

    CURTA INÚBIA disse...
    26 de março de 2013 14:35 #

    infelizmente não consegui
    http://inubianews.blogspot.com.br/

    Selma Motta disse...
    25 de outubro de 2013 02:36 #

    Quero muito colocar, mas como muitos amigos aqui disseram ,não funcionou..Agora que tenho mais receio ainda. BJS!.

    Anônimo disse...
    25 de dezembro de 2014 23:25 #

    http://www10.vakinha.com.br/VaquinhaE.aspx?e=335051

    Ola pessoal minha netinha esta chorando por nao ter ganhado o tablet neste natal. Devido problemas financeiros nao conseguimos comprar o presente dela. Todos os dias ela vem aqui em casa e sempre pergunta quando ela vai receber o tablet, isso doi em nossos coraçoes. Ela tem apenas 3 aninhos um anjinho, peço a ajuda de vocês pessoal, que puder contribuir para ajudar minha neta, eu agradeço. Que Deus abençoe a todos. Me ajudem!

    Postar um comentário

    Deixe seu comentário aqui
    Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.