26 junho 2012

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

5 comentários:

Dayane disse...

Adorei o tuto ♥
Bjinhos
O blog esta de cara nova *-*
Conversando com a lua

Giulia Pessoz disse...

Muito legal o tuto! Haha, não conhecia seu blog! É lindo, já estou seguindo!
Beijos...
Batom De Framboesa

Rebeca:) disse...

ficou legal,eu amei!

http://conectadas2.blogspot.com.br/

Jessie disse...

Oi flor, ficou lindo, é bem fácil

www.i--love--y.blogspot.com

Beijinhoos

Julia fashion disse...

É bem legal vc consegue fazer ao post de modelos de gadgets?
www.bestgirlsofficial.blogspot.com