[TUTORIALES] Menu Status{5}

Hola Mis pollitos~! Y otra vez lo hice me desapareci, uno o dos meses(realmente no me acuerdo) Pero vine a actualizar, y quizás a pasar por algunos blogs(quiero visitarlos). Bueno algo sobre mi, por fin me gradué de mi grado asociado en diseño gráfico, estoy muy feliz por eso. Pero el 21 de agosto comienzo un nuevo año académico, mi bachillerato(hasta ahora son dos años más). Así que tengo que hecharle ganas. Bueno hoy les traigo el ultimo tutorial de status. Así que empecemos: 

[ Ver preview "AQUI" ]

 *Ya que blogger cambió su plataforma, las instrucciones serán diferentes*

1.Primero vamos a TEMA y luego a Editar HTML

2. Buscas ctrl+f y colocas ]]></b:skin>

3. Arriba coloca este codigo

@font-face { font-family: 'PF Arma Five';
src: url('http://static.tumblr.com/xf6erfz/sUBm594pm/pf_arma_five.ttf'); src: format('truetype');}
.agenda02 {
margin: 1px;
background: #ffedf2; /* fundinho */
font-family: PF Arma Five; /* fonte */
font-size: 8px;
color: #8c8c8c; /* cor da fonte */
padding-left: 2px;
border: 1px solid #ff7ea5; /* cor da bordinha  */
-webkit-transition-duration: 1s;
text-shadow: 0px 1px 0px #fff;
border-radius: 3px;
box-shadow:inset 1px 1px 0 0 #fff;
max-width: 158px;
}
.agenda02:hover {
background: #f7f7f7; /* cor do fundinho em hover */
margin-left: 7px; /* não modifique */
border-bottom: 1px dotted #ff7ea5; /* cor da bordinha */
cursor: default;
-webkit-transition-duration: .2s; /* não modifique */
}

2. Abrimos un gadget nuevo:

<div class="agenda02">
<b>00/00</b>vacio</div>
<div class="agenda02">
<b>00/00</b>vacio</div>
<div class="agenda02">
<b>00/00</b>vacio</div>

Bueno eso seria todo, si tienen alguna duda me la pueden dejar saber. Tambien queria decirles que como blogger a cambiado algunas cosas, pues puede ser diferente el efecto.

Eso seria todo. 

Att: Park Byunpum(dayi)