17 de janeiro de 2014

[Pedido] Marcadores Personalizados.

||
Esta foto é tão linda, percebam o significado dela... Tão magnífico!
Olá amores, tudo bem com vocês? Hoje eu acordei bem animada, eu não sei o motivo, mas enfim, ontem, eu troquei o layout do nosso blog de testes, e foi tão difícil. Os códigos ficaram todos bugados e não funcionaram, então eu exclui o antigo blog de testes e fiz um novo, mas é o mesmo endereço, então tudo bem. Bom, ontem, vocês pediram muito o link do filme "A Menina que roubava livros", eu já tinha passado, porém, por comentários. Aqui está o link legendado para vocês (www).

Ok, vamos pular a parte da pirataria e vamos para o tutorial. Este foi mais um tutorial pedido pela ask (todos vibram), que é de marcadores personalizados. Eu não entendi direito se era para fazer um menu de marcadores ou personalizar os marcadores, então, como já tinhamos menus, eu trouxe como personalizar o marcador. Para ver como ele fica, veja aqui (www) onde fica as tags na postagem. Fica lindo né? Quer aprender a fazer? Continue lendo ♥

1°: Vá no painel do seu blog, modelo, editar HTML e pesquise a tag: "]]></b:skin", quando achar, cole acima dela o seguinte código:
/*------ Marcadores Personalizados ------*/
@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 */
}
/*------ Marcadores Personalizados ------*/
Depois, procure por isto: "<data:label.name/>", quando achar isto, substitua por este código:
<markers><data:label.name/></markers>

E pronto! O seu marcador vai estar personalizado :3 Você só deverá mudar a cor do background, box-shadow e text-shadow, são as únicas coisas que você deverá mudar, somente a cor, ok? Bom, este tutorial eu aprendi no blog Querido Diário, então, se forem usar, dê os créditos a ele ok? Muito obrigada amores, até mais ♥

55 comentários:

  1. O blog de teste ficou lindo, você sempre capricha muito.. Ah, sobre a campanha, vou fazer um banner pois estou cheio de pedidos na ask para fazer e não sei se dará para criar uma postagem, mas acho que o banner as pessoas tem mais acesso.. Eu assisti o filme já, é simplesmente perfeito, só que vi no Mega Filmes <33 Eu gosto do tutorial, o meu também é personalizado ><

    Having Cherry ☁

    ResponderExcluir
    Respostas
    1. O pior é que é um layout free, haha. Mas é um dos layout free daqui. Muito, muito obrigada ♥ Sim, é perfeito.

      Excluir
  2. O Menu é bem cute!
    Primeira vez que visito o Blog, adorei!
    ~Seguindo!
    Beijos | Brigadeiro Vintage!

    ResponderExcluir
  3. Adorei o tutorial , mega fácil e fica fofo ♥

    http://sonhando-porai.blogspot.com.br/

    ResponderExcluir
  4. Você me passou o link, terminei de assisti ♥ Amei o filme, muito triste mas é perfeito *o*
    Amei o menu de marcadores ou tags, ficou lindo♥
    Kiss
    With You || Imperfectous

    ResponderExcluir
    Respostas
    1. Sim, verdade, é triste. Obrigada ♥ Porém não é um menu.

      Excluir
  5. Acho que personalizar os marcadores do blog é muito legal, deixa fofo, e se souber personalizar direitinho, combina muito bem com o layout e deixe ele divoso :v , também tenho esse tutorial no whh, mas é diferente :3 Vou assistir o filme, obrigado pelo link -q. Beijos <3

    wehearthtml.blogspot.com

    ResponderExcluir
  6. Aiin, que lindinho >.<
    Kisses

    inside-oficial.blogspot.com

    ResponderExcluir
  7. Q bom que voçe esta animada 0/
    Amei essas tags , nossa mas pra um blog de testes tá tão lindo ne? >w<
    Arrazo Karla *uu*

    Geekegirlie.blogspot.com|| Official

    ResponderExcluir
  8. Esse bug do Blog de testes já aconteceu comigo :c Mas mesmo assim, esse lay do blog de testes superou o antigo, ficou lindo *u*. Vou assistir o filme com certeza :3

    Adorei o tuto, fica uma graça e não é difícil *3*

    htmlandresources.blogspot.com

    ResponderExcluir
    Respostas
    1. O blogger tá cheio de bugs, aff. Muito obrigada ♥ Você que me ajudou nele, né? haha

      Excluir
  9. Adorei o tuto ^^

    http://galaxykawaiii.blogspot.com/

    ResponderExcluir
  10. Adorei! <3 Fica lindinho demais. Não me recordo direito, mas acho que já o usei, haha :3 Ou foi outro? Não sei mesmo =/

    Um grande beijo,

    Juu-Chan || Nescau com Nutella

    ResponderExcluir
  11. Confesso que tenho medo de mexer com isso no meu blog , mas adorei o tutorial que você fez , tudo muito explicadinho , Beijos <3
    http://garotaantenadabr.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Se fizer certinho, com calma e paciência, nada dá errado. Muito obrigada ♥

      Excluir
  12. Ah, que lindo esse tutorial, adorei!

    Flor, seguindo seu blog, é perfeito aqui. Adorei ;D

    http://destinoincertoo.blogspot.com.br/

    ResponderExcluir
  13. Que modelinho lindo ><
    interesses-sutis.blogspot.com

    ResponderExcluir
  14. O que importa é ser feliz, o motivo é o de menos u.u
    Ah vai ser muito útil esse link do filme <3 #énósnapirataria
    Tenho preguiça de personalizar os marcadores (que blogueira hein...). Mas já vi blogs com os marcadores bem fofos como o do tutorial, para quem têm paciência e este tuto, o resultado é lindo!

    Beijos,
    .:Entretanto:.

    ResponderExcluir
    Respostas
    1. Muito obrigada ♥ Verdade, haha, obrigada novamente ♥

      Excluir
  15. Vou assistir este filme ♥ tomara que seja tão bom quanto o livro :3
    Vai ser muito útil este tutorial quando for fazer meu layout ♥
    Eleven Days

    ResponderExcluir
    Respostas
    1. Eu acho que é, não sei, não pude ler o livro ainda :/ Ebá, muito obrigada ♥

      Excluir
  16. Era louca pra saber, parece ser um tutorial muito útil e deixa um toque bem fofo no blog, né?! haha ♥
    Adorei o post.

    Beijoos xX
    medbarbie.tk

    ResponderExcluir
    Respostas
    1. Eu também era antes, daí eu vi que é super fofo e útil. Muito obrigada ♥

      Excluir
  17. Valeu a pena o esforço, ficou lindo o blog de testes. Queria tanto saber mexer em html e fazer esses efeitos e menus como você *-* ótimo tutorial.

    bloogencantado.blogspot.com

    ResponderExcluir
    Respostas
    1. Awnt, muito, muito obrigada ♥ Você aprende com o tempo, acredite, não nasci fazendo isso, e, até agora, não sei nem 40% disso.

      Excluir
  18. Os marcadores ficam realmente lindos, eu até uso esse modelo no meu blog.Post super útil.

    Abraços ♥ | Paradise Kawaii

    ResponderExcluir
  19. Talvez eu use, por que eles são perfeitos ^ ^
    Beijinhos!
    Visita? http://querendo-voar.blogspot.com.br/

    ResponderExcluir
  20. ´´pular a parte da pirataria´´ SOCORRO eu ri alto com isso! (: Adorei o tutorial, ainda não conhecia.

    Visite-nos!
    XOXO

    ResponderExcluir
    Respostas
    1. Haha, fico feliz com isso, espero que a sua mãe não tenha se incomodado com o seu grito :3 Haha, enfim, muito obrigada ♥

      Excluir
  21. Adorei a imagem :D
    E sobre o tutorial também gostei muito, bem simples de fazer.
    Até mais. http://realidadecaotica.blogspot.com.br/

    ResponderExcluir
  22. Ótimo tutu
    Aceitei o seu pedido de afiliação, peço para que me coloque na sua elite também ♥♥
    Beijos - http://notfoundoficial.blogspot.com.br/

    ResponderExcluir
  23. A no próximo layout eu usar ele *-* muito fofo o/
    http://colorfulunicornlu.blogspot.com.br/

    ResponderExcluir
  24. Preciso dedicar mais tempo ao HTML do meu blog, mais paupérrimo impossível! você parece entender bastante do assunto, fica lindo mesmo os marcadores em tags, mas por enquanto não pretendo fazer isso no blog. Você já fez algum tutorial de como colocar o link de "continue lendo" no final da postagem? se sim, me passa o link. E se não, bem... caso não seja um incômodo, poderia fazer um?
    Myllena, Minhas Pequenas Verdades

    ResponderExcluir
    Respostas
    1. Muito obrigada ♥ Bom, sim e não. Mas eu faço um, só que vai demorar um pouco ok? Obrigada ♥

      Excluir
  25. Tem dias que eu acordo feliz nem sabendo por que (masok) e.e Esse layout do blog de testes' ficou bem fofo *u* Adorei o tutorial, é bom simples de se fazer e o resultado é lindo >3<

    FH♡

    ResponderExcluir
  26. Muito obrigada pelo convite ♥ Vou ver sobre isto.

    ResponderExcluir
  27. Amo muito seu blog é muito fofo *---*
    http://mysweeet-world.blogspot.com.br/

    ResponderExcluir

Vai comentar? Obrigada Mas antes, leia por favor:

Os comentários são moderados para eu saber quem comentou, assim posso retribuir, somente por isso ok? Pode comentar o que quiser, até criticas e ofensas, mas mantenha o respeito.
Leia o post todo antes de comentar, não comente apenas para divulgar o seu blog.
Se for colocar o link do seu blog, coloque sem o "https://", pois o blogger considera spam.
Não precisa comentar "Seguindo, segue de volta?" Se eu gostar, eu sigo.
O resto pode fazer :3 Mas tenha respeito.

Obrigada novamente