Criando Slide Da Habbid v10
Autor: Thyago | Publicado: 2011-12-15T15:43:00-08:00

Clique Em NEW PAGE escolha um nome eu escolhe Slide mude o . htm para .html e clique em ADD PAGE Clique no Lapizinho e Cole o Codigo do slide que esta no fim da Postagem&nbsp;Edite o Código Aperte Ctrl+F e Procure por : Image 01 , Image 02 , Image 03 , Image 04&nbsp;Substituta&nbsp;pelo Link de Sua Imagem Lembrando São dois link De Imagem para TrocarAgora Procure Por Frase e Substituta Pela Descrição e Finalmente Procure Por Link E Substitua pelo Link da Postagem
Agora Fassa um Iframe para Colocar No Seu Web Site
Código do Iframe&lt;iframe src=página.html name=conteudo width=580 height=800 border="0" frameborder="0"&gt;&lt;/iframe&gt;Código do Slide&lt;!-- inÃ­cio do codigo http://nerdscriadores.blogspot.com/ --&gt;&lt;br /&gt; &lt;link href='http://habbacon.freehosting.com/slide3.css' rel='Stylesheet' type='text/css'/&gt;&lt;br /&gt; &lt;script src='http://habbacon.freehosting.com/slide2.js' type='text/javascript'&gt;&lt;/script&gt;&lt;br /&gt; &lt;script src='http://habbacon.freehosting.com/slide4.js' type='text/javascript'&gt;&lt;/script&gt;&lt;br /&gt; &lt;!-- Fim do codigo www.nearbr.com --&gt;&lt;br /&gt; &lt;!-- início do codigo www.nearbr.com --&gt;&lt;br /&gt; &lt;script type='text/javascript'&gt;     var theInt = null;   var $crosslink, $navthumb;   var curclicked = 0;   var qtdDestaques = 4;      theInterval = function(cur){    clearInterval(theInt);        if( typeof cur != 'undefined' )     curclicked = cur;        $crosslink.removeClass("active-thumb");    $navthumb.eq(curclicked).parent().addClass("active-thumb");     $(".stripNav ul li a").eq(curclicked).trigger('click');        theInt = setInterval(function(){     $crosslink.removeClass("active-thumb");     $navthumb.eq(curclicked).parent().addClass("active-thumb");     $(".stripNav ul li a").eq(curclicked).trigger('click');     curclicked++;     if( qtdDestaques == curclicked )      curclicked = 0;         }, 5000);   };      $(function(){        $("#main-photo-slider").codaSlider();        $navthumb = $(".nav-thumb");    $crosslink = $(".cross-link");        $navthumb    .click(function() {     var $this = $(this);     theInterval($this.parent().attr('href').slice(1) - 1);     return false;    });        theInterval();   });     function clipImage() {   // clip:rect('top', 'right', 'bottom', 'left')     document.getElementById("img1").style.clip="rect(0px,41px,27px,14px)";document.getElementById("img2").style.cli  p="rect(0px,41px,27px,14px)";document.getElementById("img3").style.clip="rect(0px,41px,27px,14px)";document.get  ElementById("img4").style.clip="rect(0px,41px,27px,14px)";    } &lt;/script&gt;&lt;br /&gt; &lt;div class='slider-wrap'&gt;&lt;div class='csw' id='main-photo-slider'&gt;&lt;div class='panelContainer'&gt;&lt;div class='panel'&gt;&lt;div class='wrapper'&gt;&lt;a href='Link' target='_self' title='Titulo 01'&gt;&lt;img alt='Titulo 01' class='floatRight' height='185px'   src='Image 01'/&gt;&lt;/a&gt;&lt;br /&gt; &lt;div class='photo-meta-data'&gt;&lt;div&gt;&lt;span&gt;&lt;a href='Link 01' target='_self' title='Titulo 01'&gt;Frase 01 &lt;/a&gt;&lt;/span&gt;&lt;br /&gt; &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class='panel'&gt;&lt;div class='wrapper'&gt;&lt;a href='Link 02' target='_self' title='Titulo 02'&gt;&lt;img alt='Titulo 02'   class='floatRight' height='185px' src='Image 02'/&gt;&lt;/a&gt;&lt;br /&gt; &lt;div class='photo-meta-data'&gt;&lt;br /&gt; &lt;div&gt;&lt;span&gt;&lt;a href='Link 02' target='_self' title='Titulo 02'&gt;Frase 02&lt;/a&gt;&lt;/span&gt;&lt;br /&gt; &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class='panel'&gt;&lt;div class='wrapper'&gt;&lt;a href='Link 03' target='_self' title='Titulo 03'&gt;&lt;img alt='Titulo 03' class='floatRight' height='185px'   src='Image 03'/&gt;&lt;/a&gt;&lt;br /&gt; &lt;div class='photo-meta-data'&gt;&lt;div&gt;&lt;span&gt;&lt;a href='Link 03' target='_self' title='Titulo 03'&gt;Frase 03&lt;/a&gt;&lt;/span&gt;&lt;br /&gt; &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class='panel'&gt;&lt;div class='wrapper'&gt;&lt;a href='Link' target='_self' title='Titulo 04'&gt;&lt;img alt='Titulo 04' class='floatRight' height='185px'   src='Image 04'/&gt;&lt;/a&gt;&lt;br /&gt; &lt;div class='photo-meta-data'&gt;&lt;div&gt;&lt;span&gt;&lt;a href='Link 04' target='_self' title='habbidcast'&gt;Frase 04&lt;/a&gt;&lt;/span&gt;&lt;br /&gt; &lt;br /&gt; &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div id='borda'&gt;&lt;div id='movers-row'&gt;&lt;div&gt;&lt;a class='cross-link active-thumb' href='#1'&gt;&lt;img alt='Titulo 01' class='nav-thumb' id='img1'   onclick='javascript:trackEvent(\'br_home_home_destaque\', \'Click Troca Destaque\', \'nearbr.com\');'   src='Image 01'/&gt;&lt;/a&gt;&lt;/div&gt;&lt;div&gt;&lt;a class='cross-link active-thumb' href='#2'&gt;&lt;img alt='Titulo 02' class='nav-thumb' id='img2'   onclick='javascript:trackEvent(\'br_home_home_destaque\', \'Click Troca Destaque\', \'nearbr.com\');'   src='Image 02'/&gt;&lt;/a&gt;&lt;/div&gt;&lt;div&gt;&lt;a class='cross-link active-thumb' href='#3'&gt;&lt;img alt='Titulo 03' class='nav-thumb' id='img3'   onclick='javascript:trackEvent(\'br_home_home_destaque\', \'Click Troca Destaque\', \'nearbr.com\');'   src='Image 03'/&gt;&lt;/a&gt;&lt;/div&gt;&lt;div&gt;&lt;a class='cross-link active-thumb' href='#4'&gt;&lt;img alt='Titulo 04' class='nav-thumb' id='img4'   onclick='javascript:trackEvent(\'br_home_home_destaque\', \'Click Troca Destaque\', \'nearbr.com\');'   src='Image 04'/&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;script type='text/javascript'&gt; clipImage(); &lt;/script&gt;&lt;/div&gt;&lt;/div&gt;&lt;!-- Fim do codigo www.nearbr.com --&gt;&lt;br /&gt; &lt;br /&gt; &lt;br /&gt;