• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

19 de novembro de 2014

2 Modelos de marcadores para blog

Obs: Não esqueçam de participar do nosso joguinho valendo divulgação {www}. Eu só farei o sorteio quando estiver com um número bom de participantes 
(quero saber o segredo do Nadaddy para ser tão lindo <3 )
Hooý chocolates cobertos com bala halls e oreo (oreo é muito bom), tudo bem? Espero que estejam, comigo está tudo ótimo. Estou terminando um layout e estou ficando feliz com o resultado, só não sei se a ChocoLeitora vai gostar dele haha' espero que sim. Queria agradecer a quem participou até agora do nosso game, mas realmente eu deixei bem fácil né gente?! haha', estou pensando também em fazer uma postagem de indicação. Ah, amores, ontem eu atualizei uma postagem antiga de uma de nossas ex-postadoras: www.

Queria indicar também o clipe do cantor Matisyahu que eu particularmente amo. Para quem gosta de stop emotion como eu, é super interessante assistir, pois ele utilizou dessa técnica em todo o clipe. Sem contar nas cores super clarinhas, o cenário, a letra da música...cara...perfeita música, perfeita e não...não é rock haha', só ainda irei demorar para me acostumar com o novo visual dele.
Espero que tenham gostado do clipe (quem assistiu eu tenho certeza que gostou haha').
Agora, indo ao assunto da postagem, hoje trouxe para vocês dois modelos de personalização para marcadores abaixo da postagem. Esses não servem para os marcadores dos gadgets. Vamos conferir?


Modelo 1 {Preview} // Créditos {www}

Para começar, procure por  ]]></b:skin> e acima cole o seguinte código:

.post-labels {
font-size:10px; /*Tamanho da fonte*/
}
.post-labels a:link,.post-labels a {
color: #FFF; /*Cor da letra*/
background: #000; /*Cor do fundo*/
margin: 3px; /*Margem externa*/
padding: 3px; /*Margem interna*/
-moz-webkit-transition-duration: .50s; -webkit-transition-duration: .500s;
}
.post-labels a:hover{
background: #333; /*Cor do fundo no hover*/
color: #FFF; /*Cor da letra no hover*/
-moz-webkit-transition-duration: .50s; -webkit-transition-duration: .500s;
}

  • Obs: Esse modelo é mais simples de colocar do que o modelo 2, portanto, se você tiver dificuldades para mexer no HTML do blog, opte por esse.


Modelo 2 {Preview} // Créditos {www}

Para colocar esse modelo, procure por  ]]></b:skin> e acima cole o seguinte código:

@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
markers {
background:#ffb9bf;
box-shadow: inset 0px 0px 4px #ff9aa2, 2px 2px 0px #f5f5f5;
color: #fff;
font-family:silkscreen;
text-shadow: 1px 1px 0px #ff8d96;
font-size: 8px;
padding-top: 4px; /* Acolchoamento do topo */
padding-bottom: 4px; /* Acolchoamento do fundo */
padding-right:5px; /* Acolchoamento da direita */
padding-left: 5px; /* Acolchoamento da esquerda */
-webkit-border-radius: 2px; /* Google e Safari */
-moz-border-radius: 2px; /* Mozilla e Firefox */
border-radius: 2px; /* Alcance da borda */
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
markers:hover {
background:#c2d6da; /* Fundo Hover */
box-shadow: inset 0px 0px 4px #b2cbd0, 2px 2px 0px #f5f5f5;  /* Sombra hover */
text-shadow: 1px 1px 0px #a2c1c7; /* Sombra do texto em hover */
}

Agora, procure por <data:label.name/> e entre essa tag cole os códigos:

<markers>

</markers>

Daí ficará assim:

<markers><data:label.name/></markers>

Espero que tenham curtido e antes de ir, queria que vocês respondessem nos comentários a seguinte pergunta:

O que vocês acham que deve mudar no blog, o que vocês gostariam de ver aqui no AN?

Bjoon e até a próxima postagem, amores.


16 comentários:

  1. São lindooooos ♥ porém, não uso muito marcadores, porque não tenho muitas variedades no blog, ashua >< cara vei, quando entro no seu blog, dá aquele aspecto de misterioso , ashusa ! acho que são as cores e tal ... até *u*

    | Prince Modern

    ResponderExcluir
    Respostas
    1. kkkkkkkkkkkkkk aspecto de misterioso? kkkkkkkk adoguei kkkkkkkkkkkkkkkkkk vlw, amo demais seu blog tbm, tipo, muuuuuuuuuuuuuuuuiiiiiiiiiiiiiito kawaii hahahaahaha' :3

      Excluir
  2. Olá! Tudo bem comigo sim :3, obrigada por perguntar. O layout que você fez deve estar lindo !
    Esses modelinhos estão um amor! Lindos mesmo, gostei muito ♥

    ~XoXo, Cat In My Coffee

    ResponderExcluir
  3. Que lindos esses modelos, adorei!

    Beijos <3
    http://dearitgirl.blogspot.com.br/

    ResponderExcluir
  4. Do Matisyahu só conheço uma música, do tempo em que ele ainda era barbudo hehehehe.
    Abraços <3

    vintageiz.blogspot.com

    ResponderExcluir
    Respostas
    1. sério? hahaa' é Jerusalem? Pq tipo, essa é uma das mais conhecidas hahaha' eu amava essa época, não sei se ele ficou melhor agora ou antes

      Excluir
  5. Adorei as dicas :D

    Adorei o seu blog e já estou a seguir :)

    beijos,
    Daniela
    http://ddocesonhadora.blogspot.pt/

    ResponderExcluir
  6. Que musica demais cara, gostei :) Os marcadores são muito bonitos! As cores do seu layout tá incrível! Já dei um jeito de seguir seu blog haha :P

    http://www.turmajovem.com.br/

    ResponderExcluir
  7. Bem diferente os estilos deles dnjsdbsjd <3 vou até baixar a música, estou apx pela voz dele cara u3u
    a o meu preferido com certeza foi o primeiro u3u
    http://s-sessaoproibida.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. haha' a voz do Matisyahu é realmente muuuuuuuuuiiiiiiito boa :)

      Excluir
  8. Nunca tinha ouvido esta música... Esse tutorial é ótimo, adoro >3< Deixa o blog mais fofinho!

    below ✿ average

    ResponderExcluir
    Respostas
    1. haha' que bom, agora já ouviu falar hauehuehue :v não é?

      Excluir