25/12/2014

Marcadores da postagens com background


Yo! Yo! Como foi o Natal de vocês? Comeram e se divertiram bastante? Espero que sim! Ainda estou em viajem e só devo voltar lá para o dia 28 por isso não pude fazer nem um sorteio de Natal e nem moderar os comentários... mas assim que eu voltar irei responder a todos, desculpe a demora. Mas como sabem eu não gosto de deixar o blog parado por muito tempo, então trouxe uma postagenzinha light, rápida é bem fácil de executar. Vou mostrar como adicionar background no fundo dos marcadores que ficam no rodapé da postagem, esse é mais um dos tutorias pedido na Ask. Legal, né? Podem ver o exemplo mais abaixo.


1. Vá até seu HTML e procure por ]]></b:skin>, acima dele cole o código abaixo: 

Códigos
/*Marcadores-Post*/
.post-labels span, .post-labels a{
font-family: Pf Arma Five;
color: #fff; /*Cor da fonte*/
background: #ccc; /*Cor do fundo do Botão*/
font-size:8px; /*Tamanho da fonte*/
padding:1px 3px;
margin:2px;
display:inline-block;
text-transform:none;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

Salve e veja o resultado! Edite da forma que desejar e que combine com seu template/ layout e prontinho. É só isso, agora tenham um ótimo dia é um Feliz Natal lindos e lindas!

9 comentários:

  1. Oiee!!
    Tudo booom?
    Meu Natal foi tranquilo...muito. xD
    Viagem? Para onde?!
    Conte-me isso lá no meu blog,para compartilharmos as novidades XDD


    Feliz Natal para você e toda a sua família!!

    Ah,estamos comemorando lá no blog,venha ver:
    http://gliter-lovely.blogspot.com.br/

    abraços!! :3

    ResponderExcluir
  2. Oie Wendy! Passar natal com a família é ótimo mesmo, até porque tem todo um "clima" natalino que é sempre bom! O meu foi tranquilo e ótimo também, com uns parentes distantes mas gosto de conhecer pessoas.
    Esse tuto eu já salvei nos favoritos pro próximo lay que pretendo fazer, inclusive queria que ajudasse com um tema, galaxy ou clouds ? Já me deram outras ideias e fiz até uma enquete lá no blog :/
    Voltando... aproveita bastante a viagem, eu só poderei viajar em janeiro por causa dos vestibulares de faculdades particulares da minha cidade, que são em janeiro :/ Mas vou aproveitar esse tempinho antes das provas não é verdade? Beijocas wendy, ótimo tudorial *-*
    Indecisa {♡}

    ResponderExcluir
  3. Ótimo tutorial ! o bunny é um dos blogs de HTML que eu mais curto <3
    apenasumcaraa.blogspot.com.br

    ResponderExcluir
  4. OMG que marcadores mais lindos <3 obrigada por postar! Eu me diverti bastante no Natal, embora a comida seja sempre a mesma haha x3.
    litte-owll.blogspot.pt

    ResponderExcluir
  5. Que legal seu tutorial :3

    http://madnesshoujo.blogspot.com.br/

    ResponderExcluir
  6. Anônimo27/12/14

    Adorei, muito fofinho, com certeza vou usar.
    Beijos. | f-abricando-sonhos.blogspot.com.br

    ResponderExcluir
  7. Respondi a seu comentário: http://heartcoffee1.blogspot.com.br/p/parceiros.html?showComment=1419766075372

    ResponderExcluir
  8. eu adoro esse tutorial *---* uahushu fica muito bonitinho!

    http://kawaii-t.blogspot.com.br/

    ResponderExcluir
  9. Olá, passando pra dizer que graças há um layout que encontrei aqui feito por vc me fez amar cada dia mais meu blog e ele está fazendo maior sucesso haha muito obrigado por disponibilizar esses lays perfeitinhos de graça. ♥

    http://vihpaula.blogspot.com.br/

    ResponderExcluir

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345