• NOME DA FOTO OU TEXTO

  • NOME DA FOTO OU TEXTO

  • NOME DA FOTO OU TEXTO

  • NOME DA FOTO OU TEXTO

  • NOME DA FOTO OU TEXTO

  • NOME DA FOTO OU TEXTO

Pesquisar

Seja nosso parceiro!

Parcerias: 
banner
120x60



nosso banner

lembra1

Leia Mais ►

fale conosco


... ... email: brandaodasilvaedilene@gmail.com ...
Leia Mais ►

..."Template “Lembranças” – Blogger Templates"...





Template “Lembranças” – Blogger Templates

imageAinda 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.

image DEMO
Descrição do modelo:
  1. Menu com ícones para redes sociais no topo
  2. Slide show deslizante com imagens auto-ajustáveis e link de direcionamento
  3. Resumo automático de postagens
  4. Caixa de pesquisa personalizada
  5. Botão “Voltar ao Topo” que acompanha toda a página
  6. Área de comentários personalizada
  7. Ícones nos marcadores do rodapé das postagens
  8. Ícone (bullets) nos marcadores da sidebar
  9. Fonte do cabeçalho, “Philosopher” do Google Directory
Área de comentários

image
Como editar o menu do topo do template:

Faça o login e escolha a opção Design, depoisEditar 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizZX673KeDCPSi2MxNmI2DCe3qMbf4kASnag1qX922PsdruttYiDMEcTorZD8cZA-rFhC1c-JGz4lmCVnV5VN1c8z9QKT0UBijYfKlZTSrdNXL5KcUxpi7M-A9rytqZNoW8JK5DQoQu6-6/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbxmBUGkqksZyZd6BIZohiqsgHa-E1jNWaAcKe4BwE3fAWHSBTyeAhS18oH49FRNsqjedKm04W6rADwMNjMz-ffsftF1beHpiyvccUIXRIWjqY7QPj1kyxJgog1Ajpc_6GLe74-nMuOezu/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8TgtKO4GCeywX0ZdsjKVr36WkfLjrYNkAv8KeBRMTZkc1PUyhhO9nXXbwNeIKeIeS0MtOesHlx16doBQ2CPTJ4n84UirKCV3zgHVrn1quwtS4P3yOkHvkPSud888pzU2IO_cyLObHp93S/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfR8JdezN-b8UqN543uRW62QaO099DEuiX2eHUJO_h6ZprR921QXk6hUogXoej8Wl9zfVFSs3GgY7tbft7qteSoflibzrCIRMR2rStEciX95dTsXhytXuXGmTvuUR2Y3S8lRCkPuR58QXw/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRdfMupWUcd0T2CfMIHTgXXZY75PllPMH6YkcaiOvl7RyFJREPa1AZQLeNffFCXTTkyOX9fOyz4VQCPRV60j0Ea_BG07gxU45ztY_stdTUqtnGY3f8-g_J3EwVwG5rypb8RafoYrFt9aJh/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg03PNr98FAOOfY0lpSmx0RDD5fUOB-8x62fmMRGGcfQh2pg7OG77GcKkzLrzF2aOZKIddNfqvMvWv9t55SGjUa0xRbHvSaNhIol9vO0oExbi8-ibU0itDqElzpZG9xGfGJow9R9IZ3eYKO/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==&quot;&quot;)this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value=&quot;&quot;;" type="text" value="Pesquisar..." vinput="" />
<input class="searchbutton" id="submit-button" type="submit" value=" ►" /></form>



"Prontinho!"

fonte:

Dicas para Blogger

 
 
Leia Mais ►

▼Arquivo