quinta-feira, 16 de setembro de 2010

Slide Jquey


Descrição: Gostaria de ter aqueles slides jquery, que ficam passando automaticamente as imagens com links ?


Nossa Avaliação Do Conteúdo:

Tutorial:

1) Acesse o painel do Blogger
2) Vá em Layout / Design e clique em  Editar HTML
3) Logo após clique em  “Expandir modelos de Widgets”
4) Agora procure por:

]] ]]></b:skin> 
E abaixo deste código coloque o seguinte:

<script src='http://www.yourjavascript.com/50720117270/Jquery.js' type='text/javascript'/> <script src='http://www.yourjavascript.com/50522970711/flexislider.js' type='text/javascript'/> <link href='http://danielfariaptu.webs.com/js/style.css' rel='stylesheet' type='text/css'/> 


Agora procure por:

<div id='main-wrapper '> 

E coloque acima dele este código:

<div id='publicidade-header'> <div id='slider'> <div id='imageloader'> <img src='http://danielfariaptu.webs.com/images/ajax-loader.gif'/> </div> <a href='http://www.baixetudodownloads.com/2010/06/windows-live-messenger-2009.html' title='Windows Live Messenger 2009'><img src='http://danielfariaptu.webs.com/images/msn.png'/></a> <a href='http://www.baixetudodownloads.com/2010/06/download-mozilla-firefox.html' title='Navegador Firefox'><img src='http://danielfariaptu.webs.com/images/firefox.png'/></a> <a href='http://www.baixetudodownloads.com/2010/06/navegador-internet-explorer-8-final.html' title='Navegador Internet Explorer 8 Final'><img src='http://danielfariaptu.webs.com/images/explorer.png'/></a> <a href='http://www.baixetudodownloads.com/2010/06/download-winrar-393.html' title='Download Winrar'><img src='http://danielfariaptu.webs.com/images/winrar.png'/></a> <a href='http://www.baixetudodownloads.com/2010/06/download-realplayer-sp.html' title='RealPlayer Sp'><img src='http://danielfariaptu.webs.com/images/real%20player.png'/></a> <a href='http://www.baixetudodownloads.com/2010/06/avg-anti-virus-free-90-atualizado.html' title='Avg'><img src='http://danielfariaptu.webs.com/images/avg.png'/></a> <a href='http://www.baixetudodownloads.com/2010/06/vdownloader-28.html' title='Vdownloader'><img src='http://danielfariaptu.webs.com/images/vdownloader.png'/></a> <a href='http://www.baixetudodownloads.com/2010/06/photoscape-e-photoscapeum-programa.html' title='Photoscape'><img src='http://danielfariaptu.webs.com/images/photoscape.png'/></a> </div> 
Agora cole o seguinte código acima de  ]]></b:skin>
 #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 } 

5) Visualize e se deu tudo certo salve!

Um comentário:

  1. Não Deu Certoo!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! o BLG Falo q eu num fexei a div ai eu peguei e puis 812 divs fechadas e mesmo assim ele falo q eu num fechei a $!!#"# Da div

    ResponderExcluir