gadget de bienvenida

(Link para ver el efecto)

Vale, para tenerlo, solo basta con ir a >> Gadgets >> Html/Javascript y colocar el siguiente código.

<style>
 @import url(http://fonts.googleapis.com/css?family=Lobster+Two);
 .imgmenu{ /**parte em que os textos aparecem quando o mouse passar**/
 background:rgba(255, 255, 255, 0.99);
 color: #FD6D8C;
 text-shadow: 1px 1px #fff;
 text-align: center;
 font-size: 28px;
 line-height: 1em;
 font-family:'Lobster Two', cursive;
 font-weight: normal;
 width:460px;
 height:300px;
 margin-top: -348px;
 padding-left:0.5px;
 padding-right:0.5px;
 padding-bottom:0.5px;
 padding-top:5px;
 opacity:.1;
 -webkit-transition:all .5s ease-in-out; }
 .imgmenu:hover{opacity:.7}
 .img-menu {/**personaliza a imagem**/
 -webkit-transition-duration:2.5s;
 border-top: 5px solid #BEF7CA;
 border-left: 2px solid #BEF7CA;
 border-bottom: 5px solid #BEF7CA;
 border-right: 2px solid #BEF7CA;
 }
 .img-menu:hover{/**imagem em hover**/
 opacity:0.8;
 -webkit-transition-duration:2.5s;
 }
 a.themenu{
 font-family:'Lobster Two', cursive;
 background: #DCFFF1;
 color: #A7E9CC;
 text-shadow: 0 1px 1px #fff;
 font-size:20px;
 padding:5px;
 text-align:center;
 text-decoration:none;
 width:100px;
 display:inline-block;
 -webkit-transition: 2.0s;
 -moz-transition: 2.0s;
 -moz-box-shadow:inset 200px 0px 0px #CDFFF1;
 -webkit-box-shadow:inset 200px 0px 0px #CDFFF1;
 box-shadow:inset 200px 0px 0px #CDFFF1;
 outline-offset: -5px;
 outline: 1px dashed #CDFFF1;
 border: 1px solid;
 }
 a.themenu:hover{
 color: #A7F6D5;
 -webkit-transition: 2.0s;
 -moz-transition: 2.0s;
 padding-left : 5px;
 -moz-box-shadow:inset -200px 0px -200px -0.5px rgba(255, 255, 255, 0.51);
 -webkit-box-shadow:inset -200px 0px -200px -0.5px rgba(255, 255, 255, 0.51);
 box-shadow:inset -200px 0px 0px -0.5px rgba(255, 255, 255, 0.51);
 outline-offset: -5px;
 outline: 1px dashed #A7F6D9;
 border: 1px solid;
 }
 </style>
 <center>
 <img class='img-menu' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4_934Pwp0So-U9SamMG9I19nIH970BznPLPzBYwq1qUU0CY66RozgOi3oTZHXimLJCwoiQbQJsCP-2PybxPP_5v8SJ3_9mT1IKhnSTcnI5aGJZ77hV_bxsxJ8q5UMSKJJS-EhZ-wfmEE/s460/ttb.png'/>

   <div class='imgmenu'>

 ¡Hola! Son bienvenidos a mi hermoso y sensualon blog ♥ Compartiremos muchos tutoriales y recursos para el tuyo
No olvides seguir al blog! ayudara mucho tu colaboración y ¿Quién sabe? Tal vez te guste...</div></center>
 <center>
 <a class='themenu' href="https://Mikawaiiblogcute.blogspot.com">Home</a>
 <a class='themenu' href="https://Mikawaiiblogcute.blogspot.com">About</a>
 <a class='themenu' href="https://Mikawaiiblogcute.blogspot.com">F.A.Q</a>
 <a class='themenu' href="http://reinokawaii.blogspot.com">Credits</a>
 </center>

¿Hermoso no lo creen? Pero este increíble Gadget no lo he creado yo... Le doy todo los créditos a: x ♥ Por fabulosos efectos ^^

Gadget Programación TV

Para ver TV, una ventana a la programación TV en tu web. Cada día tus visitantes y tú podréis acceder desde tus blogs o páginas webs a la programación de las principales cadenas de televisión en España. Los partidos de fútbol, las series TV, las películas... Copia y pega el código allí donde quieras que aparezca la información de los programas de las televisiones: Televisión española, La dos, Antena 3 televisión, La Cuatro y La Sexta, Telecinco. La televisión, sus canales más cerca de la audiencia.
Cuadrado

Grande





Programación TV del Día
código:

<table width="175" border="0" cellspacing="0" cellpadding="0" align="center" height="116">
<tr>
<td width="33%">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-tve1.htm" target="_blank"><img alt="tve1" src="http://www.euroresidentes.com/calendario/tv/imagenes/tve1.jpg" width="50" height="50" border="0"></a></div>
</td>
<td width="33%">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-antena-3.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/antena3.png" width="50" height="50" border="0"></a></div>
</td>
<td width="33%">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-tele-5.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/tele-5.jpg" width="50" height="50" border="0"></a></div>
</td>
</tr>
<tr>
<td width="33%">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-la-dos.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/tve2.jpg" width="50" height="50" border="0"></a></div>
</td>
<td width="33%">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-cuatro.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/cuatro.png" width="50" height="50" border="0"></a></div>
</td>
<td width="33%">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-la-sexta.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/la-sexta.jpg" width="50" height="50" border="0"></a></div>
</td>
</tr>
<tr>
<td colspan="3" height="30">
<div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="http://pagina-del-dia.euroresidentes.es/programacion-tv/gadget-programacion-tv.htm" target="_blank" >Programación
TV del Día</a></font></div>
</td>
</tr>
</table>

Pequeño

Programación TV del Día

código:


<table width="120" border="0" cellspacing="0" cellpadding="0" align="center" height="100">
<tr>
<td width="33%">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-tve1.htm" target="_blank"><img alt="tve1" src="http://www.euroresidentes.com/calendario/tv/imagenes/tve1x.png" width="30" height="30" border="0"></a></div>
</td>
<td width="33%">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-antena-3.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/antena3x.png" width="30" height="30" border="0"></a></div>
</td>
<td width="33%">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-tele-5.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/telecincox.png" width="30" height="30" border="0"></a></div>
</td>
</tr>
<tr>
<td width="33%">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-la-dos.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/tve2x.png" width="30" height="30" border="0"></a></div>
</td>
<td width="33%">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-cuatro.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/cuatrox.png" width="30" height="30" border="0"></a></div>
</td>
<td width="33%">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-la-sexta.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/sextax.png" width="30" height="30" border="0"></a></div>
</td>
</tr>
<tr>
<td colspan="3" height="30">
<div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="http://pagina-del-dia.euroresidentes.es/programacion-tv/gadget-programacion-tv.htm" target="_blank" >Programación TV del Día</a></font></div>
</td>
</tr>
</table>

Vertical

Grande






Programación TV del Día

código:


<table width="133" border="0" cellspacing="0" cellpadding="0" align="center" height="116">
<tr>
<td width="50%">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-tve1.htm" target="_blank"><img alt="tve1" src="http://www.euroresidentes.com/calendario/tv/imagenes/tve1.jpg" width="50" height="50" border="0"></a></div>
</td>
<td width="50%">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-cuatro.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/cuatro.png" width="50" height="50" border="0"></a></div>
</td>
</tr>
<tr>
<td width="50%">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-la-dos.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/tve2.jpg" width="50" height="50" border="0"></a></div>
</td>
<td width="50%">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-tele-5.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/tele-5.jpg" width="50" height="50" border="0"></a></div>
</td>
</tr>
<tr>
<td width="50%">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-antena-3.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/antena3.png" width="50" height="50" border="0"></a></div>
</td>
<td width="50%">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-la-sexta.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/la-sexta.jpg" width="50" height="50" border="0"></a></div>
</td>
</tr>
<tr>
<td colspan="2" height="30">
<div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="http://pagina-del-dia.euroresidentes.es/programacion-tv/gadget-programacion-tv.htm" target="_blank" >Programación TV del Día</a></font></div>
</td>
</tr>
</table>

Pequeño







Programación TV del Día

código:

<table width="100" border="0" cellspacing="0" cellpadding="0" align="center" height="120">
<tr>
<td width="50%">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-tve1.htm" target="_blank"><img alt="tve1" src="http://www.euroresidentes.com/calendario/tv/imagenes/tve1x.png" width="30" height="30" border="0"></a></div>
</td>
<td width="50%">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-cuatro.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/cuatrox.png" width="30" height="30" border="0"></a></div>
</td>
</tr>
<tr>
<td width="50%">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-la-dos.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/tve2x.png" width="30" height="30" border="0"></a></div>
</td>
<td width="50%">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-tele-5.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/telecincox.png" width="30" height="30" border="0"></a></div>
</td>
</tr>
<tr>
<td width="50%">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-antena-3.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/antena3x.png" width="30" height="30" border="0"></a></div>
</td>
<td width="50%">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-la-sexta.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/sextax.png" width="30" height="30" border="0"></a></div>
</td>
</tr>
<tr>
<td colspan="2" height="30">
<div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="http://pagina-del-dia.euroresidentes.es/programacion-tv/gadget-programacion-tv.htm" target="_blank" >Programación TV del Día</a></font></div>
</td>
</tr>
</table>

Horizontal

Grande



Programación TV del Día
código:

<table border="0" cellspacing="0" cellpadding="0" align="center" width="300" height="70">
<tr>
<td width="16" height="30">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-tve1.htm" target="_blank"><img alt="tve1" src="http://www.euroresidentes.com/calendario/tv/imagenes/tve1.jpg" width="50" height="50" border="0"></a></div>
</td>
<td width="16" height="30">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-la-dos.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/tve2.jpg" width="50" height="50" border="0"></a></div>
</td>
<td width="16" height="30">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-antena-3.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/antena3.png" width="50" height="50" border="0"></a></div>
</td>
<td width="16" height="30">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-cuatro.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/cuatro.png" width="50" height="50" border="0"></a></div>
</td>
<td width="16" height="30">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-tele-5.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/tele-5.jpg" width="50" height="50" border="0"></a></div>
</td>
<td width="16" height="30">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-la-sexta.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/la-sexta.jpg" width="50" height="50" border="0"></a></div>
</td>
</tr>
<tr>
<td colspan="6" height="2">
<div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="http://pagina-del-dia.euroresidentes.es/programacion-tv/gadget-programacion-tv.htm" target="_blank" >Programación TV del Día</a></font></div>
</td>
</tr>
</table>

Pequeño



Programación TV del Día
código:
<table border="0" cellspacing="0" cellpadding="0" align="center" width="220" height="45">
<tr>
<td width="16%" height="30">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-tve1.htm" target="_blank"><img alt="tve1" src="http://www.euroresidentes.com/calendario/tv/imagenes/tve1x.png" width="30" height="30" border="0"></a></div>
</td>
<td width="16%" height="30">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-la-dos.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/tve2x.png" width="30" height="30" border="0"></a></div>
</td>
<td width="16%" height="30">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-antena-3.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/antena3x.png" width="30" height="30" border="0"></a></div>
</td>
<td width="16%" height="30">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-cuatro.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/cuatrox.png" width="30" height="30" border="0"></a></div>
</td>
<td width="16%" height="30">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-tele-5.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/telecincox.png" width="30" height="30" border="0"></a></div>
</td>
<td width="16%" height="30">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-la-sexta.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/sextax.png" width="30" height="30" border="0"></a></div>
</td>
</tr>
<tr>
<td colspan="6" height="2">
<div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="http://pagina-del-dia.euroresidentes.es/programacion-tv/gadget-programacion-tv.htm" target="_blank" >Programación TV del Día</a></font></div>
</td>
</tr>
</table>

Versiones para el sidebar de Blogger

Grande










Programación TV del Día
código:

<table width="163" border="0" cellspacing="0" cellpadding="0" height="116" align="center">
<tr>
<td width="30"> </td>
<td width="33%">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-tve1.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/tve1.jpg" width="50" height="50" border="0"></a></div>
</td>
<td width="33%">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-cuatro.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/cuatro.png" width="50" height="50" border="0"></a></div>
</td>
</tr>
<tr>
<td width="30"> </td>
<td>
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-la-dos.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/tve2.jpg" width="50" height="50" border="0"></a></div>
</td>
<td>
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-tele-5.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/tele-5.jpg" width="50" height="50" border="0"></a></div>
</td>
</tr>
<tr>
<td width="30"> </td>
<td>
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-antena-3.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/antena3.png" width="50" height="50" border="0"></a></div>
</td>
<td>
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-la-sexta.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/la-sexta.jpg" width="50" height="50" border="0"></a></div>
</td>
</tr>
<tr>
<td width="30"> </td>
<td colspan="2" height="30">
<div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="http://pagina-del-dia.euroresidentes.es/programacion-tv/gadget-programacion-tv.htm" target="_blank" >Programación TV del Día</a></font></div>
</td>
</tr>
</table>

Pequeño










Programación TV del Día

código:
<table width="130" border="0" cellspacing="0" cellpadding="0" align="center" height="120">
<tr>
<td width="30"> </td>
<td width="40%">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-tve1.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/tve1x.png" width="30" height="30" border="0"></a></div>
</td>
<td width="40%">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-cuatro.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/cuatrox.png" width="30" height="30" border="0"></a></div>
</td>
</tr>
<tr>
<td width="30"> </td>
<td width="40%">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-la-dos.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/tve2x.png" width="30" height="30" border="0"></a></div>
</td>
<td width="40%">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-tele-5.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/telecincox.png" width="30" height="30" border="0"></a></div>
</td>
</tr>
<tr>
<td width="30"> </td>
<td width="40%">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-antena-3.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/antena3x.png" width="30" height="30" border="0"></a></div>
</td>
<td width="40%">
<div align="center"><a href="http://www.euroresidentes.com/calendario/tv/programacion-la-sexta.htm" target="_blank"><img src="http://www.euroresidentes.com/calendario/tv/imagenes/sextax.png" width="30" height="30" border="0"></a></div>
</td>
</tr>
<tr>
<td width="30"> </td>
<td colspan="2" height="30">
<div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="http://pagina-del-dia.euroresidentes.es/programacion-tv/gadget-programacion-tv.htm" target="_blank" >Programación TV del Día</a></font></div>
</td>
</tr>
</table>