1 Como colocar destaques no Blog
« Qui Nov 24, 2011 7:39 pm »
Lider da Akatsuki
Meu nome é Ichigo
Nesse tutorial eu irei ensinar a todos a como colocar parceiros/destaques rolantes no blog. Antes de tentar aplicar esse efeito, faça um backup de seu blog, pois se houver algum erro é só restaurar.
Adicione esse codigo antes de ]]></b:skin> :
/*--SKULL DESIGN-- */
#publicidade-header{
clear:both;
width:880px;
height:99px;
background:url(http://danielfariaptu.webs.com/images/em%20destaque.png) no-repeat;
margin:10px 0px 10px 0px;
padding:17px 45px 15px 65px
}
E, adicione depois de ]]></b:skin> esse codigo:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://imagensblogger.webs.com/blogger/jquery.js'/>
<script src='http://imagensblogger.webs.com/blogger/jquery.flexislider.js' type='text/javascript'/>
<link href='http://imagensblogger.webs.com/blogger/style.css' rel='stylesheet' type='text/css'/>
e adicione antes de <div class='leftsidebar-wrapper'> no seu blog pode variar
pode ser tambem new-sidebar
se não achar cole o codigo depois de
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol'/>
</div> OU <div class='corpo'> :
<div id='publicidade-header'>
<div id='slider'>
<div id='imageloader'>
<img src='http://danielfariaptu.webs.com/images/ajax-loader.gif'/>
</div>
<a href='LINK POSTAGEM' title='NOME POSTAGEM'><img src='http://dl.dropbox.com/u/28869259/DESTAQUES.png'/></a>
<a href='LINK POSTAGEM' title='NOME POSTAGEM'><img src='http://dl.dropbox.com/u/28869259/DESTAQUES.png'/></a>
<a href='LINK POSTAGEM' title='NOME POSTAGEM'><img src='http://dl.dropbox.com/u/28869259/DESTAQUES.png'/></a>
<a href='LINK POSTAGEM' title='NOME POSTAGEM'><img src='http://dl.dropbox.com/u/28869259/DESTAQUES.png'/></a>
<a href='LINK POSTAGEM' title='NOME POSTAGEM'><img src='http://dl.dropbox.com/u/28869259/DESTAQUES.png'/></a>
<a href='LINK POSTAGEM' title='NOME POSTAGEM'><img src='http://dl.dropbox.com/u/28869259/DESTAQUES.png'/></a>
<a href='LINK POSTAGEM' title='NOME POSTAGEM'><img src='http://dl.dropbox.com/u/28869259/DESTAQUES.png'/></a>
<a href='LINK POSTAGEM' title='NOME POSTAGEM'><img src='http://dl.dropbox.com/u/28869259/DESTAQUES.png'/></a>
</div>
</div>
Adicione esse codigo antes de ]]></b:skin> :
/*--SKULL DESIGN-- */
#publicidade-header{
clear:both;
width:880px;
height:99px;
background:url(http://danielfariaptu.webs.com/images/em%20destaque.png) no-repeat;
margin:10px 0px 10px 0px;
padding:17px 45px 15px 65px
}
E, adicione depois de ]]></b:skin> esse codigo:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://imagensblogger.webs.com/blogger/jquery.js'/>
<script src='http://imagensblogger.webs.com/blogger/jquery.flexislider.js' type='text/javascript'/>
<link href='http://imagensblogger.webs.com/blogger/style.css' rel='stylesheet' type='text/css'/>
e adicione antes de <div class='leftsidebar-wrapper'> no seu blog pode variar
pode ser tambem new-sidebar
se não achar cole o codigo depois de
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol'/>
</div> OU <div class='corpo'> :
<div id='publicidade-header'>
<div id='slider'>
<div id='imageloader'>
<img src='http://danielfariaptu.webs.com/images/ajax-loader.gif'/>
</div>
<a href='LINK POSTAGEM' title='NOME POSTAGEM'><img src='http://dl.dropbox.com/u/28869259/DESTAQUES.png'/></a>
<a href='LINK POSTAGEM' title='NOME POSTAGEM'><img src='http://dl.dropbox.com/u/28869259/DESTAQUES.png'/></a>
<a href='LINK POSTAGEM' title='NOME POSTAGEM'><img src='http://dl.dropbox.com/u/28869259/DESTAQUES.png'/></a>
<a href='LINK POSTAGEM' title='NOME POSTAGEM'><img src='http://dl.dropbox.com/u/28869259/DESTAQUES.png'/></a>
<a href='LINK POSTAGEM' title='NOME POSTAGEM'><img src='http://dl.dropbox.com/u/28869259/DESTAQUES.png'/></a>
<a href='LINK POSTAGEM' title='NOME POSTAGEM'><img src='http://dl.dropbox.com/u/28869259/DESTAQUES.png'/></a>
<a href='LINK POSTAGEM' title='NOME POSTAGEM'><img src='http://dl.dropbox.com/u/28869259/DESTAQUES.png'/></a>
<a href='LINK POSTAGEM' title='NOME POSTAGEM'><img src='http://dl.dropbox.com/u/28869259/DESTAQUES.png'/></a>
</div>
</div>