BANNER POSTS RECENTES

Ter um banner de imagens recentes em seu blog é uma forma interessante para você exibir suas postagens e atrair seu leitores. aprenda neste artigo como criar um Gadget com banner recentes de forma muito simples, mostro todas possíveis edições do códigos para que seu gadget se encaixe perfeitamente em seu template.

Demonstração 

Esse Gadget também funciona perfeitamente em postagens, (exemplo aqui embaixo) você pode criar uma pagina de erro 404, por exemplo, veja mais em Página não encontrada, erro 404. Vamos lá!

1. Acesse http://www.blogger.com. Localize na lista o blog onde deseja adicionar o gadget e clique em seu nome.

2. No menu lateral esquerdo, clique em “Layout”

3. Escolha o lugar onde deseja que o adicioná-lo e clique em "Aplicar um Gadget"

4. Escolha um gadget do tipo “HTML/JavaScript”.

5. Colar o código abaixo.

 <div id='bp_recent'></div>
<style type='text/css'>
.bp_item_thumb img { border: 1px solid #ccc; transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; }
.bp_item_thumb img:hover { opacity: .6; filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; }
</style>
<script style='text/javascript' src='http://bloggergadgets.googlecode.com/files/recentposts_orig.js'></script>
<script style='text/javascript'>
var numberOfPosts = 8; //QUANTIDADE DE POST
var showPostDate = false; 
var showSummary = false;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 70; //Dimensão das miniaturas das imagens dos posts recentes. Neste caso: 70px. Dimensione as imagens do seu gadget para ficarem dispostas da melhor forma
var imgFloat = 'left';
var myMargin = 4; //Margem entre as miniaturas das imagens
var mediaThumbsOnly = true;
var showReadMore = false;
</script>
<script src='http://SEU_BLOG_AQUI/feeds/posts/summary?max-results=20&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script> 

6. Faça as alterações conforme explicado no próprio código clique em salvar, e pronto o gadget estará funcionando perfeitamente.

Este gadget pode ser bastante útil em seu blog, especialmente para exibir uma grande quantidade de imagens sem ocupar muito espaço. Se você utilizá-lo com criatividade, ele se tornará uma ótima forma para chamar a atenção dos seus visitantes para os elementos exibidos.

22:35:00