Menu Destaque

Oiie , tudo bem? Depois de séculos sem postar, vou tentar voltar minha vidinha de nerd blogueira .. Gostaram do novo layout? Não? Foda-se eu gostei :)

 Hoje eu trouxe um tutorial que já tinham me pedido, o menu igual o meu antigo, eu achei ele no Kawaii World

Vocês vão lá no HTML e procure por ]]></b:skin> e acima dessa tag cole:

.destaque  {
float: right;
margin-right: -10px; 
margin-top: -5px; 
background: url('http://i1234.photobucket.com/albums/ff411/SweetLG/218.png'); 
background-repeat: no-repeat!important;
width: 64px; 
height: 25px;}

.boxdestaque:hover .destaque {
background-position: -0px -25px;}

.boxdestaque {
text-align: left; 
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px;
margin-right: 7px;
background: #eeecec; 
padding: 5px; 
margin-bottom: 7px; }

.boxdestaque:hover {
background: #f6dce5; 
text-shadow: 1px  1px 1px #fff;}

.boxdestaque .title {
color: #ff71a3; 
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;}

Clique aqui para ver a explicação 

Agora você cria um novo gadget HTML/Javascrit e cole:

<div class="boxdestaque">
<span class="title">Título da postagem
<a class="destaque" href="LINK DO POST"></a>
</span>
</div>