Como Criar um Site ou Blog de sucesso [Fórum BlogsDox]
O fórum Ajuda Blogueiros é uma grande comunidade de blogueiros com o foco no compartilhamento de ideias e ajudar uns aos outros.
Como Criar um Site ou Blog de sucesso [Fórum BlogsDox]
O fórum Ajuda Blogueiros é uma grande comunidade de blogueiros com o foco no compartilhamento de ideias e ajudar uns aos outros.
Como Criar um Site ou Blog de sucesso [Fórum BlogsDox]

O Fórum BlogsDox é uma grande comunidade de blogueiros com o foco no compartilhamento de ideias e ajudar uns aos outros. Como criar um blog | criar site grátis

Social bookmarking
Social bookmarking reddit      

Espalhe o Ajuda Blogueiros por ai!

Conservar e compartilhar o endereço de Como Criar um Site ou Blog de sucesso [Fórum BlogsDox] em seu site de social bookmarking

Receba por e-mail:

Digite seu e-mail:

Últimos assuntos
» Como escrever postagens ótimas para seu blog
Como fazer Slide Show para destacar postagens EmptyQui Jul 02, 2015 9:31 am por blogsdox

» Onde aprender JavaScript?
Como fazer Slide Show para destacar postagens EmptyQui Jul 02, 2015 9:26 am por blogsdox

» GANHE DÓLARES VIA PAYPAL COM O YROO!!!
Como fazer Slide Show para destacar postagens EmptySex maio 29, 2015 8:34 am por LAZAROPLA

» 10 Templates Responsivos WordPress de 2015
Como fazer Slide Show para destacar postagens EmptySex Fev 06, 2015 8:26 am por blogsdox

» Registro de domínios grátis
Como fazer Slide Show para destacar postagens EmptySex Dez 12, 2014 9:41 am por blogsdox

» Como publicar no Facebook o post do blog (BLOGGER) com a imagem correta??
Como fazer Slide Show para destacar postagens EmptySeg Mar 17, 2014 5:34 pm por blogsdox

» As principais dicas de SEO - seu site na primeira pagina! [TUTORIAL]
Como fazer Slide Show para destacar postagens EmptyQui Out 10, 2013 2:54 am por JJJacinta333

» O que é Tumblr?
Como fazer Slide Show para destacar postagens EmptyQui Out 10, 2013 2:52 am por JJJacinta333

» melhor VPN para jogos online!
Como fazer Slide Show para destacar postagens EmptyQui Out 10, 2013 2:50 am por JJJacinta333

» HTML5 APIs para Mobile com Zeno Rocha
Como fazer Slide Show para destacar postagens EmptySáb Set 28, 2013 6:43 pm por blogsdox

» nova interface do blogger
Como fazer Slide Show para destacar postagens EmptySex Set 13, 2013 7:01 pm por blogsdox

» Dicas para Blogs - Programas de Afiliados e Google Adsense
Como fazer Slide Show para destacar postagens EmptyQua Ago 28, 2013 1:16 pm por blogsdox

» Conteúdo não é o REI, como diz o GOOGLE
Como fazer Slide Show para destacar postagens EmptySeg Ago 26, 2013 5:07 am por eu

» Como excluir um blog do Blogger [Atualizado]
Como fazer Slide Show para destacar postagens EmptyQui Ago 08, 2013 10:59 am por blogsdox

» Como divulgar as postagens do seu blog no dihitt
Como fazer Slide Show para destacar postagens EmptyQui Ago 08, 2013 7:28 am por blogsdox

» Como usar Google Analytics no Blog, Site ou Aplicativo
Como fazer Slide Show para destacar postagens EmptyQua Ago 07, 2013 11:16 am por blogsdox

» [Video Aula] Como gerar anúncios do Adsense e publicar no Wordpress
Como fazer Slide Show para destacar postagens EmptyQua Jul 24, 2013 2:46 pm por blogsdox

» [Video Aula] Como Instalar o WordPress em Servidores com Cpanel
Como fazer Slide Show para destacar postagens EmptySáb Jul 06, 2013 11:08 am por blogsdox

» [Vídeo] Como reconquistar seus clientes
Como fazer Slide Show para destacar postagens EmptySáb Jun 22, 2013 8:11 am por blogsdox

» Pedro Dias, da Engeeno.com fala sobre Search Engine Optimization (SEO)
Como fazer Slide Show para destacar postagens EmptySáb maio 18, 2013 9:54 am por blogsdox

» Segredo dos Milionários: Solução para o seu Marketing de Rede
Como fazer Slide Show para destacar postagens EmptyQui maio 09, 2013 9:47 pm por juliomoney

» Como colocar templates no Blogger ( 2013 )
Como fazer Slide Show para destacar postagens EmptySeg Abr 29, 2013 11:36 am por blogsdox

» O que é Cloud Computing? - Hostnet
Como fazer Slide Show para destacar postagens EmptySáb Abr 13, 2013 10:48 am por blogsdox

» Mundo Tecnologico
Como fazer Slide Show para destacar postagens EmptyDom Abr 07, 2013 1:35 pm por lincolnszebeni

» Quanto cobrar pelas publicidades no seu blog?
Como fazer Slide Show para destacar postagens EmptySáb Mar 16, 2013 8:15 am por blogsdox

» [Video Aula] Como criar Slideshow em Flash
Como fazer Slide Show para destacar postagens EmptyQui Mar 14, 2013 5:04 pm por blogsdox

» Top 10 melhores Agregadores de Links
Como fazer Slide Show para destacar postagens EmptySex Mar 01, 2013 4:15 pm por carlosluiz

» Templates para Blogger e Sites otimizados
Como fazer Slide Show para destacar postagens EmptyQua Fev 20, 2013 4:38 pm por blogsdox

» Campanhas Avançadas - Search / Introdução
Como fazer Slide Show para destacar postagens EmptyQua Fev 20, 2013 7:02 am por blogsdox

» O que é Plágio?
Como fazer Slide Show para destacar postagens EmptyQua Fev 20, 2013 2:31 am por andrehp

Publicidade

Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

blogsdox

blogsdox
ADMIN
Como fazer Slide Show para destacar postagens Imprescindivel-para-divulgar-seu-blog1 Vamos aprender a colocar um slideshow destacar sua postagens mais populares ou aquelas para as quais você queira chamar a atenção do leitor. Fica bem bonito e é muito fácil de configurar e gerenciar. Dentro do script abaixo, você poderá alterar o tamanho das imagens de acordo com as medidas do seu template, mudar a cor do background, da exibição, cor e formato das bordas.
A velocidade da exibição também pode ser alterada. Clique aqui para ver uma demo.
Vamos lá:

Clique aqui para pegar o código para o Slide Show

Para mudar as cores do background, largura, formato e cor das bosdas, procure o código:
background: #000000; (veja tabela de cores AQUI)
border: 5px inset #584536;
5px é a largura da borda
inset é o formato, pode ser double, outset, solid, dashed
#584536 é o código da cor
Para mudar o velocidade de slideshow, altere o valor 4000
Para mudar o tamanho das imagens mude:

width: 550px; (largura)
height: 200px; (altura)

Como inserir o script e as imagens acima da área de postagem:
1. Faça o login no Blogger e no seu painel clique em ►Design
2. Clique na aba ► Editar HTML
3. Encontre a tag </head>
4. Copie código do script e cole- ANTES da tag </ head>
Salve o modelo

Agora volte para a página Layout e clique em "Adicionar um gadget"
Escolha um gadget HTML/JavaScript e coloque dentro dele o seguinte código:

<div id="s3slider">
<ul id="s3sliderContent">
<li class="s3sliderImage">
<a href="SEU-LINK-AQUI"><img style="width:550px;height:200px;" src="http://2.bp.blogspot.com/_DCJ4PAWLOdE/S9bpWEzM6nI/AAAAAAAAEQ8/VXC4YJTouPk/s320/Foto1.jpg" />
<span>Texto: Título do post </span></a>
</li>
<li class="s3sliderImage">
<a href="SEU-LINK-AQUI"><img style="width:550px;height:200px;" src="http://2.bp.blogspot.com/_DCJ4PAWLOdE/S9bpa1jmhmI/AAAAAAAAERA/ylF-itO90M0/s320/Foto2.jpg" />
<span>Texto: Título do post</span></a>
</li>
<li class="s3sliderImage">
<a href="SEU-LINK-AQUI"><img style="width:550px;height:200px;" src="http://2.bp.blogspot.com/_DCJ4PAWLOdE/S9bpczWGpSI/AAAAAAAAERE/ekpedS9Hb_k/s320/Foto3.jpg" />
<span>Texto: Título do post</span></a>
</li>
<li class="s3sliderImage">
<a href="SEU-LINK-AQUI"><img style="width:550px;height:200px;" src="http://4.bp.blogspot.com/_DCJ4PAWLOdE/S9bpe77w6BI/AAAAAAAAERI/kt9YqwjxDLI/s320/Foto4.jpg" />
<span>Texto: Título do post</span></a>
</li>
</ul>
</div>
<div class='clear'></div>

colocando o link e o endereço da sua imagem (destaque em NEGRITO e AZUL)
Salve.

Observe que neste exemplo usei apenas quatro imagens com links. Você pode exibir menos ou mais links acrecentando ou retirando as seções (código abaixo).
ATENÇÃO! Cole sempre os códigos adicionais acima/antes da tag </ul>

<li class="s3sliderImage">
<a href="SEU-LINK-AQUI"><img style="width:550px;height:200px;" src="http://2.bp.blogspot.com/_DCJ4PAWLOdE/S9bpWEzM6nI/AAAAAAAAEQ8/VXC4YJTouPk/s320/Foto1.jpg" />
<span>Texto: Título do post </span></a>
</li>

Pronto!

https://ajudablogueiros.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos