Adicionando link para impressão no Blogger
Anúncios
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>
#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”/>