3 de nov de 2012

Tutorial :Como mudar a sidebar do blog

Ooi amores e amoras ashuashu' tudo bem ? Eu to bem , hoje eu to aqui para ensinar um tutorial bem legal para vocês , um tutorial que da uma super diferença no blog , que é como mudar a sidebar do blog , que é essa barrinha lateral ai do blog , então bora la ? 

Layout > Adicionar novo gadget > Adicionar HTML/JavaScript 
  
                               e cole o seguinte código 

<style>

/**PERSONALIZAÇÃO DA SIDEBAR**/
.sidebar .widget {
width:100% !important;
background:#FFC0CB;
margin:10px 0 !important;
border-top:10px #FF6EB4 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>

Onde esta destacado de rosa ,  são as únicas alterações que precisam ser feitas , que são as cores do back ground , e da borda , você pode estar trocando as cores aqui www  , ou pode estar usando as mesmas cores do meu caso você seja algum ninja pode mudar mais alguma coisa aii :o ! é isso fácil né big beijos :*

Um comentário:

  1. ola gostei desse tutoria simples de coloca e resultado legal vlws dei umas mudada aqui nas cores e ficou como eu queria vlws pela dica.

    ResponderExcluir