25/03/2016

como colocar imagem das postagens recentes no blog

Hoje vou ensinar você a colocar seus posts recentes em imagem no blog okay ? Preste atenção, é fácil.



Primeiro você abre a página Layout do seu blog. 

Si quiser os posts recentes no topo do blog vá até onde está escrito Crosscoll (abaixo do cabeçalho) e adicione um gadget . Depois abra o html/JavaScript e cole o código que vou colocar no final deste post.




Si  quiser os posts recentes no final do seu blog vá até onde está escrito Footer-1 e adicione um gadget. Depois abra o html/JavaScript e cole o código de imagens recentes.

CÓDIGO DE POSTS RECENTES :

Cole este código no texto do gadget, leia e edite como desejar, editar é opcional.

<center>
<div id='bp_recent'>
</div>
<script style='text/javascript' src='http://static.tumblr.com/glpbb7a/s7ln4webj/postsrecentes.js'></script>

<script style='text/javascript'>

var numberOfPosts = 6; /*quantidade de posts da galeria, mude se desejar */

var showPostDate = false; /*troque por true se quiser mostrar a data do post */

var showSummary = false; /*troque por true se quiser mostrar o resumo do post */

var titleLength = 0;

var showCommentCount = false; /*troque por true se quiser mostrar o nº de comentários */

 var showThumbs = true;

var showNoImage = true;

var imgDim = 145; /*tamanho das miniaturas, altere se desejar */

var imgFloat = 'left'; /*flutuação à esquerda, altere se desejar*/

var myMargin = 5;

var mediaThumbsOnly = true;

var showReadMore = false;

</script>

<script src='LINK DO SITE DO SEU BLOG AQUI/feeds/posts/default?max-results=6&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'>


</script></center>

OBS : Onde está escrito LINK DO SITE DO SEU BLOG AQUI escreva o link do seu site. 
Exemplo: www.propositofeminino.blogspot.com.br

O resultado deve ficar assim : (grande)


Nenhum comentário:

Postar um comentário