30 julho 2012

Personalizando os títulos dos Gadgetes!

Ola amores, faz tempo que eu num posto tutorial né? Fiquei muito atolada com as encomendas, com a lojinha do blog, e os Templates para venda. E por falar nisso eu quero a opinião de vocês, gostaram dos templates?? Ainda só tem dois la mas já já vou fazer mais. Haaa... e esta vindo layout free por ai, estou fazendo um bem fofo, bem teen, e logo logo eu boto ele aqui pra vocês!

Enfim, vamos ao tutorial! Hoje eu vou por aqui pra vocês alguns cod. html que personalizam os títulos dos gadgetes, eles ficam muito fofo, e é super fácil! Vamos la?!

O primeiro é bem parecido com o que a gente usa aqui. Letras pretas e um coração pequeno do lado. (sem fundo)


<style>
/*Inicio Titulo dos gadgets*/
.sidebar h2 {
font-family: pacifico;
font-style: italic;
font-size: 22px;
font-weight: bold;
text-align: medium;
color: #000000; /*Cor da fonte*/
background: url('http://i46.tinypic.com/k4dvv8.png') no-repeat left top; /*imagem do topo*/
padding-left: 20px;
margin-bottom: 50px;
/*Estilo para titulo dos gadgets por www.bombadecereja.tk, adaptado por http://http://personalizacaoblogs.blogspot.com.br/*/}
</style>


O segundo é bem fofo, ele tem o fundo rosa claro, com uma borda rosa mais escuro, letra preta e um coraçãozinho bem fofo.


<style>
/*Inicio Titulo dos gadgets*/
.sidebar h2 {
font-family: Verdana;
font-size: 14px;
text-align: left;
color: #40250A; /*Cor da fonte*/
font-weight: normal;
background: #FFCCDF url('http://img194.imageshack.us/img194/4015/miniheart.png') no-repeat left top; /*Cor de fundo e imagem do topo*/
padding-left: 12px;
margin-bottom: 5px;
border-top: 3px solid #FA3497; /*Borda do topo*/


-moz-border-radius: 10px; /* Para Firefox */
-webkit-border-radius: 10px; /*Para Safari e Chrome */
border-radius: 10px; /* Para Opera 10.5+*/
/*Estilo para titulo dos gadgets por www.bombadecereja.tk  e adaptado http://personalizacaoblogs.blogspot.com/ por */}
</style>






Para colocar os títulos personalizados é só ir em "Designe" "Elementos da pagina" "Adicionar gadget"  "HTML/JavaScript" e colar o cod. do estilo de titulo preferido. E pronto, todos o títulos de gadget já estarão personalizado!

Espero que vocês tenham gostado... Beijão!

Códigos criados pelo Cherry Bomb e adaptados pelo Personalização de blogs!

6 comentários:

  1. oi clara...te seguindo....já adotei um novo título para os gadgets....muito bom!

    pode me dizer como mudo a cor dos comentários?

    bijos

    ResponderExcluir
  2. ahahahahahaha coloquei no meu ...queria azul trquesa com fonte branca. será que dá pra mudar ...bjks!

    ResponderExcluir
  3. oi eu adorei o poster coloquei la em meu blog http://lindasmeninasfashion.blogspot.com/

    ResponderExcluir
  4. oi adorei o tuto coloquei no meu blog http://lindasmeninasfashion.blogspot.com/

    ResponderExcluir
  5. Adoreii o post *=*, estarei repostando no meu blog, e vou indicar o seu blog como referência. Pois está ajudando muito.
    Beijoss..

    www.rharyblu.blogspot.com.br

    ResponderExcluir

Ficarei muito feliz com o seu comentário!

A nada de postar só aquela mesma frase "visite o meu blog", comente algo sobre o assunto postado e no final coloque o link do seu blog!
Visitarei e comentarei de volta, se eu gostar do blog seguirei!