jugifs: Relogio com Data

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 .... fotorelogiodata11.png image by rojubi

Agora vamos para a borda:

borda28.gif image by rojubi 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:

<html> <head> <center><html> <head> <title>dt001</title> <center><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style> 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;} </style> <script> document.write("<FONT color='#000000' face='verdana, Arial, Helvetica, sans-serif' style='font-size : 10px; font-weight: bold;'>"); 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) <10) {hours="0"+hours} if (eval(minutes) < 10) {minutes="0"+minutes} if (seconds < 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("<span id='"+clockid[i_clock]+"' style='position:relative'>"+thistime+"</span>") } } function clockon() { thistime= new Date() hours=thistime.getHours() minutes=thistime.getMinutes() seconds=thistime.getSeconds() if (eval(hours) <10) {hours="0"+hours} if (eval(minutes) < 10) {minutes="0"+minutes} if (seconds < 10) {seconds="0"+seconds} thistime = hours+":"+minutes+":"+seconds if (document.all) { for (i=0;i<=clockid.length-1;i++) { var thisclock=eval(clockid[i]) thisclock.innerHTML=thistime } } if (document.getElementById) { for (i=0;i<=clockid.length-1;i++) { document.getElementById(clockid[i]).innerHTML=thistime } } var timer=setTimeout("clockon()",1000) } window.onload=clockon </script> </head> <body STYLE="background-color: transparent" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <div id="Layer1" style="position:absolute; left:3; top:21; width:61; height:12; z-index:2"> <table width="4%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><a href="http://jugifs.blogspot.com" target="_blank"> <img src="ENDEREÇO DA IMAGEM" border="0" width="75" height="75"></a></td> </tr> </table> </div> <div id="Layer2" style="position:absolute; left:0; top:0; width:61; height:12; z-index:2"> <table width="4%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <a href="http://jugifs.blogspot.com" target="_blank"> <img src="ENDEREÇO DA BORDA" border="0" width="81" height="117"></a></td> </tr> </table> </div> <div id="Layer3" style="position:absolute; left:5; top:4; width:61; height:12; z-index:2"> <script> /*Current date script credit: JavaScript Kit (www.javascriptkit.com) Over 200+ free scripts here! */ var mydate=new Date() var year=mydate.getYear() if (year < 1000) year+=1900 var day=mydate.getDay() var month=mydate.getMonth()+1 if (month<10) month="0"+month var daym=mydate.getDate() if (daym<10) daym="0"+daym document.write("<small><font color='000000' face='Verdana'><b>"+month+"/"+daym+"/"+year+"</b></font></small>") </script> </div> <div id="Layer4" style="position:absolute; left:15; top:100; width:61; height:12; z-index:2"> <script>writeclock()</script> </div> </body> </html> </body> </html>

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:

<center><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"></iframe></center>

Agora coloque o código onde quer que o Reloginho apareça no seu blog e pronto!

Espero que vcs gostem...Bjs

.

Links Resumidos

Link Compactado

Recadinhos

Relogio com Data

1 Comment:

Postar um comentário

.

.

Botões

Gostou do Blog?

seguidores

Link-Me

Anuncie Aqui ..