Ainda na “onda” dos slide shows charmosos, criei este template pensando em quem gostaria de registrar e compartilhar imagens e fotos de momentos inesquecíveis. Claro que o título “Lembranças” e o tema sugerido é só uma idéia porque, com criatividade, você poderá usar esse modelo para o que quiser. Veja que graça o template instalado.
DOWNLOAD DA PASTA ZIPADA COM IMAGENS (RECOMENDO)
Descrição do modelo:
- Menu com ícones para redes sociais no topo
- Slide show deslizante com imagens auto-ajustáveis e link de direcionamento
- Resumo automático de postagens
- Caixa de pesquisa personalizada
- Botão “Voltar ao Topo” que acompanha toda a página
- Área de comentários personalizada
- Ícones nos marcadores do rodapé das postagens
- Ícone (bullets) nos marcadores da sidebar
- Fonte do cabeçalho, “Philosopher” do Google Directory
Área de comentários
Como editar o menu do topo do template:
Faça o login e escolha a opção Design, depois “Editar HTML”
Procure pelo seguinte trecho
<ul class='left'>
<li><a href='#'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Fotos</a></li>
<li><a href='#'>Vídeos</a></li>
<li><a href='#'>Roteiros</a></li>
<li><a href='#'>Editar link</a></li>
<li><a href='#'>Editar link</a></li>
</ul>
Escreva nos espaços com o sinal “#” a URL da página para onde quer direcionar o link. Edite a área em negrito escrevendo o nome que queira dar aos seus links.
Como editar o slide show
Procure pelo trecho abaixo:
<!-- Slide-1 Code Start -->
<li>
<div class='mytext'>
<a href='ENDEREÇO-DO-LINK'>
<img alt='' src='http://2.bp.blogspot.com/_VM_eeGPD1Ms/TMgnkBVS1II/AAAAAAAAALU/8mNo83P1iJk/s1600/viagens-baratas.jpg'/>
</a>
<div class='inpost'>
<p>NOME DA FOTO OU TEXTO </p>
</div>
</div>
</li>
<!-- Slide-1 Code End --><!-- Slide-2 Code Start -->
<li>
<div class='mytext'>
<a href='ENDEREÇO-DO-LINK'>
<img alt='' src='http://3.bp.blogspot.com/_VM_eeGPD1Ms/TMgpfqGAYZI/AAAAAAAAALc/MLIp0gEtJds/s1600/lua-de-mel-480x309.jpg'/>
</a>
<div class='inpost'>
<p>NOME DA FOTO OU TEXTO</p>
</div>
</div>
</li>
<!-- Slide-2 Code End --><!-- Slide-3 Code Start -->
<li>
<div class='mytext'>
<a href='ENDEREÇO-DO-LINK'>
<img alt='' src='http://4.bp.blogspot.com/_VM_eeGPD1Ms/TMgnjmMFFDI/AAAAAAAAALQ/deY02CuX1XA/s1600/lua-de-mel.jpg'/>
</a>
<div class='inpost'>
<p>NOME DA FOTO OU TEXTO</p>
</div>
</div>
</li>
<!-- Slide-3 Code End --><!-- Slide-4 Code Start -->
<li>
<div class='mytext'>
<a href='ENDEREÇO-DO-LINK'>
<img alt='' src='http://2.bp.blogspot.com/_VM_eeGPD1Ms/TMgnknBiEVI/AAAAAAAAALY/PQ0H2DjZi7w/s1600/viagens-tailandia.jpg'/>
</a>
<div class='inpost'>
<p>NOME DA FOTO OU TEXTO</p>
</div>
</div>
</li>
<!-- Slide-4 Code End --><!-- Slide-5 Code Start -->
<li>
<div class='mytext'>
<a href='ENDEREÇO-DO-LINK'>
<img alt='' src='http://1.bp.blogspot.com/_VM_eeGPD1Ms/TMgvAKQNo6I/AAAAAAAAALo/Ppyt8unm8mM/s1600/familia.jpg'/>
</a>
<div class='inpost'>
<p>NOME DA FOTO OU TEXTO</p>
</div>
</div>
</li>
<!-- Slide-5 Code End --><!-- Slide-6 Code Start -->
<li>
<div class='mytext'>
<a href='ENDEREÇO-DO-LINK'>
<img alt='' src='http://4.bp.blogspot.com/_VM_eeGPD1Ms/TMgu_COkj_I/AAAAAAAAALk/uwSyQTj2Uvw/s1600/104729.jpg'/>
</a>
<div class='inpost'>
<p>NOME DA FOTO OU TEXTO</p>
</div>
</div>
</li>
<!-- Slide-6 Code End -->
Edite colocando o endereço de direcionamento do link, na área grifada em verde.
O que está grifado em vermelho, é o endereço da imagem que deseja exibir. Apenas certifique-se de que elas não tenham menos de 400px de largura.
Em negrito, a descrição, texto ou título da imagem
Caixa de pesquisa
Para instalar a caixa de busca, vá em sua oção “Design” e clic em “Adicionar um Gadget”. Escolha um elemento “HTML/JavaScript” e cole dentro dele o seguinte código:
<form action='/search' class='right' id='searchthis' method='get'>
<input class="input-text" id="searchBox" name="q" onblur="if(this.value=="")this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value="";" type="text" value="Pesquisar..." vinput="" />
<input class="searchbutton" id="submit-button" type="submit" value=" ►" /></form>
Prontinho!
Espero que gostem. Qualquer problema na instalação, grita que eu acudo.
Beijo da Mama ♥