.

quarta-feira

Slide Carrossel para Anúncios no Blogger

ACESSOS:
AQUI




Nesta postagem compartilho com vocês esse excelente Slide para anúncios...


Veja uma demonstração no final da página desse site:

http://goo.gl/hYTLkB

Para colocar em seu blog... Entre em "Modelo" - "Editar HTML" e procure pela tag
</head>
Tendo encontrada a tag, ACIMA dela cole o seguinte código

<script src='https://www.dropbox.com/s/53vccqgl5bd5vnl/Slidecarrossel.js' type='text/javascript'/>
<script src='http://dl.dropbox.com/u/16265358/downloadsgratis/jquery.flexislider.js' type='text/javascript'/>
Agora, procure pela tag
]]></b:skin>
Tendo encontrado a tag, cole ACIMA dela o seguinte código
#publicidade-header{
clear:both;
width:880px;
height:99px;
background:url(http://i41.tinypic.com/1040lsp.png) no-repeat;
margin:0px 0px 10px 0px;
padding:17px 45px 15px 65px
}
#slider {position: relative; overflow: hidden;height:100px;}
#slider a {position:absolute; margin:0; height:92px; width:150px; display:none;}
#imageloader {position:relative; display:block; width: 100%; margin: 0px auto; text-align: center;}
#imageloader img { position:relative; top:40px; z-index:100; width:128px; height:15px; display:inline;}
Agora, procure pela tag
<body>
Ou
</body>
Tendo encontrada a tag, cole ACIMA dela o seguinte código
<div id='publicidade-header'>
<div id='slider'>
<div id='imageloader'>
<img src='http://3.bp.blogspot.com/-fCeAt7D6Uss/UzxcnJ9ssjI/AAAAAAAACmg/BnjergQ-Xrg/s1600/ajax-loader.gif'/>
</div>
<a href='seulink' title='title'><img src='http://3.bp.blogspot.com/-0VRlROyLpBQ/UzxbENH5CQI/AAAAAAAACmU/-A-ogzKJwRw/s1600/141+x+92+-+DicasHot.png'/></a>
<a href='seulink' title='title'><img src='http://3.bp.blogspot.com/-0VRlROyLpBQ/UzxbENH5CQI/AAAAAAAACmU/-A-ogzKJwRw/s1600/141+x+92+-+DicasHot.png'/></a>
<a href='seulink' title='title'><img src='http://3.bp.blogspot.com/-0VRlROyLpBQ/UzxbENH5CQI/AAAAAAAACmU/-A-ogzKJwRw/s1600/141+x+92+-+DicasHot.png'/></a>
<a href='seulink' title='title'><img src='http://3.bp.blogspot.com/-0VRlROyLpBQ/UzxbENH5CQI/AAAAAAAACmU/-A-ogzKJwRw/s1600/141+x+92+-+DicasHot.png'/></a>
<a href='seulink' title='title'><img src='http://3.bp.blogspot.com/-0VRlROyLpBQ/UzxbENH5CQI/AAAAAAAACmU/-A-ogzKJwRw/s1600/141+x+92+-+DicasHot.png'/></a>
<a href='seulink' rel='nofollow' title='title'><img src='http://3.bp.blogspot.com/-0VRlROyLpBQ/UzxbENH5CQI/AAAAAAAACmU/-A-ogzKJwRw/s1600/141+x+92+-+DicasHot.png'/></a>
<a href='seulink' title='title'><img src='http://3.bp.blogspot.com/-0VRlROyLpBQ/UzxbENH5CQI/AAAAAAAACmU/-A-ogzKJwRw/s1600/141+x+92+-+DicasHot.png'/></a>
<a href='seulink' rel='nofollow' title='title'><img src='http://3.bp.blogspot.com/-0VRlROyLpBQ/UzxbENH5CQI/AAAAAAAACmU/-A-ogzKJwRw/s1600/141+x+92+-+DicasHot.png'/></a>
<a href='seulink' title='title'><img src='http://3.bp.blogspot.com/-0VRlROyLpBQ/UzxbENH5CQI/AAAAAAAACmU/-A-ogzKJwRw/s1600/141+x+92+-+DicasHot.png'/></a>
<a href='seulink' title='title'><img src='http://3.bp.blogspot.com/-0VRlROyLpBQ/UzxbENH5CQI/AAAAAAAACmU/-A-ogzKJwRw/s1600/141+x+92+-+DicasHot.png'/></a>
</div>
</div>
Faça as alterações nessa última parte, tendo feita as alterações está pronto!!!

Cursos 24 Horas

Cursos Online 24 Horas