12 de jun de 2012

Como colocar uma faixinha nos gadgets!

Tumblr_m5izhoytd31qfik8to1_500_large

Ei, você! Sabe a faixinha azul que tem aqui nos gadgets do blog? Quer aprender a fazer?
Primeiro, vá em layout-> adicionar um gadget -> HTML/ JavaScript
Agora, clique em Leia Mais

Lá, cole o seguinte código:

<style>
/**PERSONALIZAÇÃO DA SIDEBAR**/
.sidebar .widget {
width:100% !important;
background:#fff;
margin:10px 0 !important;
border-top:10px #66CDAA solid;
border-radius:0 0 10px 10px;
padding:10px;
box-shadow: inset 0 0 20px #eee, 0 0 3px #ccc;
overflow:hidden
}
.sidebar .widget h2 {
font: normal normal 20px Indie Flower;
text-shadow: 0px 0px 1px #000;
color: #000;
text-align: center; /*Alinhamento do texto*/
margin-top:-10px /** MARGIN **/;
margin-left:-9px /** MARGIN **/;
margin-bottom:10px /** MARGIN **/;
padding:5px;
width:107%;
overflow:hidden
}
/** FIM DA SIDEBAR**/
</style>
A parte que está em negrito é a cor da faixinha, e a em itálico é a cor de fundo.
Não esqueça de deixar a barra lateral em transparente!
Créditos do Tutorial: Brenda Lorrane

17 comentários:

  1. Oie Juju quer afiliação?
    Nome do blog: Garotas H-I-S
    Url: http://garotashis.blogspot.com.br/
    Adoraria ser sua afiliada ♥

    ResponderExcluir
  2. Adorei o tutorial, fooi bom saber porque eu não conhecia hihihi ◕‿◕

    Já sigo aqui linda >.<

    http://cupcakeofdream.blogspot.com

    ResponderExcluir
  3. Fica lindo mesmo! Oii juju, amo muito uma pequena borboleta, estou seguindo, pode seguir de volta?
    ◕‿◕

    URGENTE:
    PODE REBLOGAR ESSA POSTAGEM:
    http://fluffy-s2-world.blogspot.com.br/2012/06/adote-um-cachorro-tambem.html

    OBRIGADA
    KISSES!

    ResponderExcluir
  4. Oi Juju! Posso pedir um Tuto? Queria só saber como coloca esses emoticons no nome do blog,ex:
    (emoticon de cereja)Chilli Lovers.
    Me ajuda? Bjs!◕‿◕
    http://chillilovers123.blogspot.com.br/

    ResponderExcluir
  5. eu adorei seu blog!!!!❤

    é muito fofinho!!

    ResponderExcluir
  6. Oi flor, adorei o tutorial.
    Seu blog é muito fofo.

    Estou seguindo, se poder segue o meu?

    Bjs ♥
    http://mar-de-glitter.blogspot.pt/

    ResponderExcluir
  7. Adorei o blog, muito lindo, amei tudo. Parabéns mesmo, vou sempre estar aqui (:

    ontendency.blogspot.com

    ResponderExcluir
  8. Tutorial simplismente magnifico *u*
    Me siga fofa
    http://www.onlyrocker.blogspot.com.br/

    ResponderExcluir
  9. Adorei o tuto, tava procurando ele a décadas !
    Adorei seu menu, do topo do blog >.< Ensina a fazer ?

    Obrigada pela visita, minha diva (: Já toô seguindo aqui *-*

    Big Beijo ;* Farry Teen

    ResponderExcluir
  10. ⊙ω⊙ Super fofo seu blog!!
    E adorei os planos de fundo ensina a fazer?

    adolescente-virtualbn.blogspot.com

    ResponderExcluir
  11. @x. Farry Teen // OfficialQue bom que você finalmente conseguiu achar ele, não é, querida! Fico bem feliz de ter ajudado!

    ResponderExcluir
  12. @Thays SouzaHehe, fico feliz que você gostou do tuto. Agora eu não uso mais, decidi fazer algo mais "grudadinho"

    ResponderExcluir
  13. @GiihQue bom que conhecei agora, não é mesmo? (◡‿◡✿)

    ResponderExcluir
  14. oooi amre ! Amei , vllw msm ! me ajuudou mt mt mt ! s2s2

    ResponderExcluir
  15. adorei o blog,o desing dele é a coisa mais linda,já vou segui ele

    ResponderExcluir
  16. Amei Seu Tutorial!! O Design do Seu Bloog é Lindo,Continue Assim ❤

    ResponderExcluir

Mini FAQ:
-Não aceito selinhos nem Tags.
-Comentários que não falem nem um pouco sobre a postagem não serão publicados.
-Afiliação apenas para blogs acima de 100 seguidores ou convidados. NÃO INSISTA.
----------------
♥❤∞ ☆ ★ ✖ 。◕‿◕。® ™ ☏✿゚✤
❝❞✥ ✦ ✧ ✩ ✫ ✬ ✭ ✮ ✯ ✰ ✱ ✲ ✳ ❃ ❂ ❁ ❀ ✿✼ ✻ ✺ ✹ ✸ ✷ ₪ ❃ ❂ ❁ ❀ ✿ ✾ ✽ ✼ ✻ ✺ ✹ ✸ ✷
✶ ✵ ✴ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ❖(◕‿◕✿) 。◕‿◕。 ⊱✿◕‿◕✿⊰(◡‿◡✿)(◕〝◕)◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●
⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙
≡(▔﹏▔)≡