Como Colocar uma Faixa Decorativa nos Gadgets???

 

Olá Galeritchia!!

 

Vim ensinar vocês a colocar uma Faixa Decorativa nos Gadgets do Blog, é claro

na minha visão da coisa toda!!

 

Então pessoal, bora ver como Funciona?!!

 

Primeiramente eu queria avisar aos navegantes da nossa Net

que esse Tutorial é Completamente Fora do (para alguns) assustador "HTML".

 

E eu queria deixar os créditos para Este Blog!!

 

E Vamo que Vamo Pessoal

 

Primeiro Passo

 

 

Clique em Design lá em cima no cantinho direito, depois

clique em Layout.

 

Segundo Passo

 

 

Vão aparecer na tela várias caixinhas que dizem o seguinte:

"Adicionar um Gadget"

 

Clique em uma delas e escolha a opção "HTML/JavaScript" e cole em "conteúdo"

o código abaixo:

 

<style>

/**PERSONALIZAÇÃO DA SIDEBAR**/

.sidebar .widget {

 width:100% !important;

background:#fff;

margin:10px 0 !important;

border-top:10px #FF8C00  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>

 

 Obs.: O destaque em Laranja é a cor da Faixa, que você pode

escolher pelo link abaixo. 

 

*Para mudar a cor, é só copiar o código e colar no lugar do destaque.

  

Escolha de Cores

 

Terceiro e Último Passo

 

 

Clique em "Salvar" depois de tudo pronto, e posteriormente em "Salvar Organização".

 

Agora é só Visualizar o seu Blog e Pronto!!!

 

O que acharam?!

Espero ter ajudado com o Post!!

 

 

Até outra Hora!