[Tutorial]Pestaña Oculta con Texto Efecto Deslizante

Holaaquerididisimas blogger & queridisimos blogger que me visitáisya estoy de vuelta como ya me veis & con mucha energía& muchas sorpresas,bueno en realidad solo es una sorpresa& es que el 13 de septiempre es el cumple del bog!& para cuando llegue ese día tengo una idea para un concurso genialpero tendréis que esperar así que ahora adelante con el tuto

Antes de comenzar con el tutorial tenéis que tener el estilo del texto de los gadget como lo tengo yo, utilizando este tutorial

• Plantilla
• Edicion HTLM
• Ctrl+F & buscas ]]></b:skin> 

Pegas antes de ]]></b:skin> este code

#HTML15 h2 {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
padding: 5px;
width: 150px;
border-radius: 0 0 10px 10px;
left: -100px; top:100px;
position:absolute;
}
#HTML15 {
position: fixed;
top: 70px;
right: -220px;
width: 200px;
background: #fff; /* FONDO */
padding: 7px;
border-radius: 10px; /* BORDES REDONDEADOS */
opacity: 0.80;
border-left: 10px solid #b8ebea; /* BORDE DE LA CAJA*/
-webkit-transition: all .5s
}
#HTML15:hover {
right: 0px;
opacity: 1;
-webkit-transition: all .5s;
}

Esto es el codigo del gadget teneis que borrar lo que esta en violeta & cambiarlo por el codigo de tu gadget para buscarlo {pulsa ctrl+f y busca el nombre del gadget que quieras poner y al lado te saldrá su code}

Espero que os guste mucho este tutorial hoy voy a enviar la siguiente entrevista al afortunado o afortunada así que atentos a los mails :D un beso muy grande & hasta la próxima entrada byeeee <3