Menu para Créditos

|| ||
Oi gente!!! Se lembram que domingo eu disse que ontem ia começar as aulas pra mim, pois é, não começou e nem sabem quando vai começar. Os alunos foram para a escola chegando lá, estavam avisando que a escola ainda estava em reformas, pra ver como a vida dá patada.
Mas vou parar mais com esse assunto agora vou falar de mais um blog que ganhou o joguinho de divulgação que foi o blog Cute and Sweet é um blog novo que tem como dona a Ana Carolina que está sempre comentando e como ainda é novo tem apenas 33 seguidores e merece mais.


Agora vamos ao tutorial.
Bem esse tutorial é de um menu que a Lô criou e até foi usado no antigo layout do blog, vocês podem visualizá-lo clicando aqui. Ele é do último gadget.

Vai em Modelo>> Editar HTML>> Clique dentro da caixa de HTML e aperte Ctrl+F e procure por:
 ]]><:b:skin>
Acima dessa tag cole o seguinte código:

.menu{
width: 260px; margin: 2px 1px 2px 2px;}
.menu a, .menu span{
font-size: 13px; color:#fff;
text-shadow: 1px 1px 1px #FCB3BC;
background-color: #ccbeaf;
border: 1px solid #ad977f;
display: inline-block; padding: 4px 2px;
text-align: center;margin: 0 -1px 0 0;
width: 20px;
padding:5px;
height: 16px;
}
.menu p{margin: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; font-size: 13px;}
.menu a:hover p , .menu span:hover p{
background:#F5F5F5;
border: solid 1px #DCDCDC;
box-shadow: inset 0 0 6px #DCDCDC, 0px 1px 1px #DCDCDC;
text-align: center;
color:#CD3333;
transform: rotate(360deg) scale(1) skew(1deg) translate(0px);
-webkit-transform: rotate(360deg) scale(1) skew(1deg) translate(0px);
-moz-transform: rotate(360deg) scale(1) skew(1deg) translate(0px);
-o-transform: rotate(360deg) scale(1) skew(1deg) translate(0px);
-ms-transform: rotate(360deg) scale(1) skew(1deg) translate(0px);}

Modifique onde for necessário. Salve!
Depois vá em Layout>> Adicionar um gadget>> HTML/JavaScript e cole esse código:


<div class="menu">
<a href="URL"><p>♥</p></a>
<a href="URL"><p>♥</p></a>
<a href="URL"><p>♥</p></a>
<a href="URL"><p>♥</p></a>
<a href="URL"><p>♥</p></a>
<a href="URL"><p>♥</p></a>
</div>

Onde está escrito URL você irá colocar os links dos blogs que te ajudaram ou outros.
Depois de fazer o necessário, Salve!
Pronto!!!
Espero que gostem!
Se usar dê os créditos ao Sweet of Cherry e ao Things-to-help-you