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>
Como personalizar o Gadget de Posts Recentes
Veja algumas opções que você pode ou deve alterar para mostrar as imagens das postagensrecentes 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.
Nenhum comentário:
Postar um comentário