29.1.14
Estatus para tu blog -Tutorial-
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
Si deseas cambiar las imagenes reemplaza lo de color lila
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..."
Ahora copia solo lo resaltado en rosa. y remplazalo por lo de color naranja
Completo con efecto hover
En este codigo solo debes reemplazar lo de color Lila y lo de color rojo
.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&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&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~
Entrada escrita por Lovely
“Muchas veces dejamos ir pequeñas cosas sin saber lo grandes que son.”
Suscribirse a:
Enviar comentarios
(
Atom
)
gracias por el tuto!! *0* esta genial :D lo usaré para mi próxima edición del blog :)
ResponderEliminarsaluditos! ^^
de nada :)
EliminarME 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*
ResponderEliminarme alegra un monton que te guste :)
Eliminarsaludos
LO ADORE^3^Estoy prepara remo.asi que de seguro lo pensare^^
ResponderEliminarsaludos~
ok :)
Eliminarsaludos
es hermoso!! lo usaré en mi proximo diseño ^^
ResponderEliminargeniaaal :D
Eliminarsaludos
Estan todos super kawaii!Los usare en cuanto pueda!
ResponderEliminarque bueno que te gustaron ^-^
Eliminarsaludos
Muy buen tuto y que hermoso blog me hice tu seguidora :D Bye!
ResponderEliminarme pone muy contenta que te guste el blog y que lo hayas seguido,gracias *3*
Eliminar