Como Por Slider igual a Bcreate

Olá Galera Galera estarei enssinando como criar um slideigual da Bcreate

Primeiro Pegue o Codigo logo abaixo 1  e Coloque antes de   ]]></b:skin>

#JANIO__QUADROS-RENUNCIA{        background:url(http://bcreate-utilys.webs.com/Images/JANIO_-_Quadros-Renuncia.png) no-repeat;               position: relative;        width:600px;      height:300px;        float:right;            margin:-120px 90px 0px 0px;        padding:0px 0 0 0px;}
#JANIO__QUADROS{        background:url(http://bcreate-utilys.webs.com/Images/JANIO_-_Quadros.png) no-repeat;        width:600px;      height:300px;        float:right;            margin:-300px 58px 0 0px;        padding:24px 0 0 32px;}
#JANIO_-_QUADROS{        width:551px;      height:263px;    }
#JANIO_-_QUADROS img{         width:551px;      height:263px;}
#JANIO_-_QUADROS ul, #JANIO_-_QUADROS li{    margin:0;    padding:0;    list-style:none;    }
#JANIO_-_QUADROS li{         width:551px;      height:263px;    overflow:hidden;     }

Segundo Pegue o Codigo logo abaixo 2 e Coloque Depois de   ]]></b:skin>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>

<script src='http://bcreate-utilys.webs.com/JS/cufon-yui.js' type='text/javascript'/> 
<script src='http://bcreate-utilys.webs.com/JS/cufon-replace.js' type='text/javascript'/> 
<script src='http://bcreate-utilys.webs.com/JS/Myriad_Pro_700_BC.font.js' type='text/javascript'/> 
<script src='http://bcreate-utilys.webs.com/Slider/js/jquery.js' type='text/javascript'/> 
<script src='http://bcreate-utilys.webs.com/Slider/js/easySlider1.5.js' type='text/javascript'/> 
<script src='http://bcreate-utilys.webs.com/JS/friend-connect.js' type='text/javascript'/> 
<script type='text/javascript'> 
$(document).ready(function(){    
    $(&quot;#JANIO_-_QUADROS&quot;).easySlider({
        auto: true,
        continuous: true 
    });
});
    </script> 
<script src='http://bcreate-utilys.webs.com/IMG/jquery.easing.1.3.js' type='text/javascript'/><!-- only needed for demo 5 --> 
<script src='http://bcreate-utilys.webs.com/IMG/jquery.imgslide.min.js' type='text/javascript'/> 
<script type='text/javascript'> 
        $(function(){

            $(&#39;.DILMA_ROUSSEFF img&#39;).imgslide({
                top: &#39;-130px&#39;,
                duration: 400
            });
            
        });
                $(function(){

            $(&#39;.JUCELINO_KUBITSCHEK img&#39;).imgslide({
                top: &#39;-130px&#39;,
                duration: 400
            });
            
        });
                $(function(){

            $(&#39;.JOAO_FIGUEREDO img&#39;).imgslide({
                top: &#39;-130px&#39;,
                duration: 400
            });
            
        });
                $(function(){

            $(&#39;.CASTELO_-BRANCO img&#39;).imgslide({
                top: &#39;-130px&#39;,
                duration: 400
            });
            
        });
$(function(){

            $(&#39;.MARECHAL_-DEODORO img&#39;).imgslide({
                top: &#39;-130px&#39;,
                duration: 400
            });
            
        });
$(function(){

            $(&#39;.JOAO_-GOULART img&#39;).imgslide({
                top: &#39;-130px&#39;,
                duration: 400
            });
            
        });
$(function(){

            $(&#39;.CAFE_-FILHO img&#39;).imgslide({
                top: &#39;-130px&#39;,
                duration: 400
            });
            
        });
$(function(){

            $(&#39;.CAMPOS_-SALES img&#39;).imgslide({
                top: &#39;-130px&#39;,
                duration: 400
            });
            
        });
$(function(){

            $(&#39;.JULIO_-PRESTES img&#39;).imgslide({
                top: &#39;-130px&#39;,
                duration: 400
            });
            
        });
$(function(){

            $(&#39;.WASHIGNTON_-LUIZ img&#39;).imgslide({
                top: &#39;-130px&#39;,
                duration: 400
            });
            
        });
    </script> 

Terceiro Pegue o Codigo logo abaixo Depois procure por  <body>  e Coloque o Codigo 3

<center>

 <div id='JANIO__QUADROS-RENUNCIA'>
</div>
<div id='JANIO__QUADROS'>
<div id='JANIO_-_QUADROS'>
<ul>
<li>
<img alt='TutorialBlogBr- O Maior Portal De Designer Do Brasil' src='http://bcreate-utilys.webs.com/01.jpg'/>
</li>
<li>
<img alt=''TutorialBlogBr Usar? Criar!!' src='http://bcreate-utilys.webs.com/02.jpg'/>
</li>
<li>
<img alt='TutorialBlogBr - Css Template Preview' src='http://bcreate-utilys.webs.com/03.jpg'/>
</li>
<li>
<img alt='TutorialBlogBr- Css Template Preview' src='http://bcreate-utilys.webs.com/04.jpg'/>
</li>
</ul>
</div>
</div>
</center>

E Pronto

Nao Estaremos tirando os Creditos

Creditos : Bcreate

Creditos Por Postagem : Tutorial Blog BR

Posted in: Blogger,Tutoriais