Tutoriais - Como Colocar Slide De Postagens Em Destaques No Blog

Fonte: http://www.efetivadesignerr.blogspot.com Clique Na Postagem Para Melhor Visualização


Faça o login no blogger > Design > Editar HTML (Não é preciso marcar a opção 'expandir widgets') Escolha o local que ficara o slide e adicione o seguinte codigo:

#publicidade-header{
clear:both;
width:880px;
height:99px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVc8Fbh1Mk80e0Jc7yiI3YDEYQY8LINvdryjFd4IlYUwwOaqjjs8Q4rvYY_a65LXdq7hhIapMeKHvQMKPO6qRBBRzM4O2eDx_YChkBu1R8Xlyu3lmdrrLVRC1r-1WhbR9NmRj1adcFYcc/s1600/publicidade.jpg) no-repeat;
margin:-60px 0px 25px 0px;
padding:17px 65px 70px 50px
}
#slider{
margin:0px 0px 5px 10px;
padding:0px 50px 100px 50px




Procure ( CTRL + F) pela tag: ]]></b:skin> cole o codigo abaixo depois da tag: ]]></b:skin>





<script src='http://dl.dropbox.com/u/15489916/Hunter%20Down/Jquery.JS' type='text/javascript'/>

<script src='http://dl.dropbox.com/u/15489916/Hunter%20Down/Function.JS' type='text/javascript'/>
<script src='http://dl.dropbox.com/u/15489916/Hunter%20Down/Jquery.FlexSlider.JS' type='text/javascript'/>
<link href='http://dl.dropbox.com/u/15489916/Hunter%20Down/Style.CSS' rel='stylesheet' type='text/css'/>

Novamente Procure (CTRL +F) por: <div id='newsidebar-wrapper'> adicione codigo abaixo antes da tag: <div id='newsidebar-wrapper'>

<div id='publicidade-header'>
<div id='slider'>
<div id='imageloader'>
<img src='http://dl.dropbox.com/u/2936260/Imagens/ajax-loader.gif'/>
</div>
<a href='Link do seu post' title='Aqui seu destaque'><img src='Link da Sua Imagem'/></a>

<a href='Link do seu post' title='Aqui seu destaque'><img src='Link da Sua Imagem'/></a>

<a href='Link do seu post' title='Aqui seu destaque'><img src='Link da Sua Imagem'/></a>

<a href='Link do seu post' title='Aqui seu destaque'><img src='Link da Sua Imagem'/></a>

<a href='Link do seu post' title='Aqui seu destaque'><img src='Link da Sua Imagem'/></a>

<a href='Link do seu post' title='Aqui seu destaque'><img src='Link da Sua Imagem'/></a>

<a href='Link do seu post' title='Aqui seu destaque'><img src='Link da Sua Imagem'/></a>

<a href='Link do seu post' title='Aqui seu destaque'><img src='Link da Sua Imagem'/></a>

<a href='Link do seu post' title='Aqui seu destaque'><img src='Link da Sua Imagem'/></a>

<a href='Link do seu post' title='Aqui seu destaque'><img src='Link da Sua Imagem'/></a>

</div>

</div>



altere tudo que estar de rosa

1 comentários:

Man já tentei de todo jeito e ñ aparece,o primeiro coloco como gadget e o segundo abro a fonte e colo depois de ]]> sendo q da erro,informa que precisa fechar div ajuda ae man ou por aqui ou pelo whats 092993069667 aguardo.

Reply

Postar um comentário