Template “Lembranças” – Blogger Templates
Autor: MamaNunes | Publicado: 2010-10-27T17:26:00-02:00

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&#160; que graça o template instalado.  &#160;  &#160;DEMO  DOWNLOAD DO TEMPLATE  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     &lt;ul class='left'&gt;      &lt;li&gt;&lt;a href='#'&gt;Home&lt;/a&gt;&lt;/li&gt;       &lt;li&gt;&lt;a href='#'&gt;About&lt;/a&gt;&lt;/li&gt;       &lt;li&gt;&lt;a href='#'&gt;Fotos&lt;/a&gt;&lt;/li&gt;       &lt;li&gt;&lt;a href='#'&gt;Vídeos&lt;/a&gt;&lt;/li&gt;       &lt;li&gt;&lt;a href='#'&gt;Roteiros&lt;/a&gt;&lt;/li&gt;       &lt;li&gt;&lt;a href='#'&gt;Editar link&lt;/a&gt;&lt;/li&gt;       &lt;li&gt;&lt;a href='#'&gt;Editar link&lt;/a&gt;&lt;/li&gt;       &lt;/ul&gt;   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:     &lt;!-- Slide-1 Code Start --&gt;      &lt;li&gt;       &lt;div class='mytext'&gt;       &lt;a href='ENDEREÇO-DO-LINK'&gt;       &lt;img alt='' src='http://2.bp.blogspot.com/_VM_eeGPD1Ms/TMgnkBVS1II/AAAAAAAAALU/8mNo83P1iJk/s1600/viagens-baratas.jpg'/&gt;       &lt;/a&gt;       &lt;div class='inpost'&gt;       &lt;p&gt;NOME DA FOTO OU TEXTO &lt;/p&gt;       &lt;/div&gt;       &lt;/div&gt;       &lt;/li&gt;       &lt;!-- Slide-1 Code End --&gt;     &lt;!-- Slide-2 Code Start --&gt;      &lt;li&gt;       &lt;div class='mytext'&gt;       &lt;a href='ENDEREÇO-DO-LINK'&gt;       &lt;img alt='' src='http://3.bp.blogspot.com/_VM_eeGPD1Ms/TMgpfqGAYZI/AAAAAAAAALc/MLIp0gEtJds/s1600/lua-de-mel-480x309.jpg'/&gt;       &lt;/a&gt;       &lt;div class='inpost'&gt;       &lt;p&gt;NOME DA FOTO OU TEXTO&lt;/p&gt;       &lt;/div&gt;       &lt;/div&gt;       &lt;/li&gt;       &lt;!-- Slide-2 Code End --&gt;     &lt;!-- Slide-3 Code Start --&gt;      &lt;li&gt;       &lt;div class='mytext'&gt;       &lt;a href='ENDEREÇO-DO-LINK'&gt;       &lt;img alt='' src='http://4.bp.blogspot.com/_VM_eeGPD1Ms/TMgnjmMFFDI/AAAAAAAAALQ/deY02CuX1XA/s1600/lua-de-mel.jpg'/&gt;       &lt;/a&gt;       &lt;div class='inpost'&gt;       &lt;p&gt;NOME DA FOTO OU TEXTO&lt;/p&gt;       &lt;/div&gt;       &lt;/div&gt;       &lt;/li&gt;       &lt;!-- Slide-3 Code End --&gt;     &lt;!-- Slide-4 Code Start --&gt;      &lt;li&gt;       &lt;div class='mytext'&gt;       &lt;a href='ENDEREÇO-DO-LINK'&gt;       &lt;img alt='' src='http://2.bp.blogspot.com/_VM_eeGPD1Ms/TMgnknBiEVI/AAAAAAAAALY/PQ0H2DjZi7w/s1600/viagens-tailandia.jpg'/&gt;       &lt;/a&gt;       &lt;div class='inpost'&gt;       &lt;p&gt;NOME DA FOTO OU TEXTO&lt;/p&gt;       &lt;/div&gt;       &lt;/div&gt;       &lt;/li&gt;       &lt;!-- Slide-4 Code End --&gt;     &lt;!-- Slide-5 Code Start --&gt;      &lt;li&gt;       &lt;div class='mytext'&gt;       &lt;a href='ENDEREÇO-DO-LINK'&gt;       &lt;img alt='' src='http://1.bp.blogspot.com/_VM_eeGPD1Ms/TMgvAKQNo6I/AAAAAAAAALo/Ppyt8unm8mM/s1600/familia.jpg'/&gt;       &lt;/a&gt;       &lt;div class='inpost'&gt;       &lt;p&gt;NOME DA FOTO OU TEXTO&lt;/p&gt;       &lt;/div&gt;       &lt;/div&gt;       &lt;/li&gt;       &lt;!-- Slide-5 Code End --&gt;     &lt;!-- Slide-6 Code Start --&gt;      &lt;li&gt;       &lt;div class='mytext'&gt;       &lt;a href='ENDEREÇO-DO-LINK'&gt;       &lt;img alt='' src='http://4.bp.blogspot.com/_VM_eeGPD1Ms/TMgu_COkj_I/AAAAAAAAALk/uwSyQTj2Uvw/s1600/104729.jpg'/&gt;       &lt;/a&gt;       &lt;div class='inpost'&gt;       &lt;p&gt;NOME DA FOTO OU TEXTO&lt;/p&gt;       &lt;/div&gt;       &lt;/div&gt;       &lt;/li&gt;       &lt;!-- Slide-6 Code End --&gt;   &#160;  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:     &lt;form action='/search' class='right' id='searchthis' method='get'&gt;     &lt;input class=&quot;input-text&quot; id=&quot;searchBox&quot; name=&quot;q&quot; onblur=&quot;if(this.value==&amp;quot;&amp;quot;)this.value=this.defaultValue;&quot; onfocus=&quot;if(this.value==this.defaultValue)this.value=&amp;quot;&amp;quot;;&quot; type=&quot;text&quot; value=&quot;Pesquisar...&quot; vinput=&quot;&quot; /&gt;      &lt;input class=&quot;searchbutton&quot; id=&quot;submit-button&quot; type=&quot;submit&quot; value=&quot; ►&quot; /&gt;&lt;/form&gt;         Prontinho!  Espero que gostem. Qualquer problema na instalação, grita que eu acudo.  Beijo da Mama ♥