Menu destaque

Olá chocos! Tudo bem? Estava com saudades, dias que eu não posto nada né? Pois é, tô de férias e curtindo o máximo que posso e computador fica em segundo lugar! Quero desejar a vocês um ótimo ano novo e que cumpram as promessas tá? Eu fiz uma promessa para esse ano de 2013, mais eu também fiz a mesma a um ano atrás e não cumpri, mais com fé em Deus eu vou cumpri esse ano! A respeito do novo layout do blog eu amei! Foi o qual que eu mais gostei! Vim ver hoje, pois não tava entrando no pc! Está super lindo!

Enfim, hoje trago um tutorial de menu, o meno é o menu destaque! Para vê-lo clique aqui e vá até o nome do menu! E os créditos vai para KW

No seu html procure por ]]></b:skin> e acima cole o código abaixo

.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;}

Explicação do KW > aqui

Adicione um gadget html/java script e cole

<div class="boxdestaque">

<span class="title">Título da postagem

<a class="destaque" href="LINK DO POST"></a>

</span>

</div> 

Espero que tenham gostado! bj

Créditos de novo ao KW