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 ^^