Adicionando link para impressão no Blogger

Com este tutorial, você irá aprender adicionar para impressão de um determinado post do seu Blog. Siga os seguintes passos:

1. Faça login no painel do Blogger -> layout--> Editar HTML
2. Clique em Expandir modelos de widgets
3. Aperte CTRL+F ou F3 e digite </head>
4. Agora, copie e cole esse código abaixo antes da tag </head>
<style type="text/css" media="print">
#noprint {display: none;}
// Hide unwanted elements
body {background:fff; color:000;}
// Black text on White background
a {text-decoration: underline; color:00f;}
//Underline Hyperlinks in blue
}
</style>

5. Agora procure novamente por este código:
<div class='post-header-line-1'/>

6. Agora copie e cole o código abaixo, após o seguinte código <div class='post-header-line-1'/>
<a href="javascript:window.print()">Imprimir Página</a>

7. Agora salve seu modelo e pronto!

Se desejar substituir o link por um botão, troque o código <a href="javascript:window.print()">Imprimir Página</a> por <a href="javascript:window.print()"><img src="http://urldaimage.com"/>
Adicionando link para impressão no Blogger Adicionando link para impressão no Blogger Reviewed by Fabricio Araujo on 19:15:00 Rating: 5

5 comentários:

  1. O Fabrício, segui as orientações como indicado aqui por voce e visualizei o blog, mas nada diferente aconteceu. Onde será que errei?
    Me dê uma luz nisso também amigão!

    Agradeço-te antecipadamente!!!
    (Tô pedindo tanto 'help' que daqui a pouco vai querer cobrar....rs) - Vai não né!!!!

    ResponderExcluir
  2. padaquipadali, eu visualizei aqui seu blog, e o link para impressão está funcionando corretamente.

    Testei no Mozilla Firefox, Google Chrome, Opera e no Internet Explorer 8, e parece que não está funcionando no IE8.

    ResponderExcluir
  3. vlw deu certo,é poderia colocar um texto nem que fosse grande como mecher com fotoshop,pois queria eu mesmo fazer as imagens do meu blog,e como deixar o blog mais bonito?(Ex:eu mesmo quero fazer a aparencia do blog mas como)?

    ResponderExcluir
  4. @Anônimo pelo o que eu entendi, você quer um tutorial de Photoshop não é? Nesse site, existem diversos tutoriais de Photoshop, é só treinar que certamente você irá aprender.

    ResponderExcluir
  5. @Anônimo pelo o que eu entendi, você quer um tutorial de Photoshop não é? Nesse site, existem diversos tutoriais de Photoshop, é só treinar que certamente você irá aprender.

    ResponderExcluir

Adicione seu comentário nesse post.
- Receba a resposta por e-mail, clique em inscrever-se por e-mail.
- Não use palavras de baixo escalão.
- Quer mostrar seu blog? Use a opção Open ID.
- Se selecionar a opção Nome/URL na URL digite http:// na frente do endereço do seu blog.
- Quer falar somente com o Autor? Então clique Aqui.

Muito obrigado por sua visita e volte sempre!

Tecnologia do Blogger.