11/03/2012

Dica Para Vocês !


Oi Oi Minhas Vidinhas , Vim Trazer Uma Dica Aqui Muito Facil de Fazer e Aprender , só pra deixar seu blog mais foofo e Muito Mais Lindo .. a Dica é como personalizar o titulo do gadget só que de um modo muito mais simples Você estar afim dessa dica ? >> Leia Mais ♥

                                                                        Resultato :




 Vá para o HTML , dê Ctrl+F e procure: 

Logo acima desse código, você adicione: 

.sidebar h2 {
text-align: center;
background: #FFFFFF;
width: 300px;
height: 16px; 
margin: 10px;
padding: 2px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

text-align - Significa o alinhamento do titulo, você pode trocar o "center" por:
-Left: alinha para a esquerda
-Right: alinha para a direita

Background - O fundo do titulo do gadget, você pode trocar o "#FFFFFF" por:
-Outra cor, escolha uma clicando aqui e não esqueça de adicionar o "#" antes do novo código
-Uma imagem, primeiro hospede em um site e pegue o Direct Link for Layout e depois substitua o "#FFFFFF" por:
url(aqui vem o seu direct link) no-repeat center;

Width - É a largura do titulo do seu gadget, se você diminuir o numero, o fundo do titulo vai ficar menor. Ajuste de acordo com a largura do seu gadget!

Height - É a altura do  título do seu gadget, ajuste como preferir!

Você também pode ajustar as bordas! Se prefere ficar sem borda, apague isso lá:
webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;


- Creditos - The Sugary Land

7 comentários:

  1. Adorei o tutorial. ><
    Da uma passadinha no meu blog?
    Segue se gostar?
    http://theworldoflena.blogspot.com.br/

    ResponderExcluir
  2. Adorei o tutorial menina^-^ o blog também super
    cute cute seguindo aqui u.u se quiser dar um pulinho no
    meu blog

    http://praia234.blogspot.com.br/ espero você lá viu ?

    ResponderExcluir
  3. amor amei o tutorial , tudo mt explicadinho
    PARABÉNS !!!
    aah flour estou seguindo pode seguir?
    http://morangomordido.blogspot.com.br/

    ResponderExcluir
  4. Ameý...Já estou até usando (é simples, mas deixa com um resultado incrivel!)
    Bjoss e visite me blog:
    http://world-kawaii-original.blogspot.com.br/

    ResponderExcluir
  5. Olá tem um meme de presente pra vc no meu blog, da uma olhadinha la !!

    www.maquiagemesmalteeacessorios.blogspot.com

    beijinhos.

    ResponderExcluir
  6. Este comentário foi removido pelo autor.

    ResponderExcluir
  7. Amei achei lindo o tuto
    :* http://cherryofchine-oficial.blogspot.com.br/

    ResponderExcluir