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

Poner caja de comentarios en plantilla clasica

Aparecera con un icono ,ya no con el avatar de la persona que comenta ,es muy lindo  Para tenerlo siga los siguientes pasos.

Para continuar haga clic en "seguir leyendo"

Pegar el siguiente codigo antes de </style>

.comment-timestamp {
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#FCC3CE;
}

.deleted-comment {
font-style:italic;
color:gray;
}

#comments {
margin:5;
border-width:0 1px 1px;
padding:20px 0 15px 0;
}
.comment-icon blogger-comment-icon{display:none}
#comments-block {
margin:2px ;
}

.comment-data {
background:url("Url del icono") no-repeat;10px .3em
margin-top:5px !important;background-size:20px;
padding:0 0 0 20px;
color:#FCA2A2;/*Color de la palabra "ha dicho" */
}

span.comment-icon{display:none}

.comment-poster {
font-weight:bold;
}

.comment-body {
margin:0px;
}

.comment-body p {
background:#FFFFFF;/*Color de fondo de cajita de texto*/
border:3px solid #FCEBED;/*Color de borde*/
margin:0em;
padding:5px;
color:#808080;/*Color de la letra*/
}

Aora bucamos </Blogger> que aparecera 2 veces ,tienes que pegar el siguiente codigo antes de </Blogger> en las dos vececes que aparece.

<itempage>
  <div id="comments" style="margin-top:5px;">
 <blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:470px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:url(Url del fondo); box-shadow:0  0 3px #ddd;">
      <$CommentPager$>
      <blogitemcomments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
<$I18NCommentAuthorSaid$></dt>
<dd class="comment-body">
        <p>
<$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
      </dd>
   </BlogItemComments>
    <$CommentPager$>
    </dl>
</div>
<p class="comment-timestamp">
<$BlogItemCreate$>
    </p>
</div>
</ItemPage>

Para personalisarlo cambian todo lo que esta de colores por lo que indica .
Ejemplo:
#FCA2A2;/*Color de la palabra "ha dicho" */
Tiene ayudadita al lado n.n¡
Bueno solo hay un un color que no puse que es ,es este:
#fff:Color de borde la caja de comentarios

Notita:Ve a configuracion->entradas y comentarios->Ubicacion de los comentarios

Tienes que poner "Debajo de la entrada"

/**Creditos Lunany-kawaii**/ 

Personaliza comentarios(plantilla clasica)

Si lo quieres tener sigas los siguiente:

Primero vamos a:

HABILITAR LOS COMENTARIOS 

Vamos a Plantilla,con Ctrl+F buscas <$BlogItemBody$>

y abajito colocas el siguiente código

<!-- Begin #comments -->
 <ItemPage>
  <div id="comments">
 <BlogItemCommentsEnabled><a name="comments"></a>
        <h5><$I18NNumComments$>:</h5>
        <dl id="comments-block">
          <$CommentPager$>
      <BlogItemComments>
      <dt class="comment-poster" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
        <$I18NCommentAuthorSaid$>
      </dt>
<table><tr><td valign="top" >
<div id="icon" >
<script type="text/javascript">
<!-- hide
numquotes = 4;
var quotes = new Array(numquotes);
quotes[0]="<img src=URL DE TU ICON>";
quotes[1]="<img src=URL DE TU ICON1>";
quotes[2]="<img src=URL DE TU ICON2>";
quotes[3]="<img src=URL DE TU ICON3>";
var rand = Math.floor(Math.random()*numquotes);
document.write(quotes[rand]);
// --></script>
</div>
</td><td valign="top" style="width: 100%;">
<div id="block">
      <dd class="comment-body">
        <p><$BlogCommentBody$></p>
      </dd>
</div>
</td></tr></table>
      <dd class="comment-timestamp"><a href="<$BlogCommentPermalinkURL$>" title="comment permalink"><$BlogCommentDateTime$></a>
   <$BlogCommentDeleteIcon$>
   </dd><br><br>
      </BlogItemComments>
      <$CommentPager$>
    </dl>
<p class="comment-timestamp">
    <$BlogItemCreate$>
    </p>
  <p class="comment-timestamp">
 <a href="<$BlogURL$>">... Back to the blog?</a>
    </p>
    </div>
</ItemPage>
  <!-- End #comments -->

Aora solo cambias "URL DE TU ICON" , por los iconos que quieras,
Notita: Los numeros indican que puedes variar de iconos

-Para aumentar mas iconos para que varien 
solo coloca debajo de  quotes[3]="<img src=URL DE TU ICON3>";
este codigo:

quotes[4]="<img src=URL DE TU ICON3>";

Debes seguir la seguencia de los numeros en este caso luego del 3 el 4
Tambien debes de cambiar el numero principal si agregas mas iconos

numquotes = 4;

Aora con Ctrl+F, buscas </style> y colocas el siguiente codigo antes de </style>

/* caja de color */
#block {
background: #fff url(Url de tu fondo);
padding: 10px;
border: 2px dashed #FFE4E4;/*Color de los bordes de la caja */
border-radius: 20px 7px 20px 7px}
/* Titulo "No hay comentarios/nro Cometarios" */
h5 {
font-family: 'Baskerville Old Face', cursive;
font-size: 25px;
color:#FFBCBC;/*Color de la letra*/
text-align:center;
background: #FFE4E4 url(Url de tu fondo);
border: 1px solid #F8D0FF;/*Color de los bordes del titulo*/
border-radius: 7px
}
/* Titulo "Publicar un comentario en la entrada" */
h4 {
font-size: 16px;
font-family: 'Century Gothic', cursive;
color:#FF9CA0;/*Color de la letra*/
text-align:center;
border-bottom: 1px dashed #F8D0FF;
margin-bottom: -10px;
}
.comment-poster {
color: transparent;
font-size: 10px;
}
/* Nombre de quien comenta */
.comment-poster a{
color:  #FF9CA0;/*Color de la letra*/
font-family: 'Baskerville Old Face', cursive;
font-size: 19px;/*Tamaño de la letra*/
}
.comment-icon, .blogger-comment-icon {
opacity: 0;
width: 0px;
}
/* Caja de color */
.comment-body {
color:  #C6C6C6;/*Color de la letra*/
font-size: 10px;
background: #fff url(Url del fondo);
padding: 7px;
border: 2px dashed #FFD2D3;/*Color del borde*/
margin: 0px;
}
/* Fecha */
.comment-timestamp a{
background:url(Url del fondo);
margin-top:9px;
border-radius:10px
color: #FFFFFF;/*Color de la letra*/
float: right;
}
#comment-editor {
height: 220px;
}
#icon img{
border: 1px solid #F2D5FF; /* BORDE DEL ICON  */
width: 50px;
border-radius: 100%;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;}
#icon img:hover {
transform: rotate(360deg) ;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;
}
#icon {
border: 1px dashed #F2D5FF; /* BORDE DEL CONTORNO */
background: #fff url(Url del fondo) left center; /* FONDO DEL ICON */
width: 55px;
padding: 5px;
border-radius: 100% 0 100% 100%;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
#icon:hover {
background: #fff url(Url del fondo) left top; /* FONDO DEL ICON HOVER */
}

Y ustedes lo cambian los colores y fondos a su gusto 

/**Creditos Lunany-kawaii**/ 

Personalizar comentarios # 2

Para los que les gustan aqui el codigo

Deberan ir a plantilla./Edicion de HTML/Presionan Ctrl+F/y ponen ]]></b:skin>

Al encontrarlo ,pegan el siquiente codigo antes de ]]></b:skin>

/**======================================================================

AREA GENERAL DE COMENTARIO

========================================================================**/

@font-face {font-family:'Vibur';src:local('Vibur'), url('http://themes.googleusercontent.com/static/fonts/vibur/v4/e2dR39U2ZC6nUGtJrQCN9Q.woff') format('woff')}

.comments{
width:99% !important;       /* TAMAÑO DE LA CAJA COMENTARIO*/
margin:0 auto;
font-style:normal !important;
font-size:12px !important; /* TAMAÑO DE TEXTO  */
font-family:verdana !important; /* FONT DE TEXTO  */
background:#FCD6DF  !important/* COLOR DE  FONDO */;
color:#FCD6DF;
border-radius:10px;
}

/**=======================================================================

COMENTARIOS (1 comentario, 2 comentários...)

========================================================================**/

.comments h3,.comments h4{
width:98%;
padding:7px;
margin-bottom:10px;
color:#ff1499;             /* COLOR DE  TEXTO*/
font-family:'Vibur' !important;/* FONT-FAMILY  */
font-size:33px !important;       /* TAMAÑO DE TEXTO  */
}

/** ==================================================================

COSAS DE COMENTARIOS (engloba: botones, avatar, data, icono ...)

====================================================================**/

.comments .comment-block {
position:static !important;  /* AVATAR */
background:transparent !important;         /* COLOR DE FONDO */
margin-left:23px;
padding:0 0 0 30px;
border-top:5px #ff1490 solid
}

.comments .comments-content .comment {
padding:20px 10px !important;
margin-bottom:15px !important
}

/* estilos para comentario de autor */
.comments .comments-content .user a,.comments .comments-content .user{
font-style:normal;
border:0;
color:#fff !important;
text-shadow:0 1px #999;
font-family:'Vibur';
font-size:20px;
background:#ff1490;
padding:4px 36px;
margin-left:-8px;
border-bottom-right-radius:10px;margin-top:-2px
}

/* estilo da data */

.comments .comments-content .datetime a{
background:none !important;
font:bold 11px courier new;
float:right;
font-size:9px;
color:#aaa;
border:0 !important
}
/* estilo do avatar */

.avatar-image-container {position:absolute !important;
min-width:60px;
min-height:60px;
border:5px #ff1490 solid;
border-radius:60px;
padding:0 !important;
box-shadow:0 0 3px #ff1490;
margin-left:-9px !important;
margin-top:0 !important;
background:#fff;
overflow:hidden
}

.avatar-image-container img {
margin:0;
display:block;
max-height:60px;
min-height:60px;
max-width:60px;
min-width:60px;
padding:0 !important;
border-radius:60px;
border:0 !important;
overflow:hidden

}

/** ==================================================================

TEXTO DE COMENTÁRIO

====================================================================**/

.comments p{
font-size:12px !important;
font-family:courier new !important;
text-shadow:0 0 !important;
padding-left:20px !important;
color:#eee !important
}

/** ==================================================================

BOTON - RESPONDER

====================================================================**/

/* boton responder de segundo nível */

.comments .continue a {
background:#fff !important;
color:#777 !important;
float:right;
padding:2px 4px!important;
height:23px;line-height:23px !important;
margin-top:-45px !important;
text-shadow:0 0 !important
}

/* boton responder de primer nível */

.comments .comment .comment-actions a,.comments .continue a {
font-size:11px !important;
color:#fff;
padding:3px 6px;
border:0 !important;
line-height:30px;
margin:5px;
margin-left:10px;
font-family:helvetica;
text-shadow: 0 1px #999;
border-radius: .5em;
background: #ff1490;
font-weight:800;
box-shadow:inset 0 1px 2px #666
}

/* boton hover*/

.comments .comment .comment-actions a:hover,.comments .comments-content .user a:hover {
text-decoration:none !important;
padding-bottom:4px
}

/* estilos para respuestas */
.comments .comment-thread.inline-thread {
background-color:transparent !important;
padding:0.5em 1em;
border-radius:5px;
border:1px #ddd dashed !important
}

.comments .comments-content .comment-replies {
margin-top:1em;
margin-left:56px !important
}

.comments .continue {
border-top:0 !important
}

.comments .thread-toggle,.icon.blog-author  {display:none !important}

/** ==================================================================
BONUS - estilos para formato de texto comments

====================================================================**/

.comments .comments-content a{background:#999 url(http://lh3.ggpht.com/_NZJzdRm10Y0/TTSFb1rPnWI/AAAAAAAAAFM/1kbIuCoul8A/s800/th_minisetas.gif)no-repeat left;color:#000;padding-left:15px;font-weight:400}

.comments .comments-content em{font:normal 12px 'segoe script';color:#fff}

.comments .comments-content b{font:bold 11px 'arial';color:#999;text-shadow:0 0}

.comments .comments-content strong {margin:10px 0;border:1px #fff solid;background:url(http://2.bp.blogspot.com/-rRFTCvBi0A4/TwXcVciZO0I/AAAAAAAAWzM/K2dXpNdjcaw/s1600/code.jpg);overflow:auto;width:98%;position:relative;border-radius:10px;box-shadow:0 0 5px rgb(199,198,166);color:#FCD6DF;display:block;padding:5px 12px;text-shadow:0 1px #fff;line-heigth:18px;font-size:12px}

/** ==================================================================

Si no les gusta el color,solo cambienlo ,tiene a su ladito para que sepan que es ,por ejemplo si quieren cambiar el color de fondo esta asi :
background:#FCD6DF  !important/* COLOR DE  FONDO */;



/**Creditos Lunany-kawaii **/ 

Personalizar comentarios

Van a plantilla /Edicion de HTML/Expandir plantillas de artilugios

Y ponen Ctrl+F y ponen ]]></b:skin>

ponen atras de ]]></b:skin> el siguiente codigo

.comment-content{
background:#FFE2E2;
padding:13px;
border-radius:30px;
color:#666;}

h4{
background:#F9D7FF;
text-align:center;
color:#FDBADB;
text-shadow:2px 2px 3px #888;
font:30px ttn !important;}


@font-face{
font-family:ttn;
src:url(http://static.tumblr.com/dep4vzc/82Km8jmz4/tutano_cc_v2.ttf);
}

.comment-block{background:#FEF3F3;
padding:10px;
border-radius:30px;
border:3px dashed #FEE8E8}

.avatar-image-container{background:#FFE2E2;padding:5px;border-radius:50%;}


.avatar-image-container img{
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
border-radius:50%;}

.avatar-image-container img:hover{
border-radius:50%;
transform: rotate(360deg) ;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;}


.datetime{
background:#fff;
padding:8px;
float:right;
border-radius:30px;
font:10px arial;
margin-top:10px;}

.secondary-text{
padding:8px;
background:#fff;
border-radius:30px;
float:right;
border:2px solid #FEE8E8;
}

 listo , lo guardan y lo cambian ustedes los colores a su gusto ¡

/**Creditos Lunany-kawaii
**/