Yoooooooooooo Galera quem esta vendo este poste deixe contato no comentario Me desculpa nao ter postado esse tutorial antes. Eu acabei me distraindo e me esqueci de postar, Vamos ver como por Slides no blog? Os slides que me refiro sao aqueles que tem uma setinha pra mudar o slide e com efeitos hovers diferentes.Vamos ver como faze-lo? Entao clique no Leia Mais. Primeiro, voce vai em Design/Modelo > Editar HTML > Ctrl + F e procure por </head> e acima cole: var $nv4wp = jQuery.noConflict();$nv4wp(window).load(function() {$nv4wp('#slider').nivoSlider({effect:'random',slices:15, // For slice animationsboxCols: 4, // For box animationsboxRows: 2, // For box animationsanimSpeed:500, // Slide transition speedpauseTime:3000, // How long each slide will showstartSlide:0, // Set starting Slide (0 index)directionNav:true, //Next and PrevdirectionNavHide:true, //Only show on hovercontrolNav:true, // 1,2,3... navigationcontrolNavThumbs:false, // Use thumbnails for Control NavcontrolNavThumbsFromRel:false, // Use image rel for thumbscontrolNavThumbsSearch: '.jpg', // Replace this with...controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image srckeyboardNav:true, //Use left and right arrowspauseOnHover:true, //Stop animation while hoveringmanualAdvance:false, //Force manual transitionscaptionOpacity:0.8, //Universal caption opacityprevText: 'Prev', // Prev directionNav textnextText: 'Next', // Next directionNav textbeforeChange: function(){}, // Triggers before a slide transitionafterChange: function(){}, // Triggers after a slide transitionslideshowEnd: function(){}, // Triggers after all slides have been shownlastSlide: function(){}, // Triggers when last slide is shownafterLoad: function(){} // Triggers when slider has loaded});}); Agora procure por ]]> e acima cole: /* The Nivo Slider styles */#slider {position:relative;}#slider img {position:absolute; top:0px; left:0px;display:none;}#slider a {border:0; display:block;}.nivoSlider {position:relative; width: 356px;}.nivoSlider img {position:absolute; top:0px; left:0px;}/* If an image is wrapped in a link */.nivoSlider a.nivo-imageLink {position:absolute; top:0px;left:0px; width:100%; height:100%; border:0;padding:0;margin:0; z-index:6; display:none;}/* The slices and boxes in the Slider */.nivo-slice{display:block;position:absolute;z-index:5;height:100%;}.nivo-box {display:block;position:absolute;z-index:5;}/* Caption styles */.nivo-caption {position:absolute;left:0px; bottom:0px;background:#000; color:#fff; text-transform: uppercase; width: 100%;z-index:50; border-right: 5px solid #;padding: 5px 0;}.nivo-caption p {padding:0 20px;margin:0;font-size:14px;}.nivo-caption a {display:inline !important;}.nivo-html-caption {display:none;}.nivo-directionNav a{position:absolute;top:45%;z-index:99;cursor:pointer;}.nivo-prevNav {left:0px;}.nivo-nextNav {right:0px;}/*============================*//*=== Custom Slider Styles ===*//*============================*/.slider {width:100%;}.slider img{position:absolute;top:0px;left:0px;display:none;}.slider a {border:0;display:block;}.nivo-controlNav {display:none;}.nivo-directionNav a{display:block;width:31px;height:34px;background:url(http://twizonebr.com/Novidades/wp-content/themes/twizonebrvrs1/arrowswleft.png)no-repeat;text-indent:-9999px;border:0;}a.nivo-nextNav {background-position:-30px 0;right:15px;}a.nivo-prevNav { left:15px;}.nivo-caption {font-family:"Trebuchet MS", Arial,Helvetica, sans-serif;}.nivo-caption a {color:#efe9d1; text-decoration:underline;} Voce nao precisa mudar NADA. Agora vamos adicionar o slide em algum Lugar do blog. Va em Design/Modelo > Elementos da pagina > Adicinar um gadget HTML/JavaScript > Cole esse codigo: Primeiro voce vai ter saber a largura das imagens, e ter o link. Saiba o que cada parte significa:LINK DA IMAGEM: Link da imagem.width/height: Largura e altura da imagem (height: altura & widht: largura).LINK: O link.Bem mais facil do que se parece ne? Espero que tenham gostado do tutorial. Obrigado e ate. Fala mocada! Eu estava zapiando tutoriais na internet e encontrei este recurso super legal e simples! E uma slider so com CSS3,ve se pode!Bora la! (direitos autorais reservados a MundoBlogger.com.br)Codigo CSS:/* Slide css3--------------------- */.cr-container{ /*--aqui definimos os estilos do container--*/ width: 600px; height: 400px; position: relative; margin: 0 auto; border: 20px solid #fff; box-shadow: 1px 1px 3px rgba(0,0,0,0.1);}.cr-container label{ font-style: italic; width: 120px; height: 30px; cursor: pointer; color:#fff; /*-----cor dos numeros-----*/ line-height: 32px; font-size: 24px; float:left; position: relative; margin-top:350px; margin-left:25px; z-index: 1000;}.cr-container label:before{ content:''; width: 34px; height: 34px; background: #68abc2; /*--- cor do circulos---*/ position: absolute; left: 50%; margin-left: -70px; border-radius: 50%; box-shadow: 0px 0px 0px 4px rgba(255,255,255,0.3); z-index:-1;}.cr-container label:after{ width: 1px; height: