ARQUIVO DO BLOG

VIP'S

sexta-feira, 8 de julho de 2011

postheadericon Adicionando destaques no seu blog

17:34 | Postado por Giuliane | | Editar post
Adicionando destaques no seu blog
Ae galera estou trazendo um tutorial aqui ele e de detaques que fica rolando pro lado esquerdo acima dos posts.

1. Faça o login no blogger > Design > Editar HTML
(Não é preciso marcar a opção 'expandir widgets')

2. Escolha o local que ficara o slide e adicione o seguinte codigo:
#publicidade-header{
clear:both;
width:880px;
height:99px;
background:url(http://dl.dropbox.com/u/15489916/Hunter%20Down/IMGS.Slider/BG.png) no-repeat;
margin:-60px 0px 25px 0px;
padding:17px 65px 70px 50px
}
#slider{
margin:0px 0px 5px 10px;
padding:0px 50px 100px 50px
} 

3. Abaixo de ]]></b:skin> adicione o seguinte codigo:
<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'/>


4. E antes de <div id='newsidebar-wrapper'> adicione o seguinte codigo:
<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='#' title='Aqui seu destaque'><img src='http://dl.dropbox.com/u/26338360/ThemeCliente/DestaquesEmBreve.png'/></a><a href='#' title='Aqui seu destaque'><img src='http://dl.dropbox.com/u/26338360/ThemeCliente/DestaquesEmBreve.png'/></a>
<a href='#' title='Aqui seu destaque'><img src='http://dl.dropbox.com/u/26338360/ThemeCliente/DestaquesEmBreve.png'/></a>
<a href='#' title='Aqui seu destaque'><img src='http://dl.dropbox.com/u/26338360/ThemeCliente/DestaquesEmBreve.png'/></a>
<a href='#' title='Aqui seu destaque'><img src='http://dl.dropbox.com/u/26338360/ThemeCliente/DestaquesEmBreve.png'/></a>
<a href='#' title='Aqui seu destaque'><img src='http://dl.dropbox.com/u/26338360/ThemeCliente/DestaquesEmBreve.png'/></a>
<a href='#' title='Aqui seu destaque'><img src='http://dl.dropbox.com/u/26338360/ThemeCliente/DestaquesEmBreve.png'/></a>
<a href='#' title='Aqui seu destaque'><img src='http://dl.dropbox.com/u/26338360/ThemeCliente/DestaquesEmBreve.png'/></a>
<a href='#' title='Aqui seu destaque'><img src='http://dl.dropbox.com/u/26338360/ThemeCliente/DestaquesEmBreve.png'/></a>
<a href='#' title='Aqui seu destaque'><img src='http://dl.dropbox.com/u/26338360/ThemeCliente/DestaquesEmBreve.png'/></a>        
</div>
</div>
Marcadores:

0 comentários:

Postar um comentário

Assinar: Postar comentários (Atom)

Blogger Template created with Artisteer.