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 ♥
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 ><
ResponderExcluirHaving Cherry ☁
O pior é que é um layout free, haha. Mas é um dos layout free daqui. Muito, muito obrigada ♥ Sim, é perfeito.
ExcluirAh sim, perdão, euheu ><
ExcluirTudo bem :3
ExcluirO Menu é bem cute!
ResponderExcluirPrimeira vez que visito o Blog, adorei!
~Seguindo!
Beijos | Brigadeiro Vintage!
Ah, muito obrigada ♥ Mas não é um menu.
ExcluirAdorei o tutorial , mega fácil e fica fofo ♥
ResponderExcluirhttp://sonhando-porai.blogspot.com.br/
Sim, verdade, muito obrigada ♥
ExcluirVocê me passou o link, terminei de assisti ♥ Amei o filme, muito triste mas é perfeito *o*
ResponderExcluirAmei o menu de marcadores ou tags, ficou lindo♥
Kiss
With You || Imperfectous
Sim, verdade, é triste. Obrigada ♥ Porém não é um menu.
ExcluirAmei o tuto <3
ResponderExcluirha-unting.blogspot.com
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
ResponderExcluirwehearthtml.blogspot.com
Verdade, fica muito fofo :3 Muito obrigada ♥
ExcluirAiin, que lindinho >.<
ResponderExcluirKisses
inside-oficial.blogspot.com
Q bom que voçe esta animada 0/
ResponderExcluirAmei essas tags , nossa mas pra um blog de testes tá tão lindo ne? >w<
Arrazo Karla *uu*
Geekegirlie.blogspot.com|| G²Official
Awnt, muito, muito obrigada ♥
ExcluirEsse 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
ResponderExcluirAdorei o tuto, fica uma graça e não é difícil *3*
htmlandresources.blogspot.com
O blogger tá cheio de bugs, aff. Muito obrigada ♥ Você que me ajudou nele, né? haha
ExcluirAdorei o tuto ^^
ResponderExcluirhttp://galaxykawaiii.blogspot.com/
Oba, obrigada ♥
ExcluirAdorei! <3 Fica lindinho demais. Não me recordo direito, mas acho que já o usei, haha :3 Ou foi outro? Não sei mesmo =/
ResponderExcluirUm grande beijo,
Juu-Chan || Nescau com Nutella
Haduhaduada, nossa. Muito obrigada ♥
ExcluirConfesso que tenho medo de mexer com isso no meu blog , mas adorei o tutorial que você fez , tudo muito explicadinho , Beijos <3
ResponderExcluirhttp://garotaantenadabr.blogspot.com.br/
Se fizer certinho, com calma e paciência, nada dá errado. Muito obrigada ♥
ExcluirAh, que lindo esse tutorial, adorei!
ResponderExcluirFlor, seguindo seu blog, é perfeito aqui. Adorei ;D
http://destinoincertoo.blogspot.com.br/
Awnt, muito, muito, muito obrigada ♥
ExcluirQue modelinho lindo ><
ResponderExcluirinteresses-sutis.blogspot.com
O que importa é ser feliz, o motivo é o de menos u.u
ResponderExcluirAh 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:.
Muito obrigada ♥ Verdade, haha, obrigada novamente ♥
ExcluirVou assistir este filme ♥ tomara que seja tão bom quanto o livro :3
ResponderExcluirVai ser muito útil este tutorial quando for fazer meu layout ♥
Eleven Days
Eu acho que é, não sei, não pude ler o livro ainda :/ Ebá, muito obrigada ♥
ExcluirEra louca pra saber, parece ser um tutorial muito útil e deixa um toque bem fofo no blog, né?! haha ♥
ResponderExcluirAdorei o post.
Beijoos xX
medbarbie.tk
Eu também era antes, daí eu vi que é super fofo e útil. Muito obrigada ♥
ExcluirFicou lindo Karla!
ResponderExcluirUm beijão, visite meu blog!
Obrigada ♥
ExcluirValeu 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.
ResponderExcluirbloogencantado.blogspot.com
Awnt, muito, muito obrigada ♥ Você aprende com o tempo, acredite, não nasci fazendo isso, e, até agora, não sei nem 40% disso.
ExcluirOs marcadores ficam realmente lindos, eu até uso esse modelo no meu blog.Post super útil.
ResponderExcluirAbraços ♥ | Paradise Kawaii
Verdade, muito obrigada ♥
ExcluirTalvez eu use, por que eles são perfeitos ^ ^
ResponderExcluirBeijinhos!
Visita? http://querendo-voar.blogspot.com.br/
Muito obrigada ♥
Excluir´´pular a parte da pirataria´´ SOCORRO eu ri alto com isso! (: Adorei o tutorial, ainda não conhecia.
ResponderExcluir♥ Visite-nos! ♥
XOXO
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 ♥
ExcluirAdorei a imagem :D
ResponderExcluirE sobre o tutorial também gostei muito, bem simples de fazer.
Até mais. http://realidadecaotica.blogspot.com.br/
Ela é maravilhosa :3 Exato, muito obrigada ♥
ExcluirÓtimo tutu
ResponderExcluirAceitei o seu pedido de afiliação, peço para que me coloque na sua elite também ♥♥
Beijos - http://notfoundoficial.blogspot.com.br/
Claro, vou te colocar ♥ Obrigada ♥
ExcluirA no próximo layout eu usar ele *-* muito fofo o/
ResponderExcluirhttp://colorfulunicornlu.blogspot.com.br/
Que ótimo ♥
ExcluirPreciso 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?
ResponderExcluirMyllena, Minhas Pequenas Verdades
Muito obrigada ♥ Bom, sim e não. Mas eu faço um, só que vai demorar um pouco ok? Obrigada ♥
ExcluirTem 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<
ResponderExcluirFH♡
Eu também, haha. Muito, muito obrigada ♥
ExcluirMuito obrigada pelo convite ♥ Vou ver sobre isto.
ResponderExcluirAmo muito seu blog é muito fofo *---*
ResponderExcluirhttp://mysweeet-world.blogspot.com.br/