Vou compartilhar com você, hoje, um recurso que me pediram faz tempo: Galeria de postagens recentes exibida na horizontal.
Eu já mostrei aqui, há um tempo, a Galeria de postagens recentes com imagens em miniatura.
Clique aqui e veja:
Galeria de postagens recentes com imagens em miniatura
Esta que vou ensinar hoje é diferente.
Ela exibe imagens maiores, na horizontal.
Veja como fica, se for feita certinho:
Para instalar em seu blog é bem facinho:
Acesse a aba Layout de seu blog. Clique em Adicionar um gadget e dentre as opções escolha HTML/JAVASCRIPT.
Na caixa que expandir cole este código:
Note que marquei em pink os trechos que você pode modificar para que se adapte ao seu blog.
E o principal: não esqueça de colocar o endereço completo de seu blog, sempre começando com http.
Depois de alterado à seu gosto salve e arraste para onde deseja que a galeria fique.
Salve as alterações de Layout.
Dicas especiais e importantes:
Essa galeria precisa ser instalada onde caiba: acima da área do post, abaixo do cabeçalho ou no footer do blog.
Na sidebar não dá certo, ela fica desalinhada, ok?
E não pode usar ambas as galerias: opte por esta que ensino hoje ou pela Galeria com imagens em miniatura que mostrei no link acima.
Faça testes até achar a quantidade, o tamanho das imagens e o local mais adequado para instalar sua galeria.
Viu que facinho que é?
Para usuários avançados:
Modifiquei e hospedei o arquivo javascript que faz o gadget funcionar em minha conta Tumbrl.
Mas se você quiser acesso ao arquivo .js pode copiar e hospedar em seu próprio host.
Aqui o arquivo:
Quer ver mais dezenas de Dicas para blogs, tutoriais e novidades?
Clique aqui.
E turbine seu blog!
Dias online
Postagens
comentários
Elaine vc sempre surpreendendo... ótimo post!
ResponderExcluirElaine, vc é 10!
ResponderExcluirSempre compartilhando as dicas e processos pra lidar com os temidos (pelo menos por mim) HTML. Uhhh, só de escrever, já fico tensa... hahahhaa!
Obrigada sempre!
Bjns
:)
Tentei colocar no meu blog e não consegui.
ResponderExcluirApareceram só os quadradinhos com as fotos das postagens na sidebar, estáticas e lá em cima.
Tentarei mais vezes, apesar de ainda preferir aqueles quadradinhos embaixo da postagem.
Bom final de semana.
Beijos.
Jô, se já tiver uma galeria não vai dar certo, terá que optar por uma ou por outra pois ambas conflitam.
Excluirbjssss
Oi Elaine, ficou ótimo! Deu certinho, a única coisa que não saiu foi o Título que coloquei e quando mudei do False para True para aparecer o resumo, também não veio..
ResponderExcluirSaberia porque? Beijos, obrigada
Hum, não sei dizer.
ExcluirNos meus testes deu certo...
Pode haver algo em seu blog que esteja causando conflito...
Que pena!!! Beijos
ExcluirSuper legal! fazia tempo que eu estava tentando colocar uma galeria assim no meu blog!
ResponderExcluirhttp://amandacristina14.blogspot.com.br/
Elaine, deu certo \O
ResponderExcluirMas, eu coloquei ele abaixo das postagens, no meu blog utilizo o 'leia mais', não tem como colocar abaixo do leia mais ? Ou se não tiver, quando entro na postagens, a galeria de postagens recentes fica abaixo dos comentários, para mudá-la de lugar, seria apenas utilizando o javascript ?
Obrigada!
Priscila, nesse caso a opção é realmente colocar o gadget acima da área de postagem.
ExcluirSe colocar abaixo ele sempre aparecerá depois dos comentários porque o local de exibição é ali, no footer.
Para colocar postagens relacionadas, e não essas, recentes, experimente esse tutorial:
http://www.elainegaspareto.com/2013/08/postagens-relacionadas-com-miniaturas.html
As miniaturas aparecerão ao final do post, após o Leia mais.
bjssss
Gostei já tenho :d beijinho
ResponderExcluirPage: http://sweetlifeinspiration.blogspot.pt/
Fanpage: https://www.facebook.com/sweetlifecristina?ref=hl
Elaine, esse que ta hospedado no seu tumblr eu coloco direto no html do blog certo? Eu coloco antes de ]]> ?
ResponderExcluirbeeijos floor
Yane, não precisa ser no código fonte não, é um gadget do tipo HTML/JAVASCRIPT.
ExcluirOlá Elaine, bom dia!
ResponderExcluirComo faço para acrescentar somente o título das postagens embaixo das imagens?
Obrigada, acompanho sempre seu blog e dicas!
Fernanda, nesse não dá pra ter títulos...
ExcluirSuper dica Elaine compartilhei !!!
ResponderExcluirBeijinhos
Deus abençõe
Elaine como faz para aparecer o nome do post quando o cursor está em cima do gadget? tentei trocar o "false" por "true" mas não funcionou :(
ResponderExcluirQuando o cursor está sobre cada imagem aparece o nome do post.
ExcluirMas se quer que esse título apareça sempre nesse não dá certo,
Em breve posto outro tipo.
Olá estou tentando colocar no meu blog, gostaria de saber como modificar a altura e a largura das imagens, por que eu quero colocar poucas imagens, ai elas ficam muito grandes.
ResponderExcluirAgradeço
Carolina, no código está marcado como alterar os tamanhos, mas será sempre uma imagem quadrada, não dá pra alterar largura e altura separadamente.
Excluirdeu certo, mas gostaria de alinhar um pouco mais pro centro, como faço?
ResponderExcluirEloíza, experimente ir ajustando o tamanho das miniaturas. Não dá pra centralizar, infelizmente.
ExcluirEliane, tem como pôr legenda nas imagens?
ResponderExcluirOlá Elaine. E para colocar título das postagens junto às miniaturas, como faço?
ResponderExcluirTu só faz o blog inteiro ou poderia fazer somente este trabalho de colocar a galeria com titulo para mim?
tem a opção lá no html, está false e vc coloca true
ExcluirExcelente, muito obrigada!
ResponderExcluirOi Elaine, eu tinha feito no meu blog teste e deu super certo,mas ai eu baixei o blog teste e foi instalar no blog original e agora sumiu, não aparece nem em um e nem o outro :( como são os mesmo códigos nos dois eu não sei o que posso fazer pra arrumar! Já tentei de tudo e NÃO FOI MUDADO NADA!
ResponderExcluirExperimente recolocar, talvez dê certo.
ExcluirExclua o anterior, e recoloque.
Ah, e para aparecer o blog tem que ser público, tá?
MUUUUUUUUUUUUUUITO OBRIGADA! Vou tentar de novo e te aviso! *-* ps: ADORO O SEU BLOG E JÁ INDIQUEI PARA MAIS 7 AMIGAS, E VOU FAZER UM POST SOBRE ELE E TUDO O QUE EU APRENDI COM VOCÊ! Obrigada! *-*
ExcluirOi Elaine, no meu deu certo mas não ficou centralizado, ele ficou na esquerda,como eu faço para centralizá-lo?
ResponderExcluirMe ajudou muito , obrigada :)
ResponderExcluirwww.magichellen.blogspot.com
Olá, Elaine... Instalei o aplicativo no meu blog e esta funcionando direitinho se não fosse o fato de aparecer apenas 6 miniaturas... Já tentei mudar pra 8 (que é o numero que eu quero) mas não aparecem essa quantidade :s O que eu faço? HELP
ResponderExcluirMuito obrigada o post me ajudou bastante, já faz algum tempo que eu já procurava esse tutorial mas todos davam erro... Suas dicas tem sido fantásticas! Muito sucesso pra vc beijos ;)
ResponderExcluirColoquei no meu blog e ficou perfeito! Alterei a largura das imagens e a margens e ficou lindo!
ResponderExcluirObrigada!
http://nossarotina-arthur.blogspot.com.br/
Elaine você é fantástica!
ResponderExcluirAcabei de colocar no meu blog e ficou perfeito, muito obrigada!
Bjs
www.vireimoda.com
Eu já tenho no meu. Só que é vertical. Quero mudar pra horizontal. Como faço??
ResponderExcluirwww.bloggeucerqueira.com
Oi, Elaine! Muito obrigada pelo post, já estava querendo aprender a colocar essa galeria já faz um tempo... Mas a minha não ficou centralizada. Sabe como devo fazer?
ResponderExcluirDaiane, você precisa ir alterando a largura das imagens até elas se ajustarem à largura de seu layout.
ExcluirNão tem como dizer exatamente qual largura usar porque cada lay é diferente do outro...
amei deu super certo! muito obrigada :)
ResponderExcluirA parte dos resumos não funciona. ;(
ResponderExcluirOi, Elaine, não estou conseguindo colocar no meu.
ResponderExcluirSigo todos os passos direitinho mas no blog não aprece :(
www.albabez.com
Alba, se seu template foi baixado da internet pode não funcionar...
Excluircriei o gadget mas no blog não aparece nada
ResponderExcluir