Gadget personalizado

Hello, como prometido, i'm here! com um tutorial exclusivíssimo, hehe, let's go:

Olha que top que vai ficar:

Primeiro vá e seu HTML (Modelo >> Editar HTML >> Prosseguir) e vá até o final do código, desce tudo! Vai ter algo parecido com isso:

clique para aumentar

Presta atenção que é meio complicado: Você vai ver qual gadget quer pesonalizar, para saber qual é qual observe o nome após "...title='NOME DO GADGET'..." Para fazer o tuto vou usar o primeiro (no meu caso é o Personalizado). Agora prestem atenção nas partes destacadas, isso é very important , o code é baseado nelas, bom se for personalizar um gadget de texto, deve estar Text1 (ou 2, 3, 4 etc), se for um de HTML/JavaScript va1 estar HTML1 (ou 2, 3 , 4 etc) e outros.

Escolheu qual vai ser? Vamos ao código que você colocará acima de b:skin

#Text1{
background: #99D2E8; /* background */
border-radius: 10px; /* bordas arredondadas */
color: #000; /* cor da fonte */
}

Dependendo do gadget que você escolheu o Text1 vai mudar ok? Se quiser adicionar mais alguma coisa, como mudar a fonte ou efeito hover ( eu e minha mania de efeito hover kk), é só colocar normalmente, pode consultar outro tutoriais aqui do blog para ver alguma coisa ou comentar! Também da para personalizar vários gadgets, apenas adicione o código mais uma vez, mudando o nome (Text1, no meu caso)!

Kiss&Kiss