Apresentação + Menu Destaque

~Hii~

Prazer ! Meu nome é Ana Carolina, mas aqui no blog vocês podem me chamar de Kyary ou de Kya. Sou a nova postadora do blog e posto quartas e sábados  Vou dar preferencias para tutoriais mas também vou postar outras coisas. Posto também no blog Girl Untamed. 

Sempre que precisarem de algo estou a disposição. Estou acostumada a fazer mais de um post por dia, mas em algumas quartas e sábados não tenho tanto tempo. Vou me esforçar ao máximo para ser uma postadora boa ao nível do Adolescentes do Oposto. Querem saber mais sobre mim? Vai ai um resuminho:

Sou uma pessoa até que divertida carinhosa e companheira, mas também chata, teimosa e insuportável  Amo, blogger, HTML, amigos, família  The Vampire Diaries, vampiros, lobisomens, fadas, duendes. Passo a maior parte do tempo dentro de livros, num mundo que é só meu e de mais ninguém.

Vamos ao tutorial? Exemplo do menu. CLICA. Nível: Difícil.

Vá em Modelo - Editar HTML - prosseguir e procure por ]]></b:skin> logo acima cole esse código:

.destaque  {
float: right;
margin-right: -20px;
margin-top: -5px;
background: url('http://static.tumblr.com/tx5g7yp/nFYmaau44/bot__o.png');
background-repeat: no-repeat!important;
width: 64px;
height: 25px;}
.boxdestaque:hover .destaque {
background-position: -0px -25px;}
.boxdestaque {
text-align: left;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin-right: 7px;
background: #fff;
padding: 5px;
margin-bottom: 7px; }
.boxdestaque:hover {
background: #;
text-shadow: 1px  1px 1px #fff;}
.boxdestaque .title {
color: #999;
font-size: 11px;
font-weight:none;
font-family: Georgia;
font-style: italic;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;}
.boxdestaque:hover .title{
color: #7797a7;
padding-left: 15px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;}

Esse menu tem o mesmo efeito do menu rollover. No codigo já vem com um tipo de botão, mas se quiser mudar o botão e fazer outro, é só mudar o tamanho, que pra quem não sabe, é isso:

width: 64px;
height: 25px;

Tudo que está em negrito no código, você pode alterar. Faz todas as alterações  que precisam e salva. A maioria das pessoas coloca esse menu na barra de lateral, mas se quiser colocar em outro lugar também pode. Aqui eu vou ensinar como colocar na barra de lateral, mas o código também serve para colocar em outro lugares.

Adicione um novo gadget(HTML/JavaScript) e cole o código abaixo:

<div class="boxdestaque">
<span class="title">Descrição do link
<a class="destaque" href="URL"></a>
</span>
</div>
<div class="boxdestaque">
<span class="title">Descrição do link
<a class="destaque" href="URL"></a>
</span>
</div>
<div class="boxdestaque">
<span class="title">Descrição do link
<a class="destaque" href="URL"></a>
</span>
</div>

Créditos  pelos códigos aqui

Tutorial por mim! E USAR CREDITE!

Coloque quantas vezes você precisar e salve. Qualquer erro ou dúvida comente aqui ok? Espero que tenham gostado mesmo. Grandinho esse primeiro post né? Beijos