18
de
jun.

Personalizando Marcadores

Hey todo mundo!

Amores do meu core ♥ Bom como o ultimo post estou gostando desse negocio de HTML e cada vez estou aprendo mais coisas, e como eu aprendi todas vocês também podem aprender e ver que não é aquele bicho de sete cabeça que eu também achava que fosse.


Hoje irei ensinar vocês a Personalizar Os Marcadores deixando eles mais fofinhos e mais meiguinhos alias com sua cara. Vamos Lá?

Antes de começar a editar faça backup do seu layout!

A forma que iremos aprender o resultado ficará assim no final!
  1. Adicione o Gadgets  de marcadores se você já tiver é só editar. 


Selecione as opções que desejar e não marque a opção numero de postagens do marcador e salve.
Agora abra o seu código de layout, em modelo > Edit Html> clique dentro dos Html e aperte Ctrl+F e procure pelo código ]]></b:skin> e cole esse código depois da tag encontrada.

/* ---marcadores por enjoythelittllethings.blogspot.com --- */  
#Label1 ul li {float:left; padding-left:10px; font-family: 'Georgia'; font-size: 12px;
background:url(http://static.tumblr.com/8buytvw/30imlqqy9/tags.png) no-repeat left;text-indent : 8px;
width:100px; font-style: italic; -webkit-transition-duration: .40s;-webkit-transition-duration: .40s}  
#Label1 ul li:hover{background:url(http://static.tumblr.com/8buytvw/rE4mlqr3g/tags1.png) no-repeat left;}
#Label1 ul li a {color: #D9CFA3;} 
#Label1 ul li a:hover {color: #9b9b91;}   
/* ---fim--- */ 
Salve e visualize e esta pronto!

Referencia do Blog http://www.enjoythings.com.br/ 

Espero que gostem e virão muito mais tutoriais por ai ♥
Até o próximo
beijos!




Nenhum comentário:

Postar um comentário

© Nome do seu Blog - 2016 | Todos os direitos reservados.
Desenvolvimento por: Jaque Design | Tecnologia do Blogger.
imagem-logo