The Moon Reverse ミ✩: Marcadores personalizados

24 de agosto de 2013

Marcadores personalizados

Boa tarde, amores <3 (´・ω・)っ由 Tudo certo com vocês? Hoje eu não deveria estar postando, mas estava com muita vontade de postar logo esse tutorial, então adiantei um pouco as coisas, hihi. Adoro escrever tutoriais, organizar a postagem, etc. É tão bom! Mas enfim, hoje trouxe o tão pedido tutorial de como personalizar os marcadores da postagem, como podem ver, eu também uso esse tutorial no blog, além do tutorial, eu acabei trazendo um modelo para marcadores que vocês poderão editar as cores, etc. Espero que seja bastante útil para vocês e que, claro, creditem sempre, ahaha, e com link de redirecionamento, está legal, gente? Até a próxima ^3^



01. Procure por ]]></b:skin> Assim que achar cole o código abaixo ACIMA dele.
@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 */
}
02. Agora procure por <data:label.name/> e coloque entre essa tag o seguinte código:
<markers> e </markers>

E ficará assim <markers><data:label.name/></markers>

textsms      29 comentários

  1. Que legal esse tutorial. É bem facinho, e fica lindo!
    With You

    ResponderExcluir
  2. Eu sou apaixonada por esse tipo de personalização, vou aderir ela no próximo layout ♥
    http://modernium.blogspot.com.br/

    ResponderExcluir
  3. U.u fui eu que pdei, tava procurando faz tempo, agora vou usar em todos os meus layouts O.o

    www.dear-things.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Que bom que lhe foi útil >33<
      Obrigada *3*

      Excluir
    2. Errei, era pra tá escrito pedi O.o

      Excluir
  4. aaaaaawn, xoneei, vou usar u-u divooo <33

    Visita? http://a-garota-a-solitaria-a.blogspot.com.br/

    ResponderExcluir
  5. Divosa, vou usar o segundo modelo u3u

    Beijinhos,

    Juu-Chan ;3 | Nescau com Nutella

    ResponderExcluir
  6. Owwn adorei,vou tentar por no blog,arigato >33<
    Kissu :**

    Otakada Kawaii

    ResponderExcluir
  7. Amei esse tutorial! Sempre achei fofo seus marcadores, eles dão um destaque super cute.

    http://dreamersofparadise.blogspot.com.br/

    ResponderExcluir
  8. Estava procurando por esse tutorial, acho que fica fofo.
    Sempre quando peço para me pedirem na ask, ninguém pede. Legal que o Blog vai tre mais tutoriais.

    Com carinho, Ammy | SEMPRE FUI ESTRANHA

    ResponderExcluir
  9. Me apaixonei pelo layout, ai meu Deus, que lindo. Ótimo tutoriais e modelos, estava até procurando.

    Ah, reabri meu blog, visite e me dica se a visita valeu a pena, haha.

    ResponderExcluir
  10. Favoritei o post pra usar! :O Que lindo, meu Deus! ^^
    Bjo, Sel ;*

    Jovens Gordinhas
    Unicórnio com Bigode

    ResponderExcluir
  11. Adorei o tuto *-* vou salvar aqui nos favoritos para usar no meu novo layout U-U'

    - Lovely Zombies

    ResponderExcluir
  12. Mack, eu adorei o tutorial! E os modelos estão uma graça :3

    Beijos ✷ Pequenos Infinitos

    ResponderExcluir
  13. Ain, você leu minha mente, sua linda!!

    - HTML Secret

    ResponderExcluir

O blog não é mais atualizado com novas postagens. Mas fique à vontade para perguntar algo do seu interesse, seja relacionado às postagens ou dúvidas que lhe inquietam, estou algumas vezes entrando no blog e certamente verei se tiver comentários pendentes. Obrigada pela visita, leitor!

Este blog não é mais atualizado com novas postagens, mas não excluo 100% a probabilidade.