Elite afiliados com expansão + Menu Deslizante

Depois de algum tempo sem postar nada, volto com alguns tutoriais para personalizar seu blog. Confira
Elite Afiliados com expansão

Vá em Layout  Adicionar Gadgets  HTML/Javascripts  Cole este código:

Código aqui

Substitua as partes em negrito com o que se pede.. e logo abaixo de tudo, você coloca este código:

Código aqui 

Onde está escrito "Imagem de mais" você deve substituir pelo link da imagem que você quer que ao clicar abaixo apareça o que conteúdo desejado. Já no Conteúdo ocultado você deve colocar as informações do que você quer que apareça ao clicar na imagem de mais!

Menu Deslizante
Aos que não sabem como é que ficará, veja a imagem logo abaixo:

  Vá em Design  Editar HTML  Expandir Modelo de Widgets  Ctrl + F  Procure por:
]]></b:skin>
Logo acima cole este código:

Clique aqui para visualizar o código

Copie o código que está logo acima {Ele é longo, por isto tive que colocar em uma caixinha de texto} Agora procure pela tag:
</head>
Cole este código logo acima:

Clique aqui para visualizar o código

 Agora para acabar tudinho, procure por:
<header>
Cole este código acima:
<ul id='navigation'>
 <li class='home'><a href='URL-AQUI'><span>Home</span></a></li>
 <li class='sobre'><a href='URL-AQUI'><span>Sobre</span></a></li>
 <li class='contato'><a href='URL-AQUI'><span>Contato</span></a></li>
 <li class='feedrss'><a href='URL-AQUI'><span>Feed</span></a></li>
 <li class='imagens'><a href='URL-AQUI'><span>Imagens</span></a></li>
</ul>

  Entendendo um pouquinho mais: No primeiro código tem alguns itens assim acompanhado de http://___.png, elas são as imagens que quando você passa o mouse, o menu desce e aparece ela..vocês podem mudar (OBS: coloque imagens não tão grandes, e nem tão pequenas, porque se não fica estranho), já no segundo código não mude nada. Passando para o terceiro, ele é a parte que aparece, você tem que colocar os dados corretamente, apenas as partes em negrito você deve/pode mudar com o que se pede..


::Créditos: Candy RockMundo Blogger / eJhonas.com

Nenhum comentário:

Postar um comentário

Deixe seu comentário