Dinâmico Slide para blog
Dinâmico slide
Clique na imagem para vê-lo em funcionamento.
Neste artigo, trazemos um dinâmico slide pra você inserir em seu blog, com códigos simples e modernos. É compatível com qualquer template e não ocorre conflitos de scripts. Este dinâmico slide é fácil de fazer, vamos ajudá-lo com o tutorial. Tenha este slide dinâmico em seu blog para mostrar suas publicidades, enfim, mostrar seu conteúdo.
Características:
- Responsivo
- Imagem à esquerda (250 px por 250 px até 300 px por 300 px)
- Título e texto editáveis
- Possui link de redirecionamento (pode-se inserir target="_blank")
- Largura mínima do slide de 520 px
- Funciona dentro de qualquer template em qualquer resolução de tela dos dispositivos. Maximiza 100% da tela a partir de 520 px.
Inseririndo o dinâmico slide no blog
Aprenda, agora, como colocar este slide em seu blog, mas antes aconselhamos que você faça um backup do template antes de qualquer edição. Vamos ao tutorial:Vá até modelo, editar html, aperte crtl+f , procure por </head> e insira o código, abaixo, logo acima desta tag:
Copie o código, abaixo, e insira logo abaixo da tag <body> para ficar no topo do blog ou vá em layout, Gadgets html/javascript, para inserir em um local específico.
Você pode ver o moderno slide em funcionamento clicando aqui.
Após ter inserido os códigos especificados acima vamos à edição dos blocos.
Os blocos do dinâmico slide seguem o mesmo padrão de edição, como explicamos, abaixo:
<h2>Coloque seu título</h2>
<p>Fale ou descreva seu conteúdo referente a imagem ao lado ou artigo que você pretende divulgar</p>
<a href="http://endereço do redirecionamento" class="da-link">Leia mais</a>
<div class="da-img"><img src="endereço da imagem" />
Altere somente os comandos destacados em vermelho. Os aquivos da folha de estilo css e os arquivos de script foram hospedados por nós, do BG, e não podem ser alterados. Com isso, reduzimos o tamanho do código fonte do slide e garantimos seu funcionamento sem erros.
Finalizando
Este slide é muito útil pra quem quer otimizar seu blog conferindo um visual dinâmico e moderno. Coloque propagandas, divulgue seu conteúdo, e com isso, atraia mais leitores.
7 comentários :
O BG entrará em contato com você em até 24 horas! Para deixar seu link, escolha a opção Nome/URL. Spans ou links para pedidos de visita serão excluídos imediatamente. Para mais informações, leia a Política BG.
Assinar:
Postar comentários
(
Atom
)
É possível modificar a imagem do fundo do slide?
ResponderExcluirO modelo é muito bonito e funcionou perfeitamente, entretanto, as cores não combinam com o modelo da minha página.
Olá! Esta aparecendo isso ao copiar o código acima de : Erro ao analisar XML, linha 570, coluna 5: The element type "link" must be terminated by the matching end-tag "" Já tentei mas de mil vezes o que há de errado?
ResponderExcluirDeu o mesmo erro comigo e vi que precisava fechar a tag do primeiro link. Coloque a barra "/" antes de ">".
ExcluirAinda não conseguir entender. O código acima estar errado?
ExcluirErro ao analisar XML, linha 669, coluna 1: Element type "body" must be followed by either attribute specifications, ">" or "/>".
ResponderExcluiraparece isso ai no meu
sendo q eu ja fiz como a moça ai em cima explicou mas agora o erro fica aparecendo em body, e especialmente eu queria muito esse slide.
ResponderExcluireu ate consegui botar o slide, mas eu queria alterar a velocidade dele e tambem clusar todo o espaço do slide pra colocar as imagens, mas pelo jeito nao tem essa opção, queria sABER SE TINHA COMO ALTERAR ESSAS OPÇÕES.
ResponderExcluir