A beleza desse template esta principalmente no modelo de slide show em formato acordeom, que desliza ao passar o mouse e revela o titulo e texto em efeito opacity. O nome, Animal, foi somente uma inspiracao mas o modelo podera ser usado para qualquer tema que inclua imagens, fotos, exposicao de arte, etc. Os detalhes foram cuidadosamente caprichados como voce podera conferir no template instalado. Detalhes do modelo: Menu com icones para redes sociais no topo da pagina Slideshow em estilo Acordeom Resumo de postagens automatico com imagens * Posts relacionados com imagens * Botao Back to top deslizante com JQuery Area de comentarios personalizada Marcadores com bullets DEMO LINK PARA DOWNLOAD DO DOCUMENTO XML LINK PARA DOWNLOAD DE PASTA ZIPADA COM IMAGENS (RECOMENDO) *Posts relacionados com imagens: Configurado para exibir 6 posts. *Botao Back to top Esse botao criado com script JQuery, acompanha a pagina inteira e quando clicado, volta ao topo com movimento suave. INSTRUCOES PARA INSTALACAO Como editar o menu do topo do template Faca login e clic na opcao Design, depois clique em Editar HTML Procure pelo seguinte trecho: <!-- Menu Esquerda --> <ul class='left'> <li><a href='http://demo-animal.blogspot.com'>Home</a></li> <li><a href='#'>About</a></li> <li><a href='#'>Servicos</a></li> <li><a href='#'>Contato</a></li> <li><a href='#'>Edit Link</a></li> </ul> <!-- Menu Direita --> <ul class='right'> <li><a href='SEU-ENDERECO-FEED'><img src='http://1.bp.blogspot.com/_EZ21y4Bj4F0/TMa22efQK5I/AAAAAAAAApI/8oKiW9qWh7k/s1600/feed.png'/> </a></li> <li><a href='SEU-ENDERECO-TWITTER'><img src='http://2.bp.blogspot.com/_EZ21y4Bj4F0/TMa22zhyqKI/AAAAAAAAApM/ATYqYsmpUnU/s1600/twitter.png'/> </a></li> <li><a href='SEU-ENDERECO-FACEBOOK'><img src='http://2.bp.blogspot.com/_EZ21y4Bj4F0/TMa22HgZC1I/AAAAAAAAApE/j1qXJmjDRWA/s1600/facebook.png'/> </a></li> <li><a href='mailto:SEU-EMAIL'><img src='http://1.bp.blogspot.com/_EZ21y4Bj4F0/TMa21VvIHfI/AAAAAAAAApA/EVP8xc3pRx8/s1600/email.png'/> </a></li> </ul> </div> <div id='clear-both'> </div> Edite os links, por exemplo: <li><a href='#'> Onde ha o sinal # escreva o endereco para onde deseja direcionar o link. Como instalar e configurar o Slide Show: Codigo HTML do slide <div id='slidearea'> <ul class='kwicks'> <li class='kwik'> <a href='URL-LINK-IMAGEM> <img alt="" class="slidimg" src="ENDERECO-DA-SUA-IMAGEM" style="width: 750px; height: 250px;" /> </a> <div class='kwikmet rounded'> <h2><a href='URL-LINK-TEXTO' rel='bookmark' title='texto'>Titulo da Imagem ou Post</a></h2> <p>Texto, nome da foto ou resumo do post desejado.</p> </div> </li> <li class='kwik'> <a href='URL-LINK-IMAGEM> <img alt="" class="slidimg" src="ENDERECO-DA-SUA-IMAGEM" style="width: 750px; height: 250px;" /> </a> <div class='kwikmet rounded'> <h2><a href='URL-LINK-TEXTO' rel='bookmark' title='texto'>Titulo da imagem ou post</a></h2> <p>Texto, nome da foto ou resumo do post desejado.</p> </div> </li> <li class='kwik'> <a href='URL-LINK-IMAGEM> <img alt="" class="slidimg" src="ENDERECO-DA-SUA-IMAGEM" style="width: 750px; height: 250px;" /> </a> <div class='kwikmet rounded'> <h2><a href='URL-LINK-TEXTO' rel='bookmark' title='texto'>Test with enclosures</a></h2> <p>Texto, nome da foto ou resumo do post desejado.</p> </div> </li> <li class='kwik'> <a href='URL-LINK-IMAGEM> <img alt="" class="slidimg" src="ENDERECO-DA-SUA-IMAGEM" style="width: 750px; height: 250px;" /> </a> <div class='kwikmet rounded'> <h2><a href='URL-LINK-TEXTO' rel='bookmark' title='texto'>Titulo da imagem ou post</a></h2> <p>Texto, nome da foto ou resumo do post desejado.</p> </div> </li> <li class='kwik'> <a href='URL-LINK-IMAGEM> <img alt="" class="slidimg" src="ENDERECO-DA-SUA-IMAGEM" style="width: 750px; height: 250px;" /> </a> <div class='kwikmet rounded'> <h2><a href='URL-LINK-TEXTO' rel='bookmark' title='texto'>Titulo da imagem ou post</a></h2> <p>Texto, nome da foto ou resumo do post desejado.</p> </div> </li> </ul> <div class='clear'/> </div></div> Copie o codigo acima, cole em um bloco de notas para fazer as alteracoes necessarias. As imagens do slide deverao ter 750px de largura (widht) por 250px de altura (eight). Depois que tiver configurados todos os links e imagens, va em sua pagina Design clique em Adicionar um gadget Copie todo o codigo ja editado e cole dentro de um elemento HTML/JAVASCRIPT e SALVE. E isso