Annyz-BlOg : Haz tu propio Relojito(s) + Codigo
para COPIAR los codigos usa la tecla Ctrl + C y para PEGAR usa la tecla Ctrl + V gracias :) El Blog Se visualiza mejor con Google Chrome..

20 abril 2014

Haz tu propio Relojito(s) + Codigo

Hola blogueras :D hoy les traigo un tuto algo entretenido xD y se trata de como pueden hacer ustedes mismas su propio relojito, eligiendo alguna imagen de su preferencia o editando una imagen como yo hice abajo para que quedara como a mi me gusta.

Ciao





okei les ha pasado buscan un reloj para su blog y bueno no encuentran mucha variedad y los que se encuentran no son de nuestros gustos verdd? Bueno aqui se los simplifico con un codigo javascript bastante simple que modifique para que se pudiera poner una imagen y se pudiera cambiar el tipo de fuente, color y tamano del reloj, asi quedando mas al gusto de una misma. Nada de extensiones .html ni .swf

Aqui el codigo solo tienes que ponerlo en la pestana DISENO y abrir un GADGET HTML/JAVASCRIPT:

<center>
<style type="text/css">
body {background-color:#ffffff;
font-family : "Tahoma";
color : #8B3626;
font-size : 12px;
margin-top:0px;
margin-left:0px;
}
</style>
<img alt="Ciao" border="0" src="http://i1221.photobucket.com/albums/dd461/kawaii_annyz/cute-relojito--21.gif" height="120" width="140" />
<div id="Annyz" style="color: #fda2b2; font-family: verdana; font-size: 15px; height: 19px; left: 220px; position: absolute; text-align: center; top: 88px; width: 82px; z-index: 1;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<script language="JavaScript">
function tS(){ x=new Date(); x.setTime(x.getTime()); return x; }
function lZ(x){ return (x>9)?x:'0'+x; }
function tH(x){ if(x==0){ x=24; } return (x>24)?x-=24:x; }
function dT(){ if(fr==0){ fr=1; document.write('<span id="tP">'+eval(oT)+'<\/b><\/span>'); } tP.innerText=eval(oT); setTimeout('dT()',1000); }
var fr=0,oT="lZ(tH(tS().getHours()))+':'+lZ(tS().getMinutes())+':'+lZ(tS().getSeconds())";</script>
<script language="JavaScript">dT();</script></div>
</center>


Como modificar para que quede el reloj como yo quiero? bueno es bastante simple, aqui te mostrare lo que tienes que cambiar o como cambiarlo para que quede a tu manera.

Rosado: Es para poner la imagen o gif que tu desees.

Azul: Height/width: Es la altura y ancho de la imagen. ejemplo


Lo subrayado: es el color, fuente y tamano del reloj (osea los numeritos xD)

Left: Al poner el script en la imagen quiza el valor (los numeritos del reloj) esten fuera de la imagen.. el left significa "izquierda" asi que tendras que acomodar el valor hasta que te quede en el lugar que quieres que esten tus numeritos. ejemplo:


Top: aqui podras modificar los valores, el top significa que el valor se sube o baja y lo tendras que modificar para que quede centrado.ejemplo


espero no haberlas enredado y me hayan entendido, de lo contrario  dejen su duda o coment y con gusto les respondo :)!!

Aqui algunos botoncitos e imagenes editadas por mi okii.. que porque algunas tienen mi nombre??  algunos los hice y otro tuve que editarlos en photoshop para que quedaran limpios y con espacio para poner ahi su relojito :)! tomen el que mas les guste :D!!

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito32.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito24.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito31.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito33.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito30.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito28.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito27.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito25.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito26.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito21.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito23.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito22.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito20.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito19.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito16.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito17.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito15.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito18.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito14.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito7-1.png

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito13.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito12.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito11-1.png


http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito6-1.png

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito11.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito10-1.png

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito10.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito5-1.png

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito9-1.png

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito9.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito8-1.png

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito4-1.png

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito8.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito2-1.png

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito3-1.png

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito7.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito6.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito1-1.png

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito5.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito4.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito1.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito2.gif

http://i1221.photobucket.com/albums/dd461/kawaii_annyz/relojes/relojito3.gif

y ahora a hacer tus propios relojitos !!!! saludos y espero sus comentarios :D!!

27 comentarios:

  1. Que placer verte otra vez Annyz amo tu blog y el otro el antiguo,los sigo a los dos :3
    Te aseguro que me llevo algo para alguno de mis blogs.Todo está muy lindooo!!! <3 <3 <3

    Me visitas,sería un honor...
    http://diaryofarockerheart.blogspot.com/ *MODA EN UN LINK*
    http://librosydreamsideal.blogspot.com/ *ENTRE VOCES LIBRES*
    Si te gusta,no dudes en suscribirte :# Un abrazo Annyz,no te vuelvas a ir por mucho tiempo,que muero lentamente :(

    ResponderEliminar
  2. owo nose si habra salido mi comentario ,por que justo cuando puse publicar se me fue el internet :c
    Pero bueno gracias por los relojes *-* las amoo n.n

    ResponderEliminar
  3. Oww annyz gracias por el tuto*w* ♥
    Lo pondré en practica :') Gracias enserio ☻

    ResponderEliminar
  4. Gracias por el tuto, en un rato lo hago! :)

    ResponderEliminar
  5. Muy lindos, Annyz!

    ¿Visitas mi blog? http://sabor-del-cafe.blogspot.com.ar/

    ResponderEliminar
  6. Que exelente blog, te sigo y me gusto tu entrada pero ni en pedo hago relojitos porque no me van a salir jajajaj xd

    Te cuidas♥ estare por este blog o.O viendo que cosa me es util

    ResponderEliminar
  7. Annyz son hermosos *-* HA me preguntaba si podrías hacer una entrada de plantillas kawaii para blogger,digo algo así como rositas y todo eso bueno HA y si quieres entra a mi blog es www.alukozakura.blogspot.com bueno besos desde Argentina :3

    ResponderEliminar
  8. ¡Gracias por la entrada! :'3

    Saludos.

    ResponderEliminar
  9. Wow Annyz están súper lindooooos!!!!!!
    Me encantaron especialmente los de Cinamoroll son super cutes ^3^!
    Muchas gracias por el tuto princesa *o*
    Besitos kawaiis~

    ResponderEliminar
  10. Gracias por el tuto Annyz! ^^
    Es muy bueno y una monada :3
    Beijinhos♥

    ResponderEliminar
  11. Muy bueno, muchisimas gracias Annyz :)

    ResponderEliminar
  12. Hola♥ Tienes un premio en mi blog!
    http://kiapolish.blogspot.com.ar/2014/04/premio-n1.html

    ResponderEliminar
  13. Ohh todos estan hermosos y no se ve muy diicil de editar con tu tutorial :)
    muchas gracias lo pondre en practica :3

    ResponderEliminar
  14. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
  15. Buenas tardes, me gustó mucho el reloj de Cinnamoroll, muchas gracias por compartir estas cositas tan kawaii, te invito a visitar mi tienda virtual:

    https://www.kichink.com/stores/lunalunerakawaii

    Saludos n.n

    ResponderEliminar
  16. me encanta tu blog! te sigo desde hace mucho ya >.< te pasarias por el mio? n.n lo he creado hace poco y a si me dices que te parece n.n http://mycutelifeee.blogspot.de/

    ResponderEliminar
    Respuestas
    1. claro Carla :D muchas gracias por pasarte !! saludos

      Eliminar
  17. Hola!:)
    Copeo el codigo en mi blog & no sale:c Solo el codigo.
    Me puedes ayudar?
    Gracias♥

    ResponderEliminar
    Respuestas
    1. mm no te sale el codigo dentro de la imagen???? es que no entendi xD

      Eliminar
  18. holaaa plis ayuda , hago lo que describes pero me sale solo la imagen y no los numeros del reloj :( ayuda porfaaaa

    ResponderEliminar
    Respuestas
    1. Hola Fiorela :) como comente arriba los numeros suelen estar muy abajo o muuyy arriba jaja es que es un javascrip y los numeros tienes que acomodarselos.. si sigues con problemas no dudes en volverme a comentar y haber como lo arreglamos.. saludos :)!

      Eliminar
  19. Hola Anyzz soy gran admiradora tuya, no cualquier persona tiene la paciencia para hacer tutoriales tan geniales y entendibles como los tuyos, te felicito y espero que sigas asi. También te quería pedir un enorme favor, no se porque las imágenes que pongo en la cabecera de mi blog se ponen opacas , cualquier imagen que coloque le sucede lo mismo me podrías ayudar por favor estoy desilusionada me de que me pasen muchas cosas cada vez que personalizo mi blog :(

    ResponderEliminar
  20. Hola me encanta este tema desde cuando estaba buscando un reloj así y te quedaron excelentes solo que tengo una duda se le puede cambiar la hora en vez de 24 a 12...?? aquí mi blog saludos....
    http://sweetbearpixels.blogspot.com/

    ResponderEliminar
  21. Hola escribí un mensaje pero no veo que haya salido decía que estaba buscando uno tema así y me encantaron como te quedaron muchas gracias solo tengo una duda en vez de la hora en 24 se puede poner en 12..?? a qui te dejo mi blog saludos!♥

    http://sweetbearpixels.blogspot.com/

    ResponderEliminar