Menu deslizante para Blogger

Menu deslizante para Blogger
Olá amigos Mult-focos, neste post vamos mostrar como adicionar um menu deslizante para Blogger.
É um menu surpreendente comum efeito deslizante super atraente, você pode visualizar o seu Demo clicando no botão abaixo.

 
DEMO
Agora se gostou, vamos ao passo-a-passo para adiciona-lo em seu blog.
 
I – Vá ao painel do Blogger->Modelo->Editar HTML->use Ctrl+F e localize esta tag </head>
II – Acima dela copie e cole o código abaixo
 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

 
 
III – Ainda na mesma janela usando Ctrl+F localize ]]></b:skin>
acima desta tag copieo código CSS do Box abaixo e cole acima de ]]></b:skin>
 
IV – Agora copie o código JS do Box abaixo vá a Layout->adicionar um gadget->HTML/javascript->na janela que abrir cole o código em conteúdo->salve.

V – Posicione o gadget onde queira que o menu fique localizado clique em salvar organização e seu menu estará em destaque em sua página. Isto é tudo.

OBS: O código JS terás que configurar antes, com suas URLs e ou mudar indicativos do menu.

Box com os códigos CSS e JS

See the Pen hrEcs by Mairink (@Oemes) on CodePen.


Postado por Mairink Oemes







0 comentários:

Postar um comentário

Todos comentários são lidos e moderados previamente.
São publicados apenas aqueles que respeitarem as regras abaixo:
-Ter relação com o assunto do post.
-Não conter propagandas de outro site ou blog.
-Não incluir links no conteúdo do comentário.
-Se quiser deixar sua URL, comente usando a opção OpenID;
Obrigado(a) por comentar!

free website hit counter