Nivo Slide

Oii pessoal <3

Me desculpem o sumiço, estou em semana de provas, e ainda por cima, trabalhando! A maioria das provas não estudei por falta de tempo, e ainda tirei as melhores notas da classe u__u Cara, as vezes, acho que sou uma ninja, sei lá, talvez. Outro motivo do meu sumiço, jogos para pc ♥. Meu pai deixou eu comprar jogos originais para pc, e comprei Batlefield 3 (o melhor jogo do mundo na minha opinião) e um outro que esqueci o nome. E ainda por cima, minha net está maravilhosa, o que significa que posso baixar mais jogos pela net. Tá bom, parei! Mas parem de pensar que sou egoísta, era para eu estar nesse momento numa feira de ciências com minhas amigas, mas eu decidi ficar em casa e postar um tutorial que pediram na ask faz 6 dias!

Ah, e Nikki, desculpe não aparecer no facebook, estou sem tempo. Depois te conto as novidades sobre...você sabe o que e quem >3<. Mas, falando sério, trouxe o tuto do Nivo Slide, só que no modelo do With You, por isso o código vai estar com as medidas daqui! Se quiser, pode fazer do seu jeito. Lembrando, créditos ao CB. 

Vá no seu editor de html e ABAIXO de </head> cole esse imenso, enorme e exagerado código:

/* <![CDATA[ */
 #w2bSlideContainer           {position: relative;display: block; top:0px; left:0px; right:0px;/*Ajuste as posição do slide*/}
 #w2bNivoSlider              { position:relative;
width:295px  !important; /*largura do slide*/height:90px  !important; /*Altura do slide*/
background:  #fff url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoXc_2dT2DI2vBR5Rn5dEho8eQ6DCk3MoamCAgIEjDBl1XCDOl_zfI3qY5NIhB4Fep5dsdLFzMNfF76fgjV4KwBxCxSrMVCO6_ir3n_jAqKcZiIc4xdF1PklR3up1twCmEDgLx8shQuju3/s1600/w2bLoader.gif") no-repeat 50% 50%;
margin: 20px auto 35px; }
 #w2bNivoSlider img {position:absolute; top:0; left:0;  display:none}
 .nivoSlider {position:relative;width:100%;height:auto;}
 .nivoSlider img {position:absolute;top:0;left:0}
 .nivo-main-image {display:block!important;position:relative!important;width:100%!important}
 .nivoSlider a.nivo-imageLink {position:absolute;top:0;left:0;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none}
 .nivo-slice {display:block;position:absolute;z-index:5;height:100%;top:0}
 .nivo-box {display:block;position:absolute;z-index:5;overflow:hidden}
 .nivo-box img {display:block}
 .nivo-caption {bottom: 0; left: 0; width: 112px; text-align: center;
padding: 5px;
font-family: Arial,sans-serif;position:absolute; /*Fonte da legenda*/Font-size: 11px; /*Tamanho da fonte da legenda*/background:#COR; /*Cor de fundo da legenda*/color:#COR; /*Cor do texto da legenda*/-ms-filter:"alpha(opacity=80)";filter:alpha(opacity=80);opacity:.8; width: 287px;/*Largura da legenda*/ z-index:8;}
 .nivo-caption p {padding:2px;margin:0}
 .nivo-caption a {display:inline!important}
 .nivo-html-caption {display:none}
 .nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;display:block;width:30px;height:30px;
background: url("URL_IMG_SETA") no-repeat;text-indent:-9999px;border:0}
 .nivo-prevNav {left:10px}
 .nivo-nextNav {background-position:-30px 0!important;right:10px}
 .nivo-controlNav {position:absolute;left:0;right:0;bottom:-35px;text-align:center}
 .nivo-controlNav a {position:relative;z-index:9;cursor:pointer;display:inline-block;width:22px;height:22px;
background:url("URL_IMG_BULLETS") no-repeat;text-indent:-9999px;border:0;margin-right:3px}
 .nivo-controlNav a.active    {font-weight:bold;background-position:0 -22px}
/* ]]> */
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script src='http://static.tumblr.com/y66747w/9hlmdpcpa/nivoslider.js' type='text/javascript'/>
<script type='text/javascript'>
/* <![CDATA[ */
jQuery(document).ready(function($) {
 $('#w2bNivoSlider').nivoSlider({
  effect           : 'random',
  slices           : 10,
  boxCols          : 8,
  boxRows          : 4,
  animSpeed        : 500,
  pauseTime        : 4000,
  startSlide       : 0,
  directionNav     : true,
  directionNavHide : true,
  controlNav       : true,
  keyboardNav      : false,
  pauseOnHover     : true,
  captionOpacity   : 0.8
 });
});
/* ]]> */

Lembrando, que estão com as medidas do With You, portanto, se não quiser é só mudar à seu gosto! Agora vá em layout e adicione um gadget de html e cole:

<div style="position: absolute; margin-top: -107px; left: -302px;"><div id="w2bSlideContainer">
<div id="w2bNivoSlider">
<a href="LINK_DO_SLIDE_1"><img src="LINK_DA_IMAGEM 1" title="TÍTULO DO POST 1"/></a>
<a href="LINK_DO_SLIDE_2"><img src="LINK_DA_IMAGEM 2" title="TÍTULO DO POST 2"/></a>
<a href="LINK_DO_SLIDE_3"><img src="LINK_DA_IMAGEM 3" title="TÍTULO DO POST 3 "/></a>
<a href="LINK_DO_SLIDE_4"><img src="LINK_DA_IMAGEM 4" title="TÍTULO DO POST 5"/></a>
</div></div>
</div>

Ajuste o slide para que ele apareça no cabeçalho seguindo esse tutorial aqui! E mude os links, títulos e imagens de acordo com o que você quiser!

Espero que tenha ajudado vocês >3<

Kissus