Você pode também ativar o efeito lightbox padrão do blogger, veja neste tutorial como colocar e configurar efeito LightBox nas imagens no blogspot.

A nossa ferramenta para ampliar as imagens no próprio blogger é bem simples você só precisa adicionar um gadget de html/javascript com o seguinte código:
<script language="JavaScript" type="text/javascript">
var variaveis=location.search.split("?ampliar");
var site = variaveis[1].split("=");
document.write('<center><img style="border: solid 1px #000000;padding:2px;background-color: #FFFF00" src="'+site[1]+'"/></center>')
</script>
Posicione logo abaixo do título, pois quando a imagem aparecer ela terá o espaço necessário para exibir a imagem em tamanho natural. Veja aqui como alterar as bordas.
Depois disso é só modificar o código do link das imagens quando enviar para o blogger veja abaixo o código original da imagem.
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/-1bzxKq0_84E/TYuscPYr31I/AAAAAAAACGo/oqDXUI4S_QI/s1600/blog-sucesso.jpg"><img...........
Coloque o endereço da pagina individual da postagem mais o trecho ?ampliar=, então o código fica deste jeito:
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.dicasparablogs.com.br/2011/03/segredos-para-criar-um-blog-de-sucesso.html?ampliar=http://1.bp.blogspot.com/-1bzxKq0_84E/TYuscPYr31I/AAAAAAAACGo/oqDXUI4S_QI/s1600/blog-sucesso.jpg"><img...........
Esse procedimento tem que ser feito em cada imagem ainda não temos uma maneira de aplicar em todas as postagens automaticamente. E já que estamos falando sobre imagens no blog veja alguns assuntos interessantes para ajudar com as imagens no seu blog:
Aparecer na Pesquisa de imagens Google
Colocar bordas nas imagens do blog
Hospedar Imagens no Blogger - Hospedagem Grátis
Programas Gratuitos para Edição de Imagens
O gadget que adicionou ficará invisível somente aparecendo quando tiver um endereço de imagem após a palavra ampliar. Já publicamos diversas postagens usando esse código e testamos nos navegadores Firefox, Internet Explorer e Google Chrome sem problemas.
Esse código funcionaria também se colocasse somente “?ampliar” antes do endereço da imagem sem o endereço da postagem, mas não recomendamos fazer isso senão futuramente se retirar o gadget onde a imagem em tamanho natural aparece e alguém clicar na imagem aparece a mensagem de pagina não encontrada.
nossa e eu pensei que fosse tão dificil, achei o código bem simples
ResponderExcluiruhu vlw fabiano
ResponderExcluirOlá,
ResponderExcluireu gostaria de saber se tem uma ferramenta que você pode republicar o post, com o mesmo número de comentários e etc.
Obrigada
acho que não é possivel republicar um post com os comentários e tudo...
ResponderExcluirpode exportar o blog, mas não sei o que acontece com os comentários, pois nunca fiz isso.
aqui tem o link onde mostra como exportar o blog: Fazer backup do Blog
ResponderExcluircara lamento mais eu nao entendi nada descupe precisode imagens de como fazer pra eu poder entender pois ponhar em baixo do titulo eu nao entendi.
ResponderExcluirGrupo-SkinBlog
ResponderExcluirna pagina design, arraste o código de html/javascript para que fique uma posição no inicio do seu blog ocupando a largura total da pagina ou seja o mais perto do titulo que conseguir
veja aqui: Problemas para mover ou adicionar gadgets do blog
Existe alguma maneira de criar uma galeria de imagens sem ter que colocar imagens por imagens colocar tudoo de uma só vez
ResponderExcluiresse código tem que ser utilizado em uma imagem por vez... não tem como fazer automatico
ResponderExcluirthis blog have a so simple template, but i see now 84 people online here.... wow its so amazing for me
ResponderExcluiri want my blog like this blog.
Eu To Com Um problema no picasa web acontece que quando hospedo uma imagem 1341×260 ela fica na dimensão 640×124
ResponderExcluircomo resolvo esse problema
ResponderExcluirViηiciusM
ResponderExcluirdepende de onde hospeda as imagens, se for esse o limite do site não tem o que fazer...
no caso do blogger ele reduz a imagem mas se clicar nela aparece me tamanho original
qual é o melhor site para se criar banners ?
ResponderExcluirvlw
Player P# *@*
ResponderExcluirjá fizemos diversos tutoriais sobre criar banners online... use nossa pesquisa no inicio da pagina e teste alguns..
é difícil dizer qual o melhor cada pessoa se acerta melhor com um tipo de site ou programa
ótimo código fabiano! Mas sera que tem como abrir um vídeo em vez de uma imagem? uma vez, tentei um iFrame mas não obtive sucesso, aguardo respostas...
ResponderExcluirCaio Corrêa Kawasaki
ResponderExcluiro funcionamento do iframe depende do endereço certo da pagina e claro do conteudo desta pagina que aparece no iframe..
esse tipo de código é como se fosse uma janela de outro site dentro da sua pagina
olha, eu consegui usar esse código com vídeos do youtube http://www.videos.theccpixel.com/
ResponderExcluirCaio Corrêa Kawasaki
ResponderExcluirEsse código é para usar em imagens ele não funciona em videos
Deu tudo certo. Mas Fabiano, o que fazer para que a imagem saia da frente?
ResponderExcluirTipo: A pessoa viu essa, agora quer ver outra, ou até mesmo apenas tirá-la da frente?
#MUITOBOMOSITE
Andei analizando o blog de vocês e topo uma parceria ... Se aceitarem entrem em contato com o e-mail do meu blog:
ResponderExcluirAnimaliavirtual@live.com
Link:
http://animaliavirtual.blogspot.com/
Blog muito bom o de voces !
Até e proxima o/
Boa tarde
ResponderExcluirMoço! se puder me ajudar tb.. pq eu to mais perdida do que virgem na cama!
Então.. ta complicado mesmo sem imagens.Seria mto bom esses tutoriais virem com imagens, não entendi como arrastar o código até "início do blog" para ficar perto do título.
e assim.. eu tenho que hospedar cada imagem? fazer upload para gerar link e inserir nesse código?
Por favor,no ensejo, vc tem algum tuto falando como coloca-se slideshow no topo do blog no lugar do título e imagem sem links do que foi postado? só slide mesmo.
Grata pela atenção.
Cristina
ResponderExcluirjá fizemos um tutorial sobre slides: Mostrar slides com as postagens recentes do blog, mas acho que em breve vamos fazer outro com imagens maiores...
Oi Fabiano
ResponderExcluirSobre slides, perguntei sobre um tutorial que tivesse slides no cabeçalho SEM postagens e achei exatamente o que eu queria, a pessoa ensina em um blog e no outro modelou esse blog - pousadaportaldoitambe.blogspot como exemplo que respondeu a minha necessidade.
Tow aqui simpre! obrigada novamente e =*
Muito bom o código, se acharem uma maneira de colocar em todas as imagens atualizem o código ok? rs Obrigado! http://trasshygirl.blogspot.com
ResponderExcluirTrashy Girl
ResponderExcluirok... se encontrar vou publicar os códigos
oi fabiano fugindo pouco ai do assunto dessa postagem sabe tenhu corrido na net atras de HTML tipo de apresentasao das imagens do blog mas nao da quelas que fika mudando mas que fique girando mudando todo tempo tipo desse site
ResponderExcluirhttp://www.renders-graphiques.fr/
cara se vc conseguir um assim pra me nao sei nem como agradecer caso seja nessesario ai meu email
uerlesc@gmail.com da olha responde eu agradeço mesmo
uerles
ResponderExcluirvou pesquisar e fazer alguns testes e assim que possivel farei uma publicação sobre aquele efeito nas imagens...
vlw fabiano por responder quando posta esse efeito caso eu nao veja pode avisa mas sempre tou no site aki mas pode passa despecebido agradeço
ResponderExcluirOlá Fabiano olha eu aqui novamente, gostaria de saber se tem como criar uma pagina ou uma codigo HTML, pra ponhar as fotos e que fique tipo o orkut para passar as fotos nas setas ANTES E PROXIMO, Desde já obrigado.
ResponderExcluirJuninho Pagodão
ResponderExcluiressas setas são mais usadas em galeria de imagens.. e tem o código um pouco mais complicado que esse por isso ainda não publicamos sobre isso.
normalmente as postagens do blog tem poucas imagens
Não é bem isso que eu queria tipo:
ResponderExcluira foto estar em tamanho pequeno quando você clica nela ela aumenta
Paulo Douglas
ResponderExcluirvocê fala ampliar a imagem como em sites de vendas (casas bahia, eletro)...?
veja aqui: Fazer o efeito LightBox - Imagens em Destaque
mas vai dar um pouco de trabalho dependendo de quantas imagens quiser usar isso
muito bom eu achei melhor colocar em cada imagem por que n queria colocar em todas obrigadão
ResponderExcluireu tenho uma duvida é que no fundo ficou amarelo tem como deixar transparente ou outra cor??
ResponderExcluirBen
ResponderExcluira cor amarela de fundo é esse código background-color: #FFFF00
você pode apagar ou colocar outra cor
Olá Fabiano, boa noite meu amigo! estou precisando de você se puder me ajudar vou ficar agradecido.
ResponderExcluirÉ o seguinte, estou criando um site para uma pequena empresa, na verdade ele já esta criado, o que eu quero fazer agora e criar uma seção para cada produto, EX: AGROPECUÁRIOS, ELÉTRICOS, ARMARINHOS, e etc. ai vem a questão nessas seções criar um albo de fotografias, e queria que elas ficassem em miniatura, e ao clicar elas aumentassem o tamanho,EX: O ALBO DO ORKUT E este site
aqui" http://www.barrigaverdeac.com.br/index.php?xvar=produtos&xsub=43 "
Se você tiver esse código ai, ou pudesse desenvolver eu ficaria muito agradecido pode ser html ou php.
OBS: SÃO MUITAS IMAGENS.
Por favor me ajude estou desesperado pois ja tentei muito e não consegui.
adriano e anapaula
ResponderExcluirse é para um site é melhor usar um programa para editar o html, alguns fazem galeria de imagens automaticamente....
Fabiano poderia me citar o nome de algum programa??? pois vi alguns tutoriais, na net que tem sobre o dreamweaver cs4, que da para fazer isso mas no meu caso, uso o dreamweaver cs5, e ele nao tem essa opção, obrigado pela atenção.
ResponderExcluir