06 janeiro 2013

Tutorial + Novidade

Tumblr_mg8bvcbfg01qflttoo1_500_large

Heey Hi meninas! Tudo bem ? Comigo está tudo ótimo. Antes tudo, tenho que agradecer a vocês!
A quantidade de comentários aumentou muito, e eu estou muito feliz! E o carinho de vocês está sendo muito importante pra mim! Queria agradecer em especial a 4 meninas que são muito importantes pra mim.

Manuh   Totalmente Rosah 

Essa menina é uma diva. Ela é muito importante pra mim! Ela foi a 1º  a comentar no meu blog! Na verdade a 1º foi a Candy, mas não conta porque é minha prima.. Ela é uma das meninas mais fofas que eu já vi, mais linda, meiga, diva , e além do mais ótima blogueira! Ela sempre comenta no meu blog, não largo ela por nada! Pequena, conta sempre comigo, te adoro <3

Lola  Lola Mantovani

Ah, essa é a blogueira! Como consegue ser tão perfeita? Tem um dos melhores blogs que eu já vi, o blog dela é bem famoso, mas ela nunca deixa de comentar no meu pequeno blog que não tem nem ainda 1 mês..
Essa eu não troco por nada! Ela também comentou no meu primeiro post, foi a segunda a comentar, e comenta até hoje aqui! Tenho muito carinho por ela. Conta sempre Lola, estou aqui pro que der e vier <3

Juh  Adolescentes Modernos

Haha, essa é a Cat. Eu estava vagando pelo DDQ ( Depois dos Quinze) e acabei vendo um comentário dela no blog, dizendo que tinha  3 meses de blog, mas ainda não tinha comentários e nem seguidores..
Então eu coloquei na minha cabeça que ia ajudar ela, entrei no blog dela e tinha um comentário muito ofensivo de um anônimo. E simplesmente fiz um comentário falando pra ela não ligar pra essas pessoas, dizendo que ela tinha que mudar o blog.. E que eu estava desposta a a ajudar. Hoje ela mudou o URL do blog dela, mudou o nome, fiz um novo desing, ensinei ela a usa o blogger. E ela está seguindo a vida de blogueira agora.. Juh, eu estou aqui sempre, pode contar comigo! Te adoro flor <3

Letícia  Menina Nerd

Essa é a fofa! Conheci o blog dela semana passada.. Mas é como seu fosse amiga dela a um tempão. Me identifiquei muito com o blog dela, passei um grande tempo, vagando pelas postagens, deixei um comentário e ela respondeu em meu blog. Foi o comentário mais carinhoso que eu já tive, eu cheguei a me emocionar! Ela é muito fofa, tem um blog perfeito, espero um dia ter um blog igual o dela.. linda, conta sempre comigo aqui, nunca vou esquecer do seu comentário e da sua vinda ao meu blog, <3

Agora vou falar da novidade! Como vocês viram eu coloquei um slide novo no blog lindo né? ( Vou colocar o tutorial dele). Como vocês viram tem uma novidade .. O blog agora tem o " Sonzinho do mês"
Todo mês eu vou reservar um dia pra colocar um cantor, ou uma música que eu esteja ouvindo frequentemente e postar aqui pra vocês conhecerem ..

Agora o tutorial, eu vou colocar o tutorial de como colocar slides igual a esses do blog..
Não é muito complicado, mas tem que ter bastante paciência ..

Primeiro o Script

Vá em modelo >> clique em editar HTML >> clique em f3 >> e procure por </head>
Cole esse código abaixo de </head>

<style type="text/css">
/* <![CDATA[ */
#w2bSlideContainer           {position: relative;display: block; top:0px; left:0px; right:0px;/*Ajuste as posição do slide*/}
#w2bNivoSlider              { position:relative;
width:640px  !important; /*largura do slide*/height:300px  !important; /*Altura do slide*/
background:  #fff url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZSGDoHjLcM8U_Qut-uZyISz6_N8VuHyUlJS1pvLIX30ab_N-j1WXFwSHrwEEnPolyuoU-4kS5STgxzGusIgOPStcUp6_JV-kfOepaJ_MLHgSzL7TkMHRk-EFyiTqATm8-D8CdcJPZXbCm/s1600/w2bLoader.gif") no-repeat 50% 50%;
margin: 20px auto 35px;
border: 3px solid #000;/*Coloque borda se quiser*/ }
#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                {padding: 5px;
font-family: Arial,sans-serif;position:absolute; /*Fonte da legenda*/Font-size: 14px; /*Tamanho da fonte da legenda*/background:#000; /*Cor de fundo da legenda*/color:#fff; /*Cor do texto da legenda*/-ms-filter:"alpha(opacity=80)";filter:alpha(opacity=80);opacity:.8; width: 630px;/*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
});
});
/* ]]> */
</script>


As partes que estão em negrito são para vocês ajustarem, colocarei fotos das setas e das bolinhas para vocês usarem.

Slide

Para colocar o slide, coloque esse código em um gadget de HTML/Javascript ou em um lugar de usa preferência.

<div id="w2bSlideContainer">
<div id="w2bNivoSlider">
<a href="LINK_DO_SLIDE_1"><img src="URL_DA_IMAGEM_1" title="LEGENDA DA IMAGEM 1"/></a>
<a href="LINK_DO_SLIDE_2"><img src="URL_DA_IMAGEM_2" title="LEGENDA DA IMAGEM 2"/></a>
<a href="LINK_DO_SLIDE_3"><img src="URL_DA_IMAGEM_3" title="LEGENDA DA IMAGEM 3"/></a>
<a href="LINK_DO_SLIDE_4"><img src="URL_DA_IMAGEM_4" title="LEGENDA DA IMAGEM 4"/></a>
</div>
</div>



Troque o endereço das imagens dos links e das legendas, e pronto! Está feito!


Setas

              
      

Bolinhas 

          

Os códigos e as imagens foram tiradas do Cherry Bomb

Por hoje é só meninas, queria agradecer mais uma vez pelos comentários! Espero que gostem do Tutorial!
Beijoss lindas, até a próxima!



70 comentários:

  1. Entro sim flor, não foi incômodo nenhum!
    Beijoss

    ResponderExcluir
  2. amei o tutorial!
    é super útil e lindo!
    beijos

    ResponderExcluir
  3. Adorei o tutorial, e visitei os blogs das menians que mencionei e adorei, beijos
    http://garotaamericana1.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Rs, gostou mesmo? Ah valeu! Ah, que bom que entrou no blog delas! Fico feliz! Beijoss

      Excluir
  4. Ah, esse slide é incrível.
    Se sabe que eu tava procurando para colocar no próximo layout. Então, Obrigada *---* hihihihi...

    Beijos, Gabi :3
    diario-para-girls.blogspot.com

    ResponderExcluir
  5. Amei o tutorial *---* Desculpe chatear mas eu estou tentando alcançar minha meta de 35 seguidores, ajuda? ajudei na sua :3
    Kissus

    Sweet Cherry <- Perfil

    ResponderExcluir
    Respostas
    1. Gostou? Ah, que bom, fico feliz! :D
      Claro que ajuda flor,já estou indo no seu blog!
      Beijoss

      Excluir
  6. Adorei esse tutorial Mandy,acho que vou colocar.. Estou pensando hahahahah,amei os blogs das garotas!!! Beijão s2

    amantedoestilo.blogspot.com

    ResponderExcluir
    Respostas
    1. Gostou Lili? Uhu, fico feliz! Coloca sim poxa, fica lindo! São perfeitos né? haha!
      Beijoss <3

      Excluir
  7. Amei o tutorial,acho que irei tentar fazer rsrs,gatinha já esta colocada nas afiliadas do blog,mas não estou vendo meu blog nas suas...Desculpe o incomodo!!
    Bjãaao

    ResponderExcluir
    Respostas
    1. Rs, que bom que gostou! Faz sim poxa!
      Obrigada por me colocar linda, que nada, já te coloquei lá! ;)
      Beijoss

      Excluir
  8. Este tutorial é ótimo , uso bastante ele ! Aii eu queria agradecer muito sua visitinha pelo meu blog ! Foi o comentário mais lindo que recebi ! :3 Seu blog é muito lindo , muito mesmo ! O conteúdo também é muito boom !
    Se precisar de ajuda com o layout meu blog faz layouts por encomenda totalmente de graça ! rsrs Mas seu lay é lindoo!
    Pode se afiliar ao meu blog ?
    Bjoos !

    http://meninachicmc.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Né Cat? é lindo! Não foi nada flor, awn, sério?
      Ah, que bom que gostou, fiquei super feliz agora!
      Poxa, quando eu precisar pode deixar que eu vou pedir lá! Awn, fofa! Posso, sim! Vou adorar ser afiliada do seu blog! :D
      Beijoss

      Excluir
  9. Adorei o tutorial,muito obrigada pela consideração e saiba também sempre que precisar conte comigo.
    beijos

    ResponderExcluir
  10. Achei linda a forma que vc falou das meninas.
    É sempre bom sermos reconhecidos pelos nossos feitos.
    Muito sucesso, gata.
    Amei o blog.
    Seguindo pra não perder de vista!

    Um super beijo,
    Amanda Lima

    http://bemprendada.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Awn, sério?
      Também acho, essas meninas são muito importantes pra mim! Valeu Cat! Que bom que gostou!
      haha, obrigadaa!
      Beijoss

      Excluir
  11. AAwn que lindo você agradecendo as meninas! Fofo demais! Haha
    Muito legal o tuto, é fácil de fazer, né?
    Amei!
    Batom De Framboesa.

    ResponderExcluir
    Respostas
    1. Rs, essas meninas significam muito pra mim..
      Lindo o slide né? é sim poxa, é parecido com esse que você tem no seu blog .. Só tem que ter paciência pra ajustar os tamanhos e tals ..
      haha, ainda bem que gostou! :D
      Beijoss

      Excluir
  12. Querida Mandy, estou sem palavras para descrever tanto carinho. Fui a primeira a ser mencionada, e uma das últimas a comentar. Olha Mandy sério, estou com lágrima nos olhos.. Uma garota da minha idade me surpreender tanto assim. Ahh sério Mandy você é 10. Linda, diva, fofa é você. Estou sem palavras, Quero ver você crescer com seu blog. Você está cada dia mais me surpreendendo :). Sinta-se abraçada por mim. Te adoro, e já te considero muito viu ?
    Beijão sua fofa, conta para qualquer coisa <3

    ResponderExcluir
    Respostas
    1. Rs, sua fofa. Não faz mal amore!
      Awn *0* é porque você é muito importante pra mim Manuh!
      vou me esforçar muito, e quando eu crescer, eu nunca vou esquecer da 1º diva a comentar no meu blog *--*
      haha, sério? Você que me surpreende Manuh! Cada dia mais perfeita *0* Te adoro também linda, estou aqui para o que der e vier <3
      Beijoss

      Excluir
  13. Ficou fofinho o seu lay, e o seu slide. Não é difícil de fazer (pelo menos parece).


    http://cappuccinoeaconta.blogspot.com.br
    Faz uma visita?
    @PriscilaFrr

    ResponderExcluir
    Respostas
    1. Awn, gostou Pri? Que honra receber um elogio seu! <3
      Não é não poxa, só tem que ter paciência pra ajustar ..
      Beijoss

      Excluir
  14. Achei super legal mas eu não vou conseguir fazer, depois eu tento.
    http://chuvadeideias-jo.blogspot.com.br/

    ResponderExcluir
  15. Que fofo esse post *-* Gravei na minha barra de favoritos, eu estava mesmo precisando desse tutorial.
    Adorei o post, acabei de conhecer seu blog e tô adorando. Tá tudo perfeito aqui, você escreve muito bem e o layout é simplesmente... incrível! *-* Sério, parabéns, você vai longe assim. Tô seguindo s2
    Bjinhoss
    laialisafa.blogspot.com

    ResponderExcluir
  16. Rs, gostou? :D
    Que bom que ajudei, fico feliz *0*
    Que bom que gostou! :D
    awn, sua fofa, escrevo bem nada.. haha, com isso eu tenho que concordar o lay está lindo mesmo! Obrigada flor!
    Beijoss!

    ResponderExcluir
  17. Ai, esses blogs são muito fofos! Visitei todos, e amei todos também, haha. <3 Adoro tutoriais, principalmente quando estou fazendo um layout novo! Rs. O slide fico muito lindo aqui. Beijos ♥ http://tobelegant.blogspot.com

    ResponderExcluir
    Respostas
    1. São lindos né Jú? Perfeitos *--*
      é verdade, também gosto disso! Obrigada Jú! Valeu mesmo!
      Beijoss linda <3

      Excluir
  18. Não conheciam esses blogs, to espiando! mtmto lindoosss! <3
    baah eu sempre tentei colocar slides no meu blog cheio de frescura! mais nunca consegui! UHASHUDHUSAHUD traumatizei :/ (mais vou tentar) hahaha! :D
    estou seguindo aqui amore :D <3 http://blahoestraich.blogspot.com

    ResponderExcluir
    Respostas
    1. Poxa, que bom que entrou neles! :D
      kkkkkkkk, poxa .. Tenta sim poxa, é fácil! haha
      Obrigada Cat, pode deixar que eu vou entrar no seu blog!
      Beijoss <3

      Excluir
  19. Oi amr, mto legal!
    seguindo o blog
    segui aqui tbm http://seamavogue.blogspot.com.br/ *-*

    ResponderExcluir
    Respostas
    1. Ainda bem que gostou Cat!
      Obrigada por seguir, pode deixar que eu vou entrar no seu também! Beijoss

      Excluir
  20. muito fofo esse texto que vc escreveu acabei de visita-los adorei o tuto



    http://cherrycharming.blogspot.com.br
    espero vc e quem ler esse comentario la no meu blog

    ResponderExcluir
    Respostas
    1. Ah, obrigada! Rs, fico muito agradecida por você ter entrado nos blogs! :)
      Que bom que gostou do Tuto! :D
      Pode deixar que eu entro! Beijoss

      Excluir
  21. Ótimo tutu, tá bem explicadinho :) Que blog divo hein ?! Cada dia amando mais ele <3 Que fofo você prestar essa homenagem as suas migs blogueiras. Elas tem muita sorte de ter você como amiga. Beijoo e sucesso :)

    http://alittlemorethangloss.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Que bom que gostou flor! :D
      Divo nada, o que que é, perfeito *--*
      Awn sua fofa, ainda bem que gosta daqui <3
      Ah, tenho muito carinho por elas, só tenho a agradecer!
      Ah, sua diva, perfeita! Você também é minha amiga, pensei até em colocar você, mas ai o post ia ficar enorme, e eu ia ter que colocar as outras e ia acabar colocando todas as divas do blog!
      haha, pra você também amore! :D
      Beijoss

      Excluir
  22. Amei seu tutorial, super fofa. Seu blog tá divo, eu não conhecia nenhuma dessas blogueiras! Beijos
    PimentaCupcake

    ResponderExcluir
    Respostas
    1. Que boom que gostou Cat! fico feliz :D
      Awn, fofa, tá nada, só faço o meu melhor, seu blog que é perfeito, sem mais ..
      Poxa, elas são ótimas! Perfeitas!
      Beijoss

      Excluir
  23. Vou visitar os blogs :)

    Beijos'
    mundodasgarotasforever.blogspot.com.br

    ResponderExcluir
  24. haha! Que bom que gostou Cat! Como assim trocar seguidores? O.o
    Beijoss

    ResponderExcluir
  25. Ain, Mandy, que linda !
    Adorei o que falou de mim e do meu blog, que honra *uuuuuuu*

    ResponderExcluir
  26. Haha, Leeh, sua linda!
    hahaha, Você é muito importante pra mim! Seu blog é lindo, perfeito! Beijoss

    PS: Estou respondendo como comentário porque o meu blog deu problema ;/

    ResponderExcluir
  27. Linda eu amei tudo,
    deste o tutorial ate suas realizacoes
    pois fico muito feliz e espero que voce conquiste cada vez mais e mais, pq voce eh uma das poucas blogueiras que conheco, assim... existem milhares de blogs, mas blogueiras de verdade sao poucas viu, tirando os blogs famosos, estou me referindo dos nossos blogs amadores - voce eh otima! Mil beijoooos *-* Anne.


    annecrisley.blogspot.com

    ResponderExcluir
    Respostas
    1. Awn fofa obrigada! Eu espero também .. rsrs, isso é verdade, blogueiras que fazem por carinho são poucas mesmo! Obrigada flor, você que é ótima, seu blog é perfeito! Beijoss

      Excluir
  28. Adorei o tuto! Espero que você conquiste cada vez mais suas vontades com esse blog!

    http://cindereladementira.blogspot.com.br/
    https://www.facebook.com/CinderelaDeMentira

    ResponderExcluir
    Respostas
    1. Obrigaaada lindaa! Espero também, muito reconhecimento pra você também! Beijoss

      Excluir
  29. Adorei o tutorial, acho bem legal coisas relacionadas a html, e gostaria muito de saber mexer com isso.

    Beijos,
    Laura.
    www.meianoiteequinze.com

    ResponderExcluir
    Respostas
    1. Que bom que gostou flor! Também gosto! Não é difícil não, é prática .. e concentração ..
      Beijoss

      Excluir
  30. ee a meta do blog foi cumprida ;)
    beijos :)

    ResponderExcluir
  31. Gosto de todos os blogs que você citou ^^
    Tutorial muito útil!
    Amei o blog e já estou seguindo!
    Beeijos
    candy-princess-official

    ResponderExcluir
    Respostas
    1. São perfeitos né?
      Muito bom esse tuto mesmo, que bom que gostou :D
      Obrigada Cat!
      Beijoss

      Excluir
  32. olá flor! amo slides no blog, acho que dá uma cara profissional ^.^
    estou seguindo e queria te convidar para fazer afiliação com meu blog, gostaria muito que aceita-se
    beijos =*

    ninacolorida.blogspot.com

    ResponderExcluir
    Respostas
    1. Hey Cat! Também amo, e concordo com você!
      Obrigada por seguir! Claro que aceito! Seria muito bom me afiliar com o seu blog!
      Beijoss

      Excluir
  33. Olá ! Amei o blog super lindo !
    O Tutorial é super útil tava procurando !
    Beijos ♥ Seguindo segue?(:

    ResponderExcluir
    Respostas
    1. Hey Flor! Que bom que gostou, fico feliz :D
      Muito lindo né? Que bom ajudar!
      Beijoss, sigo sim!

      Excluir
  34. ♕ Hooy
    Gostei o tutu
    super facil , rapido e resultado
    maravilhosoooo

    ✖ Obs: Participe do debate que vai ate 4:45
    corraaaaaaaaaaaaa

    http://blog-meninasmalucas.blogspot.com.br/

    ♫ Obrigada pela visita
    Volte sempre ✽

    ResponderExcluir
  35. Awn floor, das que você citou eu conhecia a Lola, mas não conheço ela muito bem. haha' E legal o tutorial.

    Beijos, Jéssika.
    Princesa Descolada(Post Novo)

    ResponderExcluir
    Respostas
    1. Então entra nos blogs, eles são ótimos, e a Lola é muito legal, vale apena ser amiga dela! Obrigada.
      Beijoss

      Excluir
  36. Parabéns ! Amei o tutorial !
    Já estou seguindo ,
    http://todasdesastradas.blogspot.com.br/

    ResponderExcluir
  37. Ola , gostei muito do seu blog , achei uma fofura .Já sigo o seu blog , será que poderia seguir o meu blog ?http://mariana-meninasnamoda.blogspot.com.br/ . Agradeço desde já . Beijos...

    ResponderExcluir
    Respostas
    1. Awn, obrigada flor! Claro que sigo! Quando eu for lá eu deixo um recadinho! Beijoss

      Excluir

- Aceito críticas, mas pense antes de escrever.
- Coloque O LINK do seu blog no final do comentário.
- Comentários de "Seguindo, segue de volta?" Não serão aceitos.
- Não coloque comentário como " seu blog é lindo, estou seguindo, segue de volta?" Desenvolva comentários, fale sobre a postagem.
.