mundo kawaii: enero 2015

Super taaaaarde pero sin sueño xD!!! gracias a todos por toda su atencion y comentarios :)!!

tuto pedido por:

copia el codigo siguiente y pegalo en un gadget html/javascript!!!

<div id="kawaii2">
<div style="text-align: left;"><font face="arial" size="1" color="#DF0101"><b>TEXTO 1 TITULO</b></font></div>
<font face="arial" size="1" color="#000000"> como pueden ver se acercan <font face="arial" size="1" color="#088A29">TEXTO 2 SUBTITULOS</div>
<div id="kawaiitab"><font face="arial" size="2" color="#000000">TEXTO 3</font> <img src="URL/DIRECCION IMAGEN DE TU PREFERENCIA" /></div></div>

Aqui ejemplo:

Despues copia este codigo y pegalo antes de ]]></b:skin> ;)!! das guardar y listo!!

#kawaii2 {
border-right-style:dashed;
border-bottom-style:dashed;
border-left-style:dashed;
border-width:1px;
border-color:#8258FA;
padding: 5px 0 5px 0;
background-image: url("http://i1221.photobucket.com/albums/dd461/kawaii_annyz/70.gif");
width:210px;
height:100px;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
z-index: 9999;
}
#kawaiitab {
border-top-style:none;
border-right-style:dashed;
border-bottom-style:dashed;
border-left-style:dashed;
border-width:1px;
border-color:#8258FA;
text-align: center;
height:11px;
padding: 2px 0 8px 0;
background:#fff;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
width: 128px;
}

cualquier duda, pregunta.. etc... con gusto te respondo :)!! besos y lindo dia !!

hOla mis blogueras!!! ya tengo un ratin que no actualizo seguido espero no se me desesperen ok?? ya es inicio de semana y no nos queda de otra mas que echarle muchas ganas :D!!! shalala ~~~hoy traigo tu nuevo ^-^ es un tuto super sencillito y muyy kawaii como siempre jajaj xD!!

1 2 3 empezemoos!! xD

En este tuto lo que haremos sera poner un status en tu blog!! se diran...yo ya tengo uno!!! bueno el mio ees un poco diferente, pues le puse una imagen y un efecto kawaii!! si si yo siempre haciendo las cosas mas ñoñas del mundo vdd?? jajajjaja es que no me puedo resistiiirrr no no nooo~~~siempre trato de que se vea algo lindo xD!! y aqui vamos!!

Tambien puedes usar este codigo para poner algo diferente, por ejemplo en vez de un Status, puedes poner solo un mensaje con alguna imagen, el codigo de un chat, ammm algun credito etc etc..!!

Vista previa clic en la imagen

Para ponerlo en tu blog, tienes que copiar este codigo y pegarlo en un Gadget html/javascript :

Recuerda remplazar donde dice URL/DIRECCION DE TU BLOG por tu direccion oki?

♥Copia el codigo♥

<div id="love"> <div id="heart"> <div style="line-height: 15px; text-align: left; color:#000; "> <br /> <center> ESTATUS BLOG</center> <center> <img src="http://i1221.photobucket.com/albums/dd461/kawaii_annyz/shine.png" /></center> <style> .star { font-size: 12px; border-bottom:1px dashed #FFC0CB;width: 200px;} </style>


<div class="star"> <img src="http://media.tumblr.com/tumblr_lkl5o6P0ei1qfamg6.gif" /> <script src="http://fastwebcounter.com/secure.php?s=URL/DIRECCION DE TU BLOG "></script> Visitas</div> 


<div class="star"> <img src="http://media.tumblr.com/tumblr_ll7x5voSea1qi6qow.gif"/> <script type="text/javascript" src="http://fastonlineusers.com/on3.php?d=URL/DIRECCION DE TU BLOG"></script> BunnIes online </div> 


<div class="star"> <img src=" http://media.tumblr.com/tumblr_lkl69eFaL41qfamg6.png"/><script style="text/javascript"> function numberOfPosts(json) { document.write('Posts: <i>' + json.feed.openSearch$totalResults.$t + '</i><br>'); }</script> <script src="URL/DIRECCION DE TU BLOG/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script></div> 


<div class="star"> <img src="http://i11.photobucket.com/albums/a168/evelynregly/minigifs/dialogo_heart.gif"/><script style="text/javascript">function numberOfComments(json) { document.write('Comentários: <i>' + json.feed.openSearch$totalResults.$t + '</i><br>'); }</script> <script src="URL/DIRECCION DE TU BLOG/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></div> 


<div class="star"> <img src="http://media.tumblr.com/tumblr_lkl63jV9ME1qfamg6.gif"/><script language="JavaScript" type="text/javascript"></script> Desde:AQUI TU FECHA DE INICIO DEL BLOG</div> 


<div class="star"> <img src="http://media.tumblr.com/tumblr_lkl647v8OI1qfamg6.gif" /> Meta ????? seguidores </div> 


<div class="star"> <img src="http://media.tumblr.com/tumblr_lkl76fB0f41qfamg6.png" /> Haz visitado mi blog: <script language=javascript> function getCookieSlsv (offset) { var endstr = document.cookie.indexOf (";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr)); } function GetCookie (name) { var arg = name + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while (i < clen) { var j = i + alen; if (document.cookie.substring(i, j) == arg) return getCookieSlsv (j); i = document.cookie.indexOf(" ", i) + 1; if (i == 0) break; } return null; } function SetCookie (name, value) { var argv = SetCookie.arguments; var argc = SetCookie.arguments.length; var expires = (argc > 2) ? argv[2] : null; var path = (argc > 3) ? argv[3] : null; var domain = (argc > 4) ? argv[4] : null; var secure = (argc > 5) ? argv[5] : false; document.cookie = name + "=" + escape (value) + ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + ((path == null) ? "" : ("; path=" + path)) + ((domain == null) ? "" : ("; domain=" + domain)) + ((secure == true) ? "; secure" : ""); } function DeleteCookie(name) { var exp = new Date(); FixCookieDate (exp); // Correct for Mac bug exp.setTime (exp.getTime() - 1); // This cookie is history var cval = GetCookie (name); if (cval != null) document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString(); } var expdate = new Date(); var num_visits; expdate.setTime(expdate.getTime() + (365*24*60*60*1000)); if (!(num_visits = GetCookie("num_visits"))) num_visits = 0; num_visits++; SetCookie("num_visits",num_visits,expdate); document.writeln("<font face=verdana color=#68838B>"+num_visits+"</font>"); </script> Veces
</div> 
<div align="center"> <a href="URL DE TU FACEBOOK" target="_blank"><img alt="Sígueme en Facebook" src="http://i1221.photobucket.com/albums/dd461/kawaii_annyz/iconfeis-1.png" /></a> <a href="URL DE TU TWITTER" target="_blank"><img alt="Sígueme en Twitter" src="http://i1221.photobucket.com/albums/dd461/kawaii_annyz/icontwitter-1.png" /></a> <a href="URL DE INSTAGRAM" target="_blank"><img alt="Sígueme en instagram" src="http://i1221.photobucket.com/albums/dd461/kawaii_annyz/iconistamg-1.png" /></a>
<a href="URL DE TU GOOGLE *" target="_blank"><img alt="Sígueme en google+" src=" http://i1221.photobucket.com/albums/dd461/kawaii_annyz/icongooble.png" /></a></div> </div> </div> </div>

Das guardar y sigues con el siguiente paso que es ir a Plantilla

Editar Plantilla y pegar el siguiente codigo antes de ]]></b:skin> ..!!

♥Copia el codigo♥
#love{ background: url('http://i1221.photobucket.com/albums/dd461/kawaii_annyz/tumblr_n5s7yvf40t1rkjfh2o1_500.png')no-repeat center center; width:200px; height:220px; border-radius:10px; box-shadow:inset 0 0px 0px #CCE7FF; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out; padding:5px; border:2px solid #FFE8E8; } #love:hover{ box-shadow:inset 250px 0px 1px #E8F5FF,inset -250px 0px 1px #CCE7FF;}
#heart { background:url(http://i.imgur.com/tDtge.png); font-size:10px;width:200px;height:220px;opacity:0.00;-webkit-transition:1300ms;border-radius:10px;} #heart:hover { opacity:0.95;-webkit-transition:1200ms; }

Das GUARDAR!! y listo :)!!

Aqui como notita pongo que usualmente se da primero vista previa, para visualizar el blog y ver si quedo bien el codigo... pero muchas veces ~~el efecto no se ve~~, por lo mismo que esta en previa...!!! yo siempre guardo y ya si no quedo, pues, solo quito los codigos que pegue en ese momento y yap.!! como ustedes lo manejen ya seria su decision oki?

Aqui les pongo algunos minigifs que pueden usar para ponerlos en sus status :)!!