Gadget para Mostrar Imagens em Miniatura dos Posts Recentes

Aprenda como colocar um gadget para exibir miniaturas das imagens das postagens recentes do seu blog horizontalmente ou seja imagens uma do lado da outra. Esse acessório permite varias configurações para personalizar as imagens mostradas no blog, por exemplo, quantas imagens aparecem, tamanho e espaço entre as imagens e espaço entre as imagens. Além disso, é um gadget muito simples de instalar.

Colocar Gadget de Miniaturas de Postagens Recentes

A instalação do gadget é muito simples: entre na pagina layout > adicionar gadget > HTML/javascript e cole o código abaixo:
<div id='bp_recent'></div>
<script style='text/javascript' src='http://bloggergadgets.googlecode.com/files/recentposts_orig.js'></script>
<script style='text/javascript'>
var numberOfPosts = 5;
var showPostDate = false;
var showSummary = false;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 125;
var imgFloat = 'left';
var myMargin = 5;
var mediaThumbsOnly = true;
var showReadMore = false;
</script>
<script src='http://dicasparablogs.com.br/feeds/posts/default?max-results=5&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>

Gadget para Mostrar Imagens em Miniatura dos Posts Recentes

Como personalizar o Gadget de Posts Recentes

Veja algumas opções que você pode ou deve alterar para mostrar as imagens das postagens recentes no seu blogger. A principal configuração é nesta linha que fica no final do código:
src=’http://www.dicasparablogs.com.br/feeds/posts/default?max-results=5&orderby=published

Você deve colocar o endereço do seu blog onde está o nosso (http://www.dicasparablogs.com.br), mas não altere o resto do código. O numero de miniaturas que deseja mostrar trocando o numero 5 neste trecho: max-results=5, mas também é necessário mudar a linha: var numberOfPosts = 5 usando o mesmo valor nas duas.

Outras opções do gadget:
var myMargin = 5; - espaço entre as imagens.
var imgDim = 125; - tamanho das imagens.

Veja outros gadgets para blogs:
Personalizar Gadget Postagens Populares do Blog - Barras Coloridas
Gadget com Postagens mais Recomendados nas Redes Sociais
Colocar Gadget com Numeração das Paginas do Blog

Veja abaixo a demonstração deste código em funcionamento.

Acompanhe os Cliques no Gadget de Posts Recentes

Uma função interessante neste gadget é que ele já tem instalado a função campanha do Google Analytics (fontes de trafego > origens > campanhas) que é um código de acompanhamento de cliques pelo Google Analytics. Assim você poderá saber quantas pessoas clicaram nas imagens deste gadget para poder avaliar diversas coisas como, por exemplo, o melhor posicionamento do gadget e até mesmo se esse acessório é útil para seu blog.

Marcadores: , , ,