17/2/13

Tutorial:Mensajito en la parte inferior derecha del blog



 mis blogueritas ahora les traigo otro tutorial mas,aunque este me lo habia pedido hace un tiempo una chica [no recuerdo quien] asi que mis disculpa para quien lo habia pedido...siguiendo con el tutorial lo que haremos es poner un mensajito en la esquina inferior derecha asi como lo tengo yo. 


 este tutorial sera muy facilito solo debemos hacer lo siguiente:



 
❤Como siempre para las chicas que usan blogskin deberan pegar el codigo antes de </head>
❤ Y para las que usan plantilla de diseñador deberan pegar el codigo en un gadget html/javascript  

y pegan el siguiente codigo:


<style>
#cornerplayer
{z-index:999;
background-color:#fff;
border:1px dashed #ccc;
width:50px;
height:50px;
border-radius:50px 0px 0px 0px;
-moz-border-radius:50px 0px 0px 0px;
position:fixed;
overflow:hidden;
bottom:0px;
right:0px;
-webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}
#cornericon
{margin-top:20px;
margin-bottom:20px;
margin-right:-12px;
-webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}
#cornerplayer:hover
{width:220px;
height:175px;
-moz-border-radius:0px;
border-radius:15px;
padding:10px;}
#cornerplayer:hover #cornericon
{margin-top:10px;
margin-right:0px;
margin-bottom:4px;}


</style>


<div id='cornerplayer'><center>
<div id='cornericon'><img src="url img"/></div>
</center>
<center>aqui tu mensajito</center>

<div class="separator" style="clear: both; text-align: right;"> by aqui tu nombre</div></div>    


<br /><br />

1°aqui la imagen que se va ver para cuando salga el mensajito 
2°aqui obvio...como dice arriba aqui tu mensajito xD
3°y aqui tu nombre o lo que quieras poner

y eso seria todo,como siempre muy facilito
no vemos en otra entradita
Atte.Tetsuki 

4 comentarios:

  1. Respuestas
    1. de nada y disculpa por no haberme acordado de que tu lo habias pedido sofi ^v^

      Eliminar
  2. Muy lindo tuto :3 y muy útil para poner un mensajito secreto X3

    ResponderEliminar
  3. me encantooo.. solo quisiera saber como le cambio el tamaño de la letra sin que tenga que cambiarselo a mi plantilaaa lo utilice aqui http://dulces-detalles4you.blogspot.mx/

    ResponderEliminar