Cursos 24 Horas - Cursos 100% Online com Certificado

Postagens recentes com imagem

11 Comentários Autor : Notícia e blog 30 julho 2009
Este gadget exibe uma imagem ao lado de cada link de postagens recentes
muito bom para templates estilo revista entre outros, sua instalação é super simples e não é necessário grandes conhecimentos para a sua aplicação, um exemplo dele pode ser visto no meu blog de teste e na imagem ao lado, um efeito muito lindo.
1.Faça login no blogger

2.Vá em layout » Adicionar gadget » HTML/JavaScript

3.Copie e cole o código abaixo..<script language="JavaScript">

imgr = new Array();


imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 298;

cellspacing = 8;

borderColor = "#ffffff";

bgTD = "#000000";

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 5;

home_page = "http://noticiaeblog.blogspot.com/";

</script>

<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>
Explicação:
(Editar os valores para o seu blog)
boxwidth - Largura do widget
cellspacing - Espaço entre os links (padrão é uma boa)
borderColor - Border color (adicionar a cor de fundo do seu modelo de blog para combinar)
thumbwidth & thumbheight - Largura e Altura da miniatura (padrão são bons)
fntsize - Tamanho da fonte do título
acolor - Cor do título
aBold - negrito títulos que você quer? (verdadeiro "true" ou falso "false")
numposts - Quantos links você quer mostrar?
home_page: http://noticiaeblog.blogspot.com/ (mudar isto para o seu seu url de blog)
Este script está atualmente hospedado em outro servidor (http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js).
Mas, é fortemente recomendado você baixar o script e fazer upload para a sua propria hospedagem ( ver hospedagem de java script grátis) e substitua o URL com o seu.

4. Por último,Salve as alterações.

Nota: Certifique-se de que seleccionou SIM em Definições »Site Feed» completo »Permitir Blog Feeds
A postagem original pode ser vista aqui


UPDATE: 06/05/2012 - Correção do Script!

    11 Comentários

    DyGoOOoo disse...
    4 de agosto de 2009 23:27 #

    olha eu novamente comentando... o seu arquivo .js não está ativo.. tem como você por em algum servidor pra eu usá-lo.. porque sem o script não funciona.. vlw..

    Fernando disse...
    5 de agosto de 2009 15:16 #

    @DyGoOOoo,já mudei o local da hospedagem agora vai funcionar muito obrigado por me avisar.

    Zuadão disse...
    28 de abril de 2010 19:20 #

    Vídeos não aparecem, só mesmo imagens, o que fazer então ?

    Clube do MMA disse...
    22 de outubro de 2010 12:21 #

    Maneiro vei, meu amigo nunca vi mais perfeito obrigadaçooooooo

    Administrador disse...
    22 de outubro de 2010 21:42 #

    Fernando, não entendo muito de java script, por isso gostaria de uma ajuda sua. Para eu hospedar o script basta copiar o código (na integra) informado acima, salvar em um bloco de notas e fazer o upload em minha conta do ning.com?

    Obs: Parabéns pelo seu blog!

    Notícia e blog disse...
    23 de outubro de 2010 09:46 #

    @Administrador
    É isto mesmo e no final do nome que for salvar adicionar .js ai é só enviar pra hospedagem.

    TV ZORRA disse...
    24 de novembro de 2011 08:09 #

    E como faz para exibir as postagens recentes com imagem por marcador?

    MedArquivos disse...
    6 de maio de 2012 00:31 #

    O script não está funcionando. Disponibiliza aí por favor!

    Notícia e blog disse...
    6 de maio de 2012 09:08 #

    @MedArquivos Script corrigido, obrigado pelo comentário.

    Flávio Soares - DJ Incógnito disse...
    11 de junho de 2012 09:52 #

    Amigao, teria como ajustar o código para exibir os posts de uma determinada categoria?

    Fico grato.

    timcocacola disse...
    27 de julho de 2012 14:15 #

    Postar um comentário

    Deixe seu comentário aqui
    Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.