Relogio com Data
Autor: Juliana Ribeiro | Publicado: 2009-10-19T19:14:00-07:00


Como criar reloginho com data
Copie a Imagem e edite a seu gosto no Photoshop ou onde preferir:
O Tamanho dela tem que ser 75 x 75 pixels .... 
Agora vamos para a borda:
 ela tem que estar com 87 pixels de Largura e 129 pixels de altura.
Depois de editar As hospede e copia o Link e coloca cada link no Lugar certinho do Código a baixo:
Bom galera em primeiro Lugar vc vai precisar do código:


&lt;html&gt; 
        &lt;head&gt; 
        &lt;center&gt;&lt;html&gt; 
        &lt;head&gt; 
        &lt;title&gt;dt001&lt;/title&gt; 
        &lt;center&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt; 
        &lt;style&gt; 
        
        body, td, th {
        COLOR: #484848; 
        FONT-SIZE: 11px;
        font-family: Trebuchet MS,verdana,arial}
        
        
        A{color:#484848;text-decoration:none; cursor: crosshair }
        A:link{color:#484848; text-decoration:none; font-weight:none; cursor: crosshair }
        A:visited{color:#484848;text-decoration:none;font-weight:none; font-weight:none; cursor: crosshair }
        A:hover{ text-decoration: none; cursor: crosshair; color:#7CA7CA; font-weight:bold; cursor: crosshair }
        
        font-size: 10px;
        font-weight: normal;
        text-decoration: none;
        font-family: Trebuchet MS,verdana,arial;}
        &lt;/style&gt; 
        &lt;script&gt; 
        document.write("&lt;FONT color='#000000' face='verdana, Arial, Helvetica, sans-serif' style='font-size : 10px; font-weight: bold;'&gt;");
        var clockid=new Array()
        var clockidoutside=new Array()
        var i_clock=-1
        var thistime= new Date()
        var hours=thistime.getHours()
        var minutes=thistime.getMinutes()
        var seconds=thistime.getSeconds()
        if (eval(hours) &lt;10) {hours="0"+hours}
        if (eval(minutes) &lt; 10) {minutes="0"+minutes}
        if (seconds &lt; 10) {seconds="0"+seconds}
        var thistime = hours+":"+minutes+":"+seconds
        
        function writeclock() {
        i_clock++
        if (document.all || document.getElementById || document.layers) {
        clockid[i_clock]="clock"+i_clock
        document.write("&lt;span id='"+clockid[i_clock]+"' style='position:relative'&gt;"+thistime+"&lt;/span&gt;")
        }
        }
        
        function clockon() {
        thistime= new Date()
        hours=thistime.getHours()
        minutes=thistime.getMinutes()
        seconds=thistime.getSeconds()
        if (eval(hours) &lt;10) {hours="0"+hours}
        if (eval(minutes) &lt; 10) {minutes="0"+minutes}
        if (seconds &lt; 10) {seconds="0"+seconds}
        thistime = hours+":"+minutes+":"+seconds
        
        if (document.all) {
        for (i=0;i&lt;=clockid.length-1;i++) {
        var thisclock=eval(clockid[i])
        thisclock.innerHTML=thistime
        }
        }
        
        if (document.getElementById) {
        for (i=0;i&lt;=clockid.length-1;i++) {
        document.getElementById(clockid[i]).innerHTML=thistime
        }
        }
        var timer=setTimeout("clockon()",1000)
        }
        window.onload=clockon
        &lt;/script&gt; 
        &lt;/head&gt; 
        
        &lt;body STYLE="background-color: transparent" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"&gt; 
        &lt;div id="Layer1" style="position:absolute; left:3; top:21; width:61; height:12; z-index:2"&gt; 
        &lt;table width="4%" border="0" cellspacing="0" cellpadding="0"&gt; 
        &lt;tr&gt; 
        &lt;td&gt;&lt;a href="http://jugifs.blogspot.com" target="_blank"&gt; 

        
        &lt;img src="ENDEREÇO DA IMAGEM" border="0" width="75" height="75"&gt;&lt;/a&gt;&lt;/td&gt; 
        &lt;/tr&gt; 
        &lt;/table&gt; 
        &lt;/div&gt; 
        &lt;div id="Layer2" style="position:absolute; left:0; top:0; width:61; height:12; z-index:2"&gt; 
        &lt;table width="4%" border="0" cellspacing="0" cellpadding="0"&gt; 
        &lt;tr&gt; 
        &lt;td&gt; 
        &lt;a href="http://jugifs.blogspot.com" target="_blank"&gt; 

        
        &lt;img src="ENDEREÇO DA BORDA" border="0" width="81" height="117"&gt;&lt;/a&gt;&lt;/td&gt; 
        &lt;/tr&gt; 
        &lt;/table&gt; 
        &lt;/div&gt; 
        &lt;div id="Layer3" style="position:absolute; left:5; top:4; width:61; height:12; z-index:2"&gt; 
        &lt;script&gt; 
        
        /*Current date script credit: 
        JavaScript Kit (www.javascriptkit.com)
        Over 200+ free scripts here!
        */
        
        var mydate=new Date()
        var year=mydate.getYear()
        if (year &lt; 1000)
        year+=1900
        var day=mydate.getDay()
        var month=mydate.getMonth()+1
        if (month&lt;10)
        month="0"+month
        var daym=mydate.getDate()
        if (daym&lt;10)
        daym="0"+daym
        document.write("&lt;small&gt;&lt;font color='000000' face='Verdana'&gt;&lt;b&gt;"+month+"/"+daym+"/"+year+"&lt;/b&gt;&lt;/font&gt;&lt;/small&gt;")
        
        
        &lt;/script&gt; 
        
        &lt;/div&gt; 
        &lt;div id="Layer4" style="position:absolute; left:15; top:100; width:61; height:12; z-index:2"&gt; 
        &lt;script&gt;writeclock()&lt;/script&gt; 
        &lt;/div&gt; 
        &lt;/body&gt; 
        &lt;/html&gt; 
        
        
        &lt;/body&gt; 
        &lt;/html&gt; 



Bom depois de tudo editado você vai prescisar hospedar o código por exemplo no geocities YahooOu no miarroba.com
Agora vc vai prescisar deste código a baixo:


&lt;!-- JuGifs - http://jugifs.blogspot.com --&gt; &lt;center&gt;&lt;iframe src="AQUI O ENDEREÇO DO SITE ONDE ESTA HOSPEDADO" width="87" height="129" marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"&gt;&lt;/iframe&gt;&lt;/center&gt; &lt;!-- JuGifs - http://jugifs.blogspot.com --&gt;

Agora coloque o código onde quer que o Reloginho apareça no seu blog e pronto!
Espero que vcs gostem...Bjs