Um Slide bonito e agradavel é indispensável para blogs de noticias, mas indenpendente do nicho em que seu blog atua, este slide pode ser um aliado para deixar seus melhores posts em destaque. Este Slide não deixará seu blog pesado, irá se ajustar automaticamente ao tamanho de sua pagina e possui setas de para esquerda e direita.
Veja o slide funcionando em um Site: Clique aqui
1.Entre em Layout > Editar HTML
Adicione o código abaixo antes de :
2. E esta parte acima de ]]> Clique para ver o Codigo!
3. Agora vá até Layout > Elementos da pagina:
Crie um novo elemento HTML / JavaScript com o seguinte codigo:
Descrição da imagem
URL do Post" class="open" title="Read More">
Titulo da Imagem" src="URL DA IMAGEM" class="full"/>
Titulo da Imagem" src="URL DA IMAGEM" class="thumbnail"/>
Descrição da imagem
URL do Post" class="open" title="Read More">
Titulo da Imagem" src="URL DA IMAGEM" class="full"/>
Titulo da Imagem" src="URL DA IMAGEM" class="thumbnail"/>
--------------------------------------------------------------------fim do codigo
Antes de começar recomendo que faça um backup do seu template.
Colocando Slide no Blog
1.Entre em Layout > Editar HTML
Adicione o código abaixo antes de :
2. E esta parte acima de ]]> Clique para ver o Codigo!
3. Agora vá até Layout > Elementos da pagina:
Crie um novo elemento HTML / JavaScript com o seguinte codigo:
Titulo da Imagem
Descrição da imagem
URL do Post" class="open" title="Read More">
Titulo da Imagem" src="URL DA IMAGEM" class="full"/>
Titulo da Imagem" src="URL DA IMAGEM" class="thumbnail"/>
Titulo da Imagem
Descrição da imagem
URL do Post" class="open" title="Read More">
Titulo da Imagem" src="URL DA IMAGEM" class="full"/>
Titulo da Imagem" src="URL DA IMAGEM" class="thumbnail"/>
4. Agora adicione as URLS de suas imagens e os titulos nos locais indicados em vermelho no codigo,
5. Salve e veja o resultado
Se quiser adicionar mais imagens copie o código abaixo e cole entre:
Descrição da imagem
URL do Post" class="open" title="Read More">
Titulo da Imagem" src="URL DA IMAGEM" class="full"/>
Titulo da Imagem" src="URL DA IMAGEM" class="thumbnail"/>
Se quiser adicionar mais imagens copie o código abaixo e cole entre:
&
Titulo da Imagem
Descrição da imagem
URL do Post" class="open" title="Read More">
Titulo da Imagem" src="URL DA IMAGEM" class="full"/>
Titulo da Imagem" src="URL DA IMAGEM" class="thumbnail"/>
---------------------------------------------------------------------------------------------------------------
Aqui outro exemplo de slide simples com as postagens do Blog .... click aqui
Ainda nao possui um Blog ? Click aqui e saiba como criar o seu .
Ainda nao possui um Blog ? Click aqui e saiba como criar o seu .
Postar um comentário
Seja coerente em seus comentários mesmo livre de moderação seu comentário pode ser excluido caso contenha palavrões ou conter palavras de baixo calão