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>
<!-- contador---------->
<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>
<!-- contador ------------>
<!-- usuários online---------->
<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>
<!-- usuários on line ------------>
<!-- Contador de posts---------->
<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>
<!-- Contador de posts------------->
<!-- Contador de comentarios---------->
<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>
<!-- Contador de comentarios------------->
<!-- tiempo del blog---------->
<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>
<!-- tiempo del blog------------->
<!-- meta de seguidores---------->
<div class="star">
<img src="http://media.tumblr.com/tumblr_lkl647v8OI1qfamg6.gif" /> Meta ????? seguidores
</div>
<!-- meta de seguidores---------->
<!-- Contador de tus visitas ---------->
<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>
<!-- Contador tus visitas---------->
<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 :)!!
No hay comentarios:
Publicar un comentario