Sidebar BR

Oii xuxuzinhos  vou ensinar a fazer a sidebar igual a do blog   alguns xuxus galopantes já tinham me pedido mais esqueci rsrs  Mas também queria lembrar que hoje 09/04/2012  o meu Divo *-* faria 100 anos *o*
quem é ele? é o Amácio Mazzaropi, ah gente eu assisto os filmes dele até hoje..lembro que eu via com meu vô
(que já se foi T-T) Sério..vocês aíi da nova geração talvez nem conheçam e se assistir nem gostem pq não tem nenhum efeito especial, ele não voa e não sai laser dos olhos..quem gosta de simplicidade e quer conhecer um mestre do cinema brasileiro..eu indico os filmes do Mazzaropi (: com certeza vão dar boas risadas eu adoro tenho só 19 dos 32 filmes dele *-*
o ator, diretor e produtor de cinema Amácio Mazzaropi completaria 100 anos nesta segunda (9/4). Nascido em São Paulo, em 9 de abril de 1912, o maior ícone de massas do cinema brasileiro arrastou multidões às salas de exibição e imortalizou a figura do jeca, o caipira destrambelhado e esperto, quase sempre em choque com a modernidade (...) pipocamoderna.com.br
 
Agora continue lendo e veja o tuto da sidebar ^^

 

Bah Guris e Gurias é tri barbada ^-^ é só ir em:
Design  Adicionar um Gadget  HTML/JavaScript

Mini GifsCola o seguinte código:

<style>
/**SIDEBAR BAD REPUTATION**/
.sidebar .widget {
box-shadow: inset 0 0 10px #eee, 0 0 2px #dbdbdb;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
width:100% !important;
background:#fff;  /** COR DO FUNDO DO GADGET **/
margin:33px 0 !important;
padding:10px;
border-top:2px solid #ebebeb;
border-right: 2px solid #ebebeb
border-left: 2px solid #ffd6eb
border-bottom: 2px solid #ebebeb
}
.sidebar .widget h2 {
text-align: center;
box-shadow: inset 0 0 10px #eee, 0 0 2px #dbdbdb;
border-left:2px solid #ffd6eb;  /** COR DA BORDA DE CIMA **/;
border-top:2px solid #ebebeb;  /** COR DA BORDA DE CIMA **/;
border-right:2px solid #ebebeb;  /** COR DA BORDA DE CIMA **/;
background: #ebf9ff;  /** COR DO FUNDO DA ÁREA DO TITULO **/
text-shadow:0 1px #ccc/** SOMBRA DO TITULO **/;
color:#ff94c9/** COR DO TITULO **/;
font-size:15px /** TAMANHO DO TITULO **/;
margin-top:-35px /** MARGIN **/;
margin-left:-12px /** MARGIN **/;
margin-bottom:5px /** MARGIN **/;
padding:3px;
width:40%;
overflow:hidden
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;}
.sidebar .widget:first-child {
  margin-top: 0;
}
/** FIM DA SIDEBAR BAD REPUTATION [bad-reputation-13.blogspot.com.br]**/
</style>

Se quer a sidebar igual a do blog não modifique nada, apenas ajuste as margens
Mas se não quer igual modifique à vontade
Não esqueça:

Se Reblogar Credite!

57 comentários:

  1. só uma perguntinha qual site você pega cursores??

    ResponderExcluir
    Respostas
    1. os que eu postei peguei do google mesmo..mais tem um blog que tem vários super fofinhos..
      http://blogdasmeninasblogueiras.blogspot.com.br

      Excluir
  2. Obrigado! Com certeza vai estar no meu novo lay, se apreguiça deixar eu terminar... rsrs
    Abç

    adraftbox.blogspot.com

    ResponderExcluir
  3. Amor, postei o tuto lá no meu blog e dei os créditos no post mesmo ok !? Beijoos http://blog-foreverpretty.blogspot.com.br/

    ResponderExcluir
  4. Oi linda!
    Sinto que te inspirei, estou certa?
    Fico muito orgulhosa de ver o progresso que fez, o blog está um encanto!
    Digno de um "blog Show" hehe

    bjãoo

    ResponderExcluir
    Respostas
    1. Tu tah Certíssima *-*
      Tu me ajudou muito..o candylland esta nos créditos aqui do blog sempre ^-^
      facilitou minha vida rsrs
      que bom que tu gostou xuxu fico feliz :)
      brigaduu pela visita!

      Excluir
  5. Olá seu blog é lindãooo, segue o meu por favor.

    www.coffeandkawaii.blogspot.com

    ResponderExcluir
    Respostas
    1. tu ja é seguidora antigaa menina..nem sabia que tinha blog..
      ja to seguindo ^-^

      Excluir
  6. Acho muito linda sua sidebar e todo o resto do design daqui, é tudo tão kawaii *_* Muito legal -e fácil- o tuto.
    Kissus
    Kuroi Hime

    ResponderExcluir
  7. Kakaah, quero te pedir um favorzão, coisa de amiga... É que, visitando meu blog, você pode perceber que eu sou uma negação com templates =(

    Queriia pedir pra você, se não for um incomodo (tah, eu sei que incomoda), pra você me ensinar(por vídeo-aula ou seja o que for) a criar templates tão lindos quanto os seus.... Se quiser fazer um pra mim, fico grata também =)

    Só me diz o que eu preciso fazer tá? Umbjão da sua parceira, laah kariinee :*

    ResponderExcluir
    Respostas
    1. hehe pois é vejo tu sempre "brigando" com o lay do blog..hum mais teu blog tah bonitinho..mais te dou umas dicas tah..vou te ajudar a terminar o lay ^-^

      Excluir
  8. Adorei o tutorial, vou usar no próximo design do blog. Alias que Design lindo amei rs *-* já estou seguindo aqui beijos. http://blogsergarota.blogspot.com.br

    ResponderExcluir
  9. Acabei de muda meu lay, se eu tivesse visto antes....

    http://singlejoao.blogspot.com.br/

    ResponderExcluir
  10. awn flor, obg por ter passado lá no blog, tudo aqui que é divo de mais *--* http://blogsergarota.blogspot.com.br

    ResponderExcluir
  11. AMEEEEI*ooo* seu sidebar é tão divo ç.ç choro de emoção -q
    nova url: http://timemachine-br.blogspot.com.br/

    ResponderExcluir
  12. Kaakah amore ! você pode me dizer onde você achou esta barra de rolagem tão kawaii?

    ResponderExcluir
  13. Kaakah você posta o tutorial de como fazer o menu igual ao seu akilo : status|créditos|eventos ai quando clica aparece uma pagina com isso pf faz vaai!

    ResponderExcluir
  14. Nossa parecia tão impossível de fazer... É a coisa mais fácil do mundo!! (brinks a coisa mais fácil do mundo é respirar HAHA') Ficou lindo e muita gente gostou! s2 Amei Bezões luuh
    RawrGirl ~~> teenstyle-official.blogspot.com.br <~~

    ResponderExcluir
    Respostas
    1. rsrs é uma das coisas mais fáceis do mundo :B
      bah fiquei feliz ja tinham me pedido esse tuto..muita gente gostou mesmo *o*

      Excluir
  15. Heey!
    Ahh, Mazzaroppi é clássico! Eu assisti algumas coisas dele também. :)
    Flor, eu amei seu blog! É tao fofinho! *-*
    Já to seguindo aqui. :D
    Beijão!

    penny-lane-blog.blogspot.com

    ResponderExcluir
  16. mas como seu blog e lindo cute kawaii!
    beijinhos **

    http://priscilalirow.blogspot.com.br/

    ResponderExcluir
  17. Oii! O blog está lindo, adorei!

    Estou convidando o Bad Reputation pra um sorteio que está rolando no DKL! É o nossos 1º mes e gostaríamos da sua presença no concurso! Confira clicando aqui!
    Kissus ;3

    ResponderExcluir
  18. oi ja estou seguindo e adorei aqui...

    poderia me ajudar e me seguir tb...


    www.makepopular.blogspot.com.br

    e participe do sorteio de um mega kit de esmaltes risque...

    ResponderExcluir
  19. Olá, é a primeira vez q visito o blog e adorei.
    Ele é lindo, e o conteúdo é ótimo.
    Adorei esse tutorial é já estou usando e dei os créditos.
    Beijos e seguindo
    neversaynever-believe.blogspot.com.br

    ResponderExcluir
  20. O seu blog é perfeiito,Seguiindo
    http://blog-garotaambulante.blogspot.com.br/

    ResponderExcluir
  21. ficou linda mesmo a sidbar flor linda mesmo! Beijos talvez euzinha use no próximo tuto! hehehe beijos
    worldlivegirls.blogspot.com.br

    ResponderExcluir
  22. Nossa que lindo tudo aqui, to encantada!
    amei seu blog viu, conheci no blog da Priscila Lirow, já to seguindo vc!
    te convido pros meus sorteios e desejo boa sorte!
    bjão
    www.coisasdeladdy.com

    ResponderExcluir
  23. é lindo sidebar assim *-*
    Beijos e Se cuida :D
    http://bolhadoce.blogspot.com.br/

    ResponderExcluir
  24. È linda a sidebar! Linda,eu queria saber se você sabe deixar o titulo do gadget na mesma caixinha do gadget entende? Ficou super separado....olha lá-http://pinkcatsflashpug.blogspot.com

    ResponderExcluir
  25. Este comentário foi removido pelo autor.

    ResponderExcluir
  26. amei,amei,amei,amei,amei,ameeeeeeeeeeeeeeeeeeeeiiii,ameeeeeeeeeeii,amei,simplesmente amei,amei,amei!!!!!!!!!!!!!
    muito fofis seu blog adoro seus tutos!!!
    vc poderia postar aqui um tuto de como deixar a borda dos posts recentes e posts posts redondas ou apennas o codigo css mesmo! ?
    ah e sabia que sempre visitei seu blog mais esqueci de seguir '-.- fail
    Bjs Samantha
    http://magaligirls123.blogspot.com.br/
    http://turmadamonicajovem37.blogspot.com.br
    (melhor ir na lista dos meus blog né amora?)

    ResponderExcluir
  27. Como faz seu menu pontilhado ?
    www.meninadebiquini.blogspot.com.br

    ResponderExcluir
  28. Muito obrigada, esse post foi muito útil, assim como o do botão topo deslizante!
    Seus tutoriais são sempre muito bons, e seu blog é perfeito ! Muito obrigada! ♥

    ResponderExcluir
  29. Oiiw, ameiii seu blog, só queria perguntar qual o modelo do seu blog?
    E se você poderia fazer um tutorial do menu para usar nos goodies.Beijos

    ResponderExcluir
  30. Ola.Parabens pelo seu blog! Vc possui um grande talento.estou usando seu estilo de siderbar no meu blog.Ainda nao esta pronto mas o endereço é este: mondoootaku.blogspot.com
    Sucesso pra vc!

    ResponderExcluir
  31. Gente, ameei, muito lindo, to usando já...
    Hey, olha ?
    http://pequenachica-official.blogspot.com.br/
    Valeu, já sou seguidora, ameei >.<

    ResponderExcluir
  32. An, deixou meu blog tão kawaii, origato sua ninda# = >v< =!

    ResponderExcluir
  33. Aaaameeeeeei *-------------------------*, fiocoou perfeito no meeu bloog.
    Obgg liinda ><

    ResponderExcluir