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.

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!!