Tutorial:Meu Para Atualizações

OOi Bonequinhas!
Tudo bem com vocês? Eu to bem(:
Hoje quem fala é a Débora do Young World! (Fala não, Escreve né? shuahsuahu)
Estou Feliz hihi' (Ninguém Perguntou!)
Hoje Trouxe um Tutorial de como colocar o menu de atualizações que tem aqui no blog, sabe? .. Acho tão fofo, e dá um detalhe no blog! Vamos aprender?

Esse aqui é o menu!

Vá no seu HTML->Expandir Modelos de Widgets->De Cntrl+F ou F3 e procure por: ]></b:skin>  e acima cole o seguinte código:

.atub{
background: #eeeeee;  /*Cor do fundo, não altere! */ 
font-family: trebuchet ms;
font-size: 11px;
margin: 2px;
color: #000;
display: block;
-moz-box-shadow: inset 4px 0 0px 0 #Cor_Da_Barra_Pequena;
-webkit-box-shadow: inset 3px 0 0px 0 #Cor_Da_Barra_Pequena;
box-shadow: inset 3px 0 0px 0 #Cor_Da_Barra_Pequena;
padding: 3px 3px 3px 6px;
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;}
.atub:hover
{color: #fff;
-moz-box-shadow: inset 550px 0 0px 0 #Cor_Da_Barra_Grande;
-webkit-box-shadow: inset 550px 0 0px 0 #Cor_Da_Barra_Grande;
box-shadow: inset 550px 0 0px 0 #Cor_Da_Barra_Grande;
color: #000000;}

Mude oque pede de acordo com os códigos desta tabela, salve e vá em adicionar um gadget->HTML/JavaScript e cole o código:

<div class="atub">Sua Frase aqui</div> 

Visualize se estiver tudo certinho salve, pois eu sempre uso ele e dá certo =D

Créditos:Toddynho sem Canudo

Beijinhos

Espero que tenham gostado;

Post By: DéboraMachado