21/11/2014

Posts Recentes com Miniatura de Imagens

Olá!!! Compartilho com vocês hoje um script bem legal que permite mostrar miniaturas de imagens dos posts recentes. Super útil para deixar mais opções de leitura para quem curte nossos blogs!!! E já começando creditar Reino Kawaii.
É lá que eu aprendo vários tutoriais bem uteis.
 Veja o exemplo do Post Recente: 



 Para isso adicione o código abaixo em um gadget HTML/JavaScript:

<center><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 = 10;
var showPostDate = false;
var showSummary = false;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 50;
var imgFloat = 'left';
var myMargin = 5;
var mediaThumbsOnly = true;
var showReadMore = false;
</script>
<script src='http://URL-DO-SEU-BLOG.com/feeds/posts/default?max-results=18&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script></center> 
-------------------------------

Editando...


  • var numberOfPosts = 10; - números de posts mostrados;
  • var imgDim = 50; - tamanho da miniatura da imagem; você deve alterar de acordo com a largura da sua sidebar ou do local em que adicionar o código.
  • URL-DO-SEU-BLOG - coloque o link do seu blog.



Esses são os trechos básicos a serem editados ^-^ Espero que gostem e bejus >.<

Nenhum comentário:

Postar um comentário