Menu de status

Olá galerinha,

Bom vou ensinar a vocês como fazer um menu para status.É mega fácil de se fazer, e sem falar que o menu é super fofo. Eu vi este tutorial no blog Portal Encantado,  então os créditos são todos para ele. Vamos ao tutorial?

Preview

Primeiro procure pela tag:

]]></b:skin>

                                                              Depois acima dela cole: 

/* wishlist */ .extras { background: #F5F5F5; text-shadow: 1px 1px 0px #FFF; color: #494949; padding: 3px; margin-bottom: 3px; border-left: 4px double #36b1b9; border-radius: 0px 4px 4px 0px; -o-border-radius: 0px 4px 4px 0px; -moz-border-radius: 0px 4px 4px 0px; -webkit-border-radius: 0px 4px 4px 0px;} .extras:hover { border-left: 4px solid #36b1b9 ;} .extras:hover aviso { background: #36b1b9 ; padding: 3px; color: #FFF; text-shadow: 1px 1px 0px #d0adcd; border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} /* wishlist */

Modifique como quiser, e clique em salvar. Feito isso vá em:

                       Layout >> Adicionar Gadget >> HTML/JavaScript >>

                                                                            E cole: 

<div class="extras"> Dona:<aviso>Vivian</aviso></div> <div class="extras"> Sigla:<aviso>FDG</aviso></div> <div class="extras"> Desde:<aviso>23 maio 2013/quinta-feira</aviso></div> <div class="extras"> Meta:<aviso>100</aviso></div>

Mude de acordo com o seu blog, e prontinho. Beijos espero que tenham gostado.