ARTIGOS RESUMIDOS COM THUMBNAILS

Uma forma bem legal de gerar pageviews para seu blog, é utilizando um código que resume seus artigos. Toda vez que um visitante quiser ler o artigo na integra terá que clicar em continue lendo, que o levará ao conteúdo completo.

Você não vai precisar fazer mais nada, basta adicionar o código uma única vez! Muito simples de implementar, é com Thumbnails das imagens nos artigos resumidos. Lembrando que o código só serve para usuários da plataforma blogger.

1- Faça login no blogger, clique em Design/Editar html/Expandir modelos de widgets.

Tutorial blogger 1Tutorial blogger 2

Tutorial blogger 3

2- Pressione as teclas Ctrl+F e na pequena janela que se abriu digite:

<data:post.body/>

Localize no html do template, apague, e cole o seguinte código no lugar:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<data:post.body/>

<b:else/>

<div expr:id='&quot;summary&quot; + data:post.id'>

<data:post.body/>

</div>

<script type='text/javascript'>

createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);

</script>

<div style='clear: both;'/>

<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Continue lendo >></b></a></span>

</b:if>

Agora procure por:

</head>

E cole este código antes:

<script type='text/javascript'>

var thumbnail_mode = &quot;float&quot; ;

summary_noimg = 230;

summary_img = 140;

img_thumb_height = 100;

img_thumb_width = 100;

</script>

<script src='http://keerthiset2.110mb.com/excerpt.js' type='text/javascript'/>

3- Clique em Visualizar, e na janela que irá se abrir veja se está tudo correto. Na sequência clique em Salvar Modelo. Se ocorreu algo errado clique em Limpar edições, para seu blog voltar ao normal.

Tutorial blogger 4

Os trechos do código em azul são editáveis, se referem a quantos caracteres o resumo terá sem ou com imagens, e o tamanho dos Thumbnails.



0 comentários:

Postar um comentário