♦ Tutorial ~ Gadgets Personalizados -Do Antigo Layout-

Hey Rilakkumas

Então, gostaram do novo layout inspirado no livro Alice in Wonderland???

Ele ficou bem profissional e não foi tão dificil de montá-lo, o dificil foi entender alguns tutoriais (EX: Gadget dos postadores).

Mas eu dominei a arte dos HTML e consegui fazer essa coisa linda de KamiSama.

Pulando assunto.

Vou começar a postar tutoriais do meu antigo layout. O primeiro deles é a nossa sidebar editada.

Exemplo pra quem não viu.

O tutorial original é o site CandyLand, mais eu editei para ficar desse jeito e ficou bem diferente do original, por isso eu digo que essa sidebar é minha, mas a idéia original é do CandyLand.

Vamos aprender, é super fácil.

No seu painel vá em:

Layout  Adicionar Um Gadget  HTML/JavaScript

E cole esse código gigante.

<style>
/**PERSONALIZAÇÃO DO CHA E CUPCAKE**/
.sidebar .widget {
width:100% !important;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKpZ0qNu0quGu8lChiIYsarrbGC98M4yW0rg9rBQBtzt8tCqlXC6v7xsc2Pd2rbe00edAxTFrM2bLzdUiemk4AeOYbThQZWGKmC8sPQ3mE0ZXiZwdFNtM5PdP_1VQyYqOwVUDciyOyY8c/s1600/BR.jpg");  /** COR DO FUNDO DO GADGET **/
margin:10px 0 !important;
border-top:10px #000000 solid;  /** COR DA BORDA DE CIMA **/;
border-radius:0 0 10px 10px;
padding:10px;
box-shadow: inset 0 0 40px #eee, 0 0 10px #ccc; /** SOMBREAMENTO **/
overflow:hidden
}
.sidebar .widget h2 {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1DI5t1Wj_lvrip6gUAPTxPFaINsCq1wm1mt0Obf1TlMldzUOJOqlt9ECtkk85kOntinNcDZozgPDY700PehWKAOtdm3Rv4MTEdacEPTgo_L9fGBs5zeQN9Oauhj4646OeCLMNE2ApgG4/s1600/fundo-bolinhas.jpg") /** COR DO FUNDO DO TITULO **/;
color: #ffffff /** COR DO TITULO **/;
font-size:17px /** TAMANHO DO TITULO **/;
text-shadow:0 1px #000000 /** SOMBRA DO TITULO **/;
margin-top:-10px /** MARGIN **/;
margin-left:-10px /** MARGIN **/;
margin-bottom:5px /** MARGIN **/;
padding:5px;
width:107%;
overflow:hidden
}
/** FIM DA SIDEBAR BY [chaecupcake.blogspot.com]**/
</style>

Se for editar alguma coisa já está explicado no próprio código.

Então digam o que acharam do novo layout e CREDITEM o tutorial se usar.

 ATENÇÂO 

 Esse tutorial só funcina se você não usou outro tutorial de personalização de sidebar 

Você também deve deixar a barra lateral na cor tranparente