Como usar Boxside

Olá pessoal,

Super obrigado pelos 400 seguidores e pelos elogios do novo layout, que bom que vocês gostaram, estou super feliz. Mais tenho uma noticia não muito boa, o blog "O meu brilhante mundo" foi removido pelo Google, parece que ele quer que ela comprove que tem mais de 13 anos, e parece que ela tem que ir até o governo para resolver isso, estranho, fiquei sabendo disso no Candy grape. Espero que ela resolva isso, e espero que isso não se espalhe pela blogosfera!

Não sei se usam muito no blogger mais em tumblr é super usado e o resultado é lindo, é tipo um sidebar  feito inteiramente por nós, veja aqui um exemplo, existe vários e diferentes modelos e legal do boxside é que podemos fazer cada siber de uma cor diferente e personalizar cada um do nosso jeito. Não é difícil de fazer, é um pouquinho trabalhoso mais vale a pena, mais tentarei fazer o mais explicadinho possível.




Deixando o fundo do sidebar transparente
Vá em modelo >> Editar HTML >> prosseguir, aperte F3 e procure pela tag .sidebar .widget {
abaixo dessa tag procure por algo mais ou menos assim background: #ffffff
depois de # ao invés dos números que tem depois dele apaga ele e escreve assim transparent, o código vai ficar assim background: #transparent

Deixando o título da sidebar transparente
Depois aperte F3 procure por .sidebar h2 { e faça a mesma coisa que fizemos com a outra tag acima, procure por background: #ffffff e substitua os numeros por transparent

Colocando o Boxside nos gadgets
Crie seus gadgets normalmente só que todos sem título, depois de todos prontos crie seu boxside em algum programa, eu recomendo o photoshop, serve qualquer um deles o cs2, cs3, cs4.. e depois hospede em um site, eu recomendo o tinypic.com.

Depois vá em layout adicione um gadget Script/HTML, só que na parte de cima do layout, veja AQUI o exemplo. Cole esse código abaixo no gadget adicionado

<div style="position: absolute; margin-top: 22px; left: 665px;"> <img src="URL DA IMAGEM DO BOXSIDE" /></div><br/><br /><br />

Agora você irá ajustar o boxside no lugar certo,
aonde está escrito URL DA IMAGEM DO BOXSIDE, coloque a imagem do seu boxside
Em 22px é a altura do seu boxside
E o 665px é o lado em que ele vai ficar

Agora é só você fazer isso com todos os gadgets ou seja adicionar um gadget com o o código acima e ajustar ela conforme a altura e posição dos seus gadgets.

Dica:
Quanto maior é o numero, ou seja quanto maior é o pixel que você colocar em  left: mais o boxside vai para a direita e se você colocar um numero menor mais ele vai para a esquerda. E quanto maior o numero que você colocar em margin-top: mais o boxside vai descer (vai para baixo).

A postagem ficou um pouco grande, mais é que tentei ser bem clara na explicação do tutorial, espero que vocês tenham intendido se não me comunica que explico e se for útil por favor credite ao ADO.