02/11/2014

Postagens Recentes com Miniatura de Imagens


Bom dia pessoal! Como vai o dia de vocês? Espero que bem! Me desculpem ter ficado todo final de semana sem fazer nem uma postagem, andei um pouco ocupada. Na verdade...estava passeando mesmo, fazia bastante tempo que não ia ao zoológico e ao parque de diversões (amo), e, ainda hoje terei que ir visitar minha vó, então não me sobrou nem um pouquinho de tempo para fazer uma postagem interessante. Prometo que na próxima postagem trarei algo legal, pelo menos algo que agrade vocês. Devido ao tempo trouxe uma postagem que estava a muito tempo em rascunho, colocar gadgets de postagens recentes em miniaturas. Então vamos ao tutorial? Toda a explicação se encontra abaixo.

Tutorial com scripty quebrado, infelizmente não funciona mais. Porém tenho outro tutorial bem similar "Gadget posts recentes junto com posts de um marcador".

 Imagem capturada do Kawaii Candy

Para começar acesse o Layout de seu blog, e crie um novo gadget HTML/JavaScript, e dentro dele cole: 
Códigos
<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> 

Agora salve e prontinho!!!

  • var numberOfPosts = 10; - quantidade de posts mostradas;
  • var imgDim = 50; - tamanho das miniaturas;
  • URL-DO-SEU-BLOG - coloque o endereço do seu blog.
Créditos: Dicas para Blog

8 comentários:

  1. Nhaaaa que kawaii ^-^
    Essas tutos suas são tão perfeitas que dá até vontade de criar um lay novo ¨T3T
    Buá ~

    Ahue, kissu kissu >3<
    www.chiorichan.blogspot.com || Flores Secas
    www.mistymistakes.blogspot.com || Misty

    ResponderExcluir
    Respostas
    1. Hihi eu que o diga, começei fazer um por causa desse tutorial e de um outro ^^" hehe

      Excluir
  2. Essa imagem do começo... Morrendo de fome aqui. Enfim, eu gostei bastante do tutorial, nunca tinha visto. É bem simples, mas fica ótimo!

    The Lord of Thrones

    ResponderExcluir
    Respostas
    1. Sorry Karla ^^"
      Obrigada por gostar do tutorial. =3

      Excluir
  3. Amei o tutorial :) Muito interessante ! Beijões ;3 .
    http://diamondiamonds.blogspot.com.br/

    ResponderExcluir
  4. Olá! Como você está, Wendy? ^3^
    Você foi no zoológico? Eu nunca fui em um, sabe, não gosto de ver os animais enjaulados, sei que lá eles são bem tratados e tal, mas me dá um aperto ver que eles não estão em seu habitat natural... ;-;

    Que tutorial legal, nossa. E é muito fácil! Muitas pessoas irão precisar dele, e eu sou uma dessas pessoas u-u.

    Tchau tchau ~ raposasenhorita.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Oiii, eu estou bem obrigada. E você? =3
      Sim depois de longos anos sem ir, fui por causa da minha irmãzinha de sete anos, foi a primeira vez dela. Mas um dos motivos de tantos anos sem ir é por pensar igualmente á você. Também não gosto de ver animais presos mesmo sabendo que estão sendo bem tratados, e, acostumados com o hambiente. Realmente não gosto. =(
      Mas muito obrigada por gostar do tuto espero que um dia possa utilizar um dia, obrigada por sua visita e carinho. *---*

      Excluir

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345