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.

---