20 de jan. de 2013

2 tutoriais: Menu com efeito hover + Como retirar Attribution do blog



Boa tarde, kawaii 's!!

Só fui postar agora à tarde, pois acordei 11:00 shaushauhsa'. Ontem estava em uma festa maraa da minha colega e só voltei 1 da manhã c:

Voltando ao assunto! Hoje trouxe dois tutoriais super simples e bastante úteis! Um é como fazer um menu com efeito hover que vi no blog Go Imagines e o outro de como retirar Attribution do blog vi no Diário Capricho



1º - Menu com efeito hover

Ficará assim:





Passe o mouse em cima de Home e Extras para ver o efeito!

Se quiser utilizá-lo, basta criar um gadget HTML/JavaScript com o código abaixo:

a href="link do seu blog"><img src="URL da imagem normal" onmouseout="this.src='Repita a URL da imagem normal';" onmouseover="this.src='URL da imagem no estado hover';" /></a>

Explicando:

link do seu blog > O link para onde o menu levará.
URL da imagem normal e Repita a URL da imagem normal > URL da Imagem.
URL da imagem no estado hover > URL da Imagem com efeito Hover.


Repita esse código acima ↑ para cada item do Menu.


Coloque entre um item e outro do menu, o código da barrinha divisória:

<img src="http://2.bp.blogspot.com/-aOZGojfwJEw/Tt0LzfPk6iI/AAAAAAAACfg/5vrGZumIpIE/s1600/barra.png" />

Imagens para o menu:



                                                                                                                                                                                       

                           

                   

                 

                         

               

                        

As palavras de preto são as normais e as de rosa, são com efeito hover. Para usá-las no código, copie o URL delas clicando sobre a que você quer usar com o botão direito!


2º - Como retirar Attribution do blog

Pra quem não sabe o que é:


Vá em seu HTML, tecle F3 e procure por Attribution.
Você vai achar o código do Attribution em:

locked='true'

E troque por:

locked='false'

Simples os dois tutos, não é?

Bye bye







4 comentários:

  1. amei o menu, é lindo, amei o tutorial!

    estou vendo que o Adolescente Nerd está ganhando na lateral :3

    Adolescente Nerd

    ResponderExcluir
    Respostas
    1. Também amei o menu, é bem fofo!! c:

      Pois é, não está ganhando e sim, já ganhou! As votações já estão encerradas!! Já já posto os prêmios! Parabéns, flor!!

      Excluir
  2. Já conhecia esses dois tutos há um tempo, e tenho certeza que eles são muito uteis principalmente para novos blogueiros. ;3


    http://forever-teens-89.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. São mesmo, os blogueiros novos precisam de tutos simples!! c:

      Excluir

Heey!! Se quiserem deixar o seu comentário, leia PLEASE aqui embaixo:

*Não xingue ninguém aqui! Seja educada(o)!
* Dúvidas, elogios e críticas são sempre bem-vindas!
* Leia toda a postagem, pois sempre faço com muito esforço e carinho pra vocês!
*Vou até o perfil de vocês para visitar e talvez até seguir o seu blog!

Obrigada por comentar!

Volte Sempre!