♦ Tutorial ~ Marcadores Personalizados


Hey Rilakkumas
  Então meus ursinhos já estão de férias? Ou ficaram de recuperação por passar tempo demais no blog ou tumblr? Meu azar é muito grande, pois minhas aulas só iram terminar em Março TT^TT, até lá vou me dedicar ainda mais (para falar a verdade eu já estou passado em todas as matérias, menos Física). E também estou morrendo de vontade de começar um projeto pessoal que criei deste 2007 mas não tenho inspiração suficiente *é um mangá*.

 O tutorial de hoje é super simples, prático e útil, ensinarei como editar os marcadores igual o do nosso layout antigo, que era divido em duas colunas e mudava de cor quando passava o mouse, aqui uma imagem.
Então vamos ao tutorial.

No seu painel vá em
Layout >> Adicionar um Gadget >> HTML/JavaScript
e cole esse código debaixo.

<style>
#Label1 ul li{
float: left;
width: 49%;
}
.widget ul, .widget #ArchiveList ul.flat {
padding: 0;
list-style: none;
}
.widget ul li, .widget #ArchiveList ul.flat li {
padding: .35em 0;
text-indent: 0;
border-bottom: dotted 1px #eee; /* cor e estilo da borda */
text-align: center;
}
.widget ul li:hover {
background: #E282FF /* cor do fundo ao passar o mouse */
}
</style>
As únicas coisas que podem ser editadas já estão explicadas, la no menu EXTRA você vai achar uma tabela de cores.
Até a próxima.

12 comentários:

  1. os marcadores ficam muito kawaii com esse efeito, eu acho que eu vou usar :3
    sereifelizz.blogspot.com.br

    ResponderExcluir
  2. Eee tutorial muito bom byel-kun u.u(apreciando a grandeza das pessoas que fazem tutoriais)eu queria pedir um tutorial de com colocar gifs no cabeçalho vocês sabem?pq eu vi um blog usando e achei muito legal queria aprender
    se souberem ficarei muito agradecida
    sayonara!^^

    ResponderExcluir
  3. Este comentário foi removido pelo autor.

    ResponderExcluir
  4. Muito legal o tuto!!!
    Sou muitoooooo fã do seu blog,sabia que ia gostar desde ue Lara-senpai mim mostrou seu blog é muito perfeitinho!:3
    Já estou seguindo
    meninooestranho.blogspot.com

    ResponderExcluir
  5. Oooiee! tudo bem?? Achei bem interessante o tutorial! quero usar! Eestou seguindo seu blog! Se puder, siga o meu :)

    http://pequena-julieta.blogspot.com.br/
    Beijos, tô te esperando :)

    ResponderExcluir
  6. O meu esta ficando em uma coluna só ;/
    -> Magia Teen

    ResponderExcluir
  7. não consegui colocar isso no blogger não apareceu os marcadores

    ResponderExcluir
  8. Amei o tuto deu super certo obrgada.

    ResponderExcluir
  9. Muito obrigado foi o único que funcionou.

    ResponderExcluir