COMO FAZER RELOGINHO
Monte o layout
de seu reloginho no PAINT SHOP PRO.
conforme o modelo:
Deve ficar parecido com esta:
Feito isso , salve a imagem que você
criou na rede(seu blog,site de
hospedagem)
e pegue o endereço de onde ela foi
salva.
2- Este o codigo da página do reloginho que você deverá colocar no bloco de notas e fazer as mudanças necessárias(conforme a imagem abaixo) .
**************-COMEÇA EM <html>*************
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=windows-1252">
<meta name="GENERATOR"
content="Microsoft FrontPage
4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Relógio</title>
</head>
<body>
<!-- INICIO CODIGO DO RELÓGINHO
-->
<p align="center"><TABLE
id=AutoNumber1
style="BORDER-TOP-WIDTH: 0px;
BORDER-LEFT-WIDTH: 0px;
BORDER-BOTTOM-WIDTH: 0px;
BORDER-COLLAPSE: collapse;
BORDER-RIGHT-WIDTH: 0px"
borderColor= #000000 height=151
cellSpacing=0 cellPadding=0 width=101
border=1>
<TBODY>
<TR>
<TD style="PADDING-LEFT: 1px;
PADDING-TOP: 107px"
background= COLOQUE AQUI 0 ENDEREÇO DA
IMAGEM QUE VOCÊ CRIOU>
<SCRIPT language=JavaScript>
<!--
function SymError()
{
return true;
}
window.onerror = SymError;
var SymRealWinOpen = window.open;
function SymWinOpen(url, name,
attributes)
{
return (new Object());
}
window.open = SymWinOpen;
//-->
</SCRIPT>
<SCRIPT>
document.write("<FONT color='#000000'
face='Verdana' style='font-size :
9;'>");
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 (eval(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 (eval(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>
<CENTER>
<SCRIPT>writeclock()</SCRIPT>
</CENTER></TD></TR></TBODY></TABLE>
<SCRIPT language=JavaScript>
<!--
var SymRealOnLoad;
var SymRealOnUnload;
function SymOnUnload()
{
window.open = SymWinOpen;
if(SymRealOnUnload != null)
SymRealOnUnload();
}
function SymOnLoad()
{
if(SymRealOnLoad != null)
SymRealOnLoad();
window.open = SymRealWinOpen;
SymRealOnUnload = window.onunload;
window.onunload = SymOnUnload;
}
SymRealOnLoad = window.onload;
window.onload = SymOnLoad;
//-->
</SCRIPT></p>
<!-- FINAL CODIGO DO RELÓGINHO
-->
</body>
</html>
**************TERMINA EM </html>*************
VEJA ONDE FAZER AS MUDANÇAS:
Feito isto salve a página como html. Veja na imagem:
CARREGUE ESTA PÁGINA, PARA HOSPEDAGEM EM UM BLOG OU SITE. COPIE O ENDEREÇO E COLOQUE NO SEGUNDO CÓDIGO, QUE VAI NO BLOG.
ESTE CODIGO VAI
NO BLOG
<!-- Inicio Relógio -->
<center><iframe src="ENDEREÇODAPAGINA.html"
width="101" height="151"
marginwidth="0" marginheight="0"
frameborder="no" scrolling=no
allowtransparency="true"></iframe></center>
<!-- Fim Relógio -->
FAÇA AS MUDANÇAS NECESSÁRIAS COMO NA IMAGEM:
COLOQUE ESTE CODIGO NO TEMPLATE DO TEU BLOG, ONDE QUER QUE APAREÇA.
PARA COLOCAR NO LIVE SPACE:
VOCÊ COLOCA ESTE CÓDIGO NO MÓDULO GADGTES SANDBOX.