Como colocar o botão com função de imprimir a página do artigo no blog.
Como todos sabemos, o Google considera todos os quesitos para uma melhor indexação de um site nos seus motores de busca, e com certeza, a usabilidade e facilidade também é um fator determinante para este posicionamento.
Então porque não usar da função do botão “Imprimir” para seus artigos ?
O botão é de simples implantação que não tem motivos para não utiliza-lo, além de a impressão vir com o link anexado na folha.
O Google Chrome já vem com a opção de transformar a impressão em PDF, dispensando o botão imprimir em pdf no blog.
Como adicionar o botão imprimir artigo em seu site ou blog ?
Para adicionar o botão, é bem simples, bastando colar o código onde deseja que o botão apareça, e na maioria dos sites e blogs é entre as tags < Body > e < / Body >.
Colocando o botão imprimir artigo no Blogger.
Abra o painel do seu blogger e clique na opção “Modelos“.
Agora clique no botão “Editar Html” depois em Prosseguir.
Marque a caixa expandir modelos de Widgets localizada no topo da janela.
Agora aperte as teclas “Ctrl + F” e pesquise por:
( <div class=‘post-footer‘>) – colocar abaixo da postagem.
(<data:post.body/>) – Colocar no final da postagem junto com o artigo (ficando igual aqui no kbaus.com)
Agora copie o código abaixo e cole depois da tag de sua preferência (mostradas acima).
Para editar a imagem da impressora, substitua oque está em vermelho pelo link da sua imagem.
<span style=’background: url(LINK DA SUA IMAGEM) left no-repeat; padding-left: 25px;display:inline;’>
<a href=’javascript:window.print()’ rel=’nofollow’ target=’_blank’>Imprimir Artigo</a></span>
Com o primeiro código a função ficará conforme pode visualizar no botão abaixo:
Estou tentando criar um script com a função de imprimir somente a DIV post-body relacionada ao artigo, dispensando os outros campos do site. Se eu conseguir publico aqui pra vcs !.
Abraço !
Este artigo pertence ao Kbaus Tutoriais.
Plágio é crime e está previsto no artigo 184 do Código Penal.
Da blz, tava precisando desse botão vlw, to criando um blog usei um recurso pra imprimir só o corpo do post. mas ou meno isso aqui:
@media print {.main-inner .column-right-inner {
padding: 0px 0px;
display:none;
}}
@media print {.main-inner .column-center-inner {
color:#000 !important;
text-shadow:none !important;
filter:none !important;
-ms-filter:none !important;
float: none !important;
position: center center;
}}
@media print {.post-body {
color:#000 !important;
text-shadow:none !important;
filter:none !important;
-ms-filter:none !important;
margin: -50px 0px 0px 40px;
position: absolute;
}}
tente usar isso q funciona só tenq dar uma adaptada pro teu layout tá meio engembrado mas deu boa.
flws
Que bom que acharam útil, estou meio sem tempo, mas ainda não desisti de tentar imprimir apenas alguma div.
Abraço !
Olá Miller.
Que legal! Gostei muito deste botão. Colocando ele no fim do artigo, assim como em seu blog fica muito bom.
Abraços!
Olá Claudio !
Andei pesquisando um pouco sobre o assunto, de imprimir divs, mas tem alguns comandos de scripts que estão me deixando "doido" krsrsrs
Obrigado pelo comentário!
Abraço !
Olá Miller,
ótima dica, realmente o botão de imprimir o post é um ótimo recurso, como você mesmo disse o ideal é imprimir apenas o post, mas esse já quebra um ganho.
Abraço!