![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpGBauZZx3PH123yVXExBYHOuNjSneZkkQy15QuFl04IE9UO0tLIJoVRe12Pe0w_KRLXQiGwDjlZ-5bseSmy_ehOgqWjSbk26fbjWzgtjrIwqdV4lj19QM8oOy-_LDdciTTYI9HPYWnuqp/s1600/Sem+t%C3%ADtulo+1.png)
Olá lindos lunáticos! Sumi de novo não é? Bem, mas hoje estou aqui e vim ensinar um tutorial muito fofo que vi lá no KW, então créditos!É muito fácil e os "previews" estão juntos com os códigos. Querem ver?
1. Primeiro você precisa adicionar no seu blog o gadget marcadores. Muita gente não usa, é esse aqui:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl5GoX2fQ_rKeUYdj0fa8uHY2Euyn878MVg23YWHe9HuamyIzYG6Zpr-zcE5JgHe2siusZZQF2K1Bl-B2pB8G23QrE3tzR-PPWrzcy_qn7zPKW_PW2aOHW0_LS1OAp7_u1Kjn179ZJrYsW/s320/81.png)
2. Após adicionar, vá até editar html e procure pela tag ]]></b:skin>. Acima dela, cole o código de acordo com o modelo que deseja. Escolha seu código de acordo com as imagens, lembrando que vai ficar com os marcadores que escolher, para lista não ficar muito grande.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj86L2ImFdaGRy_ackAkMTxZMAjohReehHjTlmfqKz-J03IdRHYGbftrkpijAkiuYqLjDWlgTE-IGSZ-NhqTmZaGl6-gt_OLVFwzqAqWXLVnC_Loq-pWMdt6a2xneG1VyxHYCF4rn-TY3hN/s1600/82.png)
Código:
.widget ul, .widget #ArchiveList ul.flat {list-style: none;padding: 5px;}.widget ul li, .widget #ArchiveList ul.flat li {text-align: center;border-bottom: dotted 1px #d5d5d5;-webkit-transition-duration: .50s;}.widget ul li:hover {background: #f4f2f4;-webkit-transition-duration: .50s;}
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkMBoztPLImaoX5Y42qVphHb4gx5FlVe5vPGjue22UmESpje2yHZUD7ythXr0TNBBvl5v73wf3IQeOKu1pHTj0nNpr6BVpMzPIBUOp4mWXE3lZeoI1sAYI0bUdmxm171KGkIayKocS2dOb/s1600/83.png)
Código:
.widget ul, .widget #ArchiveList ul.flat {list-style: none;padding: 5px;}.widget ul li, .widget #ArchiveList ul.flat li {background-color: #f4f4f4;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;padding: 5px;margin: 2px;border-bottom: solid 1px #e3e1e2;text-align: center;-webkit-transition-duration: .50s;}.widget ul li:hover {background: #ffcad4;border-bottom: solid 1px #fcb0be;-webkit-transition-duration: .50s;}
Gostaram? Beijos!
Realmente fica muito Kawaii...Eu vi esse tutorial no Kawaii World, só que eu já tinha editado meus marcadores com um tutorial que vi no Go Imagines...Kisus, é os marcadores ficam lindos...
ResponderExcluirVerdade, esse tuto é super fácil e fofo!
ExcluirQuerida, o tutorial do primeiro exemplo de marcador já temos há muito tempo aqui no blog, mais amei o fato de você postar o segundo modelo, eu também amei X)
ExcluirMuito lindo! Quero usar um :)
ResponderExcluirBeijos, http://pequena-julieta.blogspot.com.br/
Blog Atualizado :]
Recomendo o segundo
Excluir.
.
.
.
.
.
.
.
.
.
.
.
.
e o primeiro também...
-qqq
ExcluirIUSHAIUHAIUHSIAUHSAIUH ~
lindo o result, já tinha visto no kw! kISSU~
cherry Pimenta - perfil
É muito lindo!
ExcluirEsse tutorial é muito bom ,
ResponderExcluireu não uso mas quem sabe em breve.
Beijos.
http://meucupcakedemorango.blogspot.com.br/
Que bom que achou bom!
ExcluirMuito fofo o resultado *-* Desculpe for mais você nao acertou no mini game, mas obrigada por participar, o vencedor ja foi anunciado .
ResponderExcluirBeijos.
http://blog-sweetimagination.blogspot.com.br/
Que bom que gostou!
ExcluirQuando eu coloco esse código em qualquer html meu, o menu também fica com o efeito dos marcadores :X , Como resolver?
ResponderExcluirNo meu não deu certo :c
ResponderExcluir