Fundo transparente no Primeiro ou Ultimo gadget do blog

Yo paçoquinhas, como estão? Eu estou bem graças a Deus. Falta apenas uma semana para terminar meu curso. E pior que estou triste por estar acabando.... Bom Para hoje trago um tutorial simplizinho mas que acho uma gracinha. Geralmente as pessoas o dividem em dois tutoriais separados, mas o tutorial é tão pequeno os farei juntos. Vou mostrar como deixar a primeira ou a última sidebar do blog transparente.

Lembrando se seu layout for de duas sidebar, o efeito vai funcionar em ambas. Mas se não quiser em ambas apenas em uma basta deixar um gadget vazio do outro lado (sem titulo e sem conteúdo visível), assim dando a sensação de estar apenas em uma.

Fundo do Primeiro Gadget Transparente:

1. Vá até Modelo e clique em Editar HTML, procure por:

.sidebar .widget:first-child { 

Se no seu layout não tiver esse código por alguma razão, procure  apenas por ]]></b:skin> e  acima dele cole. Se você achou faça a mesma coisa, procure por ]]></b:skin> e a cima dele cole:

Códigos

.sidebar .widget:first-child {

{

2. Agora entre as chaves { } do código citado acima cole:

Códigos

Background: transparent;

Salve e visualize, viu? Prontinho! Agora se quiser deixar o primeiro gadget com alguma cor é só remover o  transparent e colocar #código da cor.

Fundo do Ultimo Gadget Transparente:

1. Vá até Modelo e clique em Editar HTML, procure por:

.sidebar .widget:last-child {  

Se no seu layout não tiver esse código por alguma razão, procure  apenas por ]]></b:skin> e  acima dele cole. Se você achou faça a mesma coisa, procure por ]]></b:skin> e a cima dele cole:

 

Códigos

.sidebar .widget:last-child {
}

2. Agora entre as chaves do código citado acima cole:

Códigos

Background: transparent;

Pronto! É apenas isso, se desejar por uma cor é só trocar transparent e colocar #código da cor.

XoXo~