Como criar uma galeria de imagens no blog?

html

Hoje mostrarei como inserir uma galeria de imagens no seu blog, é uma ótima forma de estruturar posts e otimizar espaço.

Exemplo da galeria:


|01 02| 03|

Antes de mais nada é preciso que você hospede suas imagens (veja aqui um post sobre o assunto). Depois copie o código abaixo:
<center>
<iframe src="IMAGEM" marginheight="0" marginwidth="0"frameborder="0" width="500" height="500"scrolling="no" name="galeria" id="galeria"></iframe><br />
<a href="IMAGEM" target="galeria">|01</a>
<a href="IMAGEM" target="galeria">02|</a>
<a href="IMAGEM" target="galeria">03|</a>    
</center>
Preste atenção nos códigos que devem ser modificados:

"IMAGEM" = Você deve incluir o endereço da imagem hospedada.
 width = defina a largura da galeria
 height= defina a altura da galeria

Para incluir mais imagem basta copiar o código "<a href="IMAGEM" target="galeria">03|</a>" lembrando de mudar o número.

Caso você coloque no seu blog deixe o link para que eu possa ver ;)

Um beijo

As imagens da galeria de demonstração fazem parte do meu portfólio. Veja mais em: tamiressobraldesign.com.br





Veja também

Comentários

Sua opinião é muito importante!
:3 :p :s :9 :| :'( :8( ;) :D :( 8) :)

Postar um comentário