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”/>

5 thoughts on “Adicionando link para impressão no Blogger”

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *