29.1.14

Estatus para tu blog -Tutorial-

12 comentarios :
kawaii
Hola queridisimo lector, espero te encuentres bien. En el dia de hoy vengo con el tutorial de mi status, que me lo ha pedido de Maria por email. Primero dejare una version basica y obviamente la que tengo yo.

Bueno deberas copiar el codigo y pegarlo en un gadget,
Diseño >> Agregar un gadget >> Html/ JavaScript

Simple
status

Si deseas cambiar las imagenes reemplaza lo de color lila

<style>.stats {border-bottom: 1px dotted #000;width: 180px;}</style><div class="stats"><img src="http://i.imgur.com/UncG5me.png"/><script style="text/javascript">function numberOfPosts(json){ document.write('Entradas: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');}</script><script src="http://NOMBRE.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=numberOfPosts"></script></div><div class="stats"><img src="http://i.imgur.com/e8sFNZM.png"/><script style="text/javascript">function numberOfComments(json) {document.write('Comentários: <i>' + json.feed.openSearch$totalResults.$t + '</i><br>');}</script><script src="http://NOMBRE.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></div><div class="stats"><img src="http://i.imgur.com/b5PRLpk.gif"/><script language="JavaScript" type="text/javascript" src="http://www.usuariosonline.org/es.php?domain=http://lovelysweetgirl.blogspot.com" charset="ISO-8859-1"></script> usuários online</div>

Ahora deberas ir a esta pagina y obtener el codigo del contador online.


Rellena nombre, email y web luego selecciona la primer opcion {en la imagen remarcado en rosa}y da presiona el boron "crear contador de..."

contador
Ahora copia solo lo resaltado en rosa. y remplazalo por lo de color naranja
contador online



Completo con efecto hover
status blog
En este codigo solo debes reemplazar lo de color Lila y lo de color rojo

<style>
  .heart {display : block; font-size: 8pt; font-family: tahoma, Lucida Sans Unicode; line-height: 15px; border-bottom : 1px dashed #EBE2CF; text-indent : 5px; vertical-align : middle; background:
url('http://i.imgur.com/Ef3MoWn.png') no-repeat left; padding-left : 10px;
padding-bottom : 1px;}
.heart:hover {display : block; font-size: 8pt; font-family: tahoma, Lucida Sans Unicode; line-height: 15px; border-bottom : 1px dashed #EBE2CF; text-indent : 5px; vertical-align : middle; background : url('http://i.imgur.com/EuNwlNl.gif') no-repeat left; padding-left : 10px; padding-bottom : 1px;}
  </style>
<div class="heart">Estado: <font color=#89dcea><b>Activo</b></font></div>
<div class="heart">Admin: <b>Katty</b></div>
<div class="heart"><script style="text/javascript">function numberOfComments(json) {
document.write('Comentarios: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}</script><script src="http://nombre.blogspot.com.ar/feeds/comments/default?alt=json-in-script&amp;callback=numberOfComments"></script></div>
<div class="heart"><script style="text/javascript">
function numberOfPosts(json)
{
document.write('Entradas: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}</script><script src="http://nombre.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=numberOfPosts"></script></div>
<div class="heart">Visitantes online: <b><script type="text/javascript" src="http://fastonlineusers.com/on3.php?d=nombre.blogspot.com.ar"></script></b></div>
<div class="heart">No total de: <b><script src="http://fastwebcounter.com/secure.php?s=nombre.blogspot.com"></script></b> visitantes.</div>
<div class="heart"><script>
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 getCookieVal (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();
exp.setTime (exp.getTime() - 1);
var cval = GetCookie (name);
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
var expDays = 30;
var exp = new Date();
exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
function amt(){
var count = GetCookie('count')
if(count == null) {
SetCookie('count','1')
return 1
}
else {
var newcount = parseInt(count) + 1;
DeleteCookie('count')
SetCookie('count',newcount,exp)
return count
}
}
function getCookieVal(offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
</script>
<script>
document.write("Has estado aqui <b>" + amt() + "</b> veces. ")
</script></div>
<div class="heart">Design by: <b>LSG</b></div>


El numero de visitantes comienza a contar a partir de que colocas el codigo en tu blog 

Bueno eso a sido todo el tutorial si te quedo alguna duda contactame por mis redes sociales que estan aqui abajo o por correodelsg@gmail.com
besos y que tengas un excelente dia ~muak~




anime girl
Escrita por: ℓσvєly

12 comentarios :

  1. gracias por el tuto!! *0* esta genial :D lo usaré para mi próxima edición del blog :)
    saluditos! ^^

    ResponderEliminar
  2. ME ENCANTO *--* ~Es precioso~ Lo voy a usar :) me encanto de verás, me gusto demasiado, lo voy a tener en practica <3 Un beso grandote Lovely! *3*

    ResponderEliminar
    Respuestas
    1. me alegra un monton que te guste :)
      saludos

      Eliminar
  3. LO ADORE^3^Estoy prepara remo.asi que de seguro lo pensare^^
    saludos~

    ResponderEliminar
  4. es hermoso!! lo usaré en mi proximo diseño ^^

    ResponderEliminar
  5. Estan todos super kawaii!Los usare en cuanto pueda!

    ResponderEliminar
    Respuestas
    1. que bueno que te gustaron ^-^
      saludos

      Eliminar
  6. Muy buen tuto y que hermoso blog me hice tu seguidora :D Bye!

    ResponderEliminar
    Respuestas
    1. me pone muy contenta que te guste el blog y que lo hayas seguido,gracias *3*

      Eliminar

Todo comentario es importante para el blog.
Pero por favor no escribas

✘INSULTOS