2 Tutoriais: "Menu Simples com Gif" & "Autor nos Comentários + Imagens para Autores" ♥

Hello, my princess~ ♥

Então pessoinhas do meu coração, antes de irmos aos tutoriais, que inclusive um deles, foi a pedido da minha onee-chan, eu fico muito feliz quando vocês pedem coisas pra mim, pelo o Ask! Então Peça *-* Voltando ao assunto, ontem foi muito bom! fui a praia do Apuador com o meu love, nós nos divertimos bastante, depois vinhemos aqui pra casa, ficamos conversando e brincando, haha~ ele até levantou a minha alta estima, que estava super baixa ontem, estava achando meu cabelo tão feio e eu tão sem graça, sem sal.. mais depois eu comecei a me reparar mais no espelho, gosto do meu corpo, acho ele lindo.. meu rostinho de boneca, haha~ >w<" meu cabelo liso, todo desfiada {cortei ele com navalha, mais está grande u.u}, minha pele clara, branquinha como a neve... em fim {ninguém quer saber da minha vida, foda - se ela ("¬_¬)}. Eu nem iria postar hoje, pois as minhas provas começam amanhã, eu não estudei nada, com certeza irei me ferrar lecaal no 1° Bimestre ;.; Estava me arrumando também, voltei com o meu estilo rockeira, comecei a escutar tanto The Pretty Reckless que comecei a sentir falta do meu antigo estilo, ai voltei a escutar Evanescence, que não é bem um rock pesado..mais... eu gosto '-' Ai, estou escutando agora "Halestorm". E daqui a pouco vou pra casa do meu namorado, estou linda.. coloquei uma meia calça preta de rendas, um short jeans curto, uma blusa do Mickey preta que cortei na gola, uma botinha preta, minha luva preta, uma make {que eu achei linda}, uma coleirinha no pescoço com um colar de Soco Inglês *-* Bom, eu acho que depois de tanto me olhar no espero e levantar a minha alta estima, devo abusar da minha sensualidade e meu charme hoje, pois sou linda, gostosa, perfeita e maravilhosa! perfeita, porque Deus me fez assim, e o que eu tenho de melhor, vou mostrar.. OK, vamos aos tutoriais e.e 

{Gente, ignorem o meu momento de "Como uma Deusa..♪" '-'}

Menu Simples com Gif

1. Vá até editar HTML e procure pela tag ]]></b:skin> e acima dela, cole:

@font-face {font-family: "handy"; src: url('http://static.tumblr.com/lnvca6d/E6vm63ih7/pf_ronda_seven__1_.ttf');}.fantastic {display : block;font-size: 8px;font-family: handy;text-transform: uppercase;line-height: 16px;margin-top: 2px;border-bottom : 1px solid #ebeaea;  border-right : 1px solid #f1f1f1; border-left : 1px solid #f1f1f1;text-indent : 5px; vertical-align : middle;  background:  no-repeat left #f3f3f3; padding-left : 6px;padding-bottom : 2px;}.fantastic:hover {display : block; background: url('http://media.tumblr.com/tumblr_m0ohnsdlwO1qfjy56.gif') no-repeat left #f9f9f9;}

Todos os códigos já são bem conhecidos. Naquela url ali é o link do seu gif, sendo o ícone verde, pode mudar para um coração ou o que preferir! Os códigos de cores #f1f1f1 referem-se a borda e #f3f3f3 refere-se ao fundo. O resto vocês sabem sozinhos, mas não recomendo que mudem,  assim está ótimo!

2. Em um gadget de HTML/JavaScript, cole o seguinte:

<div class="fantastic"> seu texto </div>

Para fica igual ao meu, da página de Tutoriais e Goodies, em vez de colocar o código no "HTML/JavaScript" coloque no "HTML" da "Página" do blog ;3

 

Autor nos Comentários

Vá em Modelo > Editar HTML > Aperte Ctrl+F Ou F3 e procure por :

Comments.Comments-content .icon.blog-author

Logo abaixo desta tag você vai ter um código enorme, apague tudo! Veja mais ou menos o código que você terá de apagar: 

.comments .comments-content .icon.blog-author {  background-repeat: no-repeat;  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==); 

Como eu disse, apague tudo que está acima. Substitua pelo seguinte código:

.comments .comments-content .icon.blog-author{position:absolute;top: -2px;right: 160px;margin:0;background-image: url(LINK DA SUA IMAGEM);width:32px;height:36px}

Crédito: Little - World 

 Imagens para Autor

Créditos: kawaii world 

Bom, Rilakkumas.. já deu na minha hora >w<

Até Quinta *-*

Biju Biju ;*