Oi gente!!!
Hoje eu vim trazer um tutorial maravilhoso que eu encontrei no tumblr
Single Themes! Mas eu adaptei para o blogger.
É um tutorial ideal para postagens que contém muitas imagens e que não se pode ocupar muito espaço. Então elas são pequenas, quando se clica sobre ela, seu tamanho é aumentado. Veja o exemplo
aqui.
Vamos ao tutorial?
Primeiro, é necessário instalar o código no seu HTML. Então, cole o código em um novo gadget Java Script/HTML.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="http://static.tumblr.com/b1gnlwd/SrMm1i1zt/jquery.magnifier.js"> /*********************************************** * Image Magnifier Wellyson (isetfiretopanem.tumblr.com) * Para disponibilização somente nos Single Themes * Não apague nada no código ***********************************************/ </script>
Feito isso, salve o modelo.
Depois, você vai colar o código abaixo no lugar que você vai usar, por exemplo, no post.
<img src="URL DA IMAGEM" class="magnify" style="width:200px; height:200px" />
Use o código para cada imagem inserida.
Agora vem a hora da personalização do código. Depois de colocar o url da imagem, repare que a largura e a altura estão 200x200. Caso suas imagens não sejam do mesmo tamanho, use "auto" no lugar de 200 px, ou ainda coloque o tamanho desejado.
Eu AMEI esse tutorial. Vocês vão ver eu usando ele aqui no blog muitas vezes. Super útil!
Beijo!
