InicioInfoConsejos y códigos HTML para un buen BLOG y WEB

Consejos y códigos HTML para un buen BLOG y WEB

Info6/24/2011



A CONTINUACIÓN LES DEJOS CÓDIGOS PARA APLICAR GADGETS, MENÚES, EFECTOS Y MUCHO MÁS A TU BLOG O A TU WEB .




Primero que todo hay que tener en cuenta los siguientes items para un buen blog :

- Titulo simple e interesante/impactante - los títulos muy rebuscados son difíciles de buscar.
- Tematica Ej: juegos y en la Blog colocas todo referido a juegos - no es bueno las páginas con temas mezclados porque primero es difícil buscar la información y segundo confunde al usuario.
- Información presida y actualizada todos los día.
- Links funcionando; siempre hay que mirar si no están caídos.
- Imágenes con buena definición - las imágenes pixeladas no se entienden y no llaman la atención.
- Titulo de las entradas claros .
- Links a otras paginas de interés que compartan la misma tematica que la de la pagína.
- Colocar un menú ayuda a quien navegue en tu blog encontrar la información más fácil.
- Por ultimo DIFUNDE TU BLOG POR LAS REDES SOCIALES como Facebook; Twitter; etc.



- Google ofrece gadgets para agregar a tu web . podes hacerlos o bien copiar uno ya echo.




Códigos HTML para agregar cosas copadas:


Menú de 3 casillas en forma vertical.

Para que el menu valla a enlaces dentro de tu Blog lo que tenes que hacer es:
1- Cada vez que creas una entrada relacionada con el tema juegos debes ponerle en etiqueta: Juegos.
2- Cuando vas a hacer el menú colocas Juegos en la primera casilla y para colocar el enlace vas a entrar desde la pagina principal del blog a las etiquetas Juegos y copiar ese enlace en donde más abajo te indica.
Para que el menú valla a enlaces a otras páginas colocas el enlace que quieras donde más abajo se indica.

dijo:

<table> <tr> <td onclick="mClk(this);" onmouseout="mOut(this,'#498aa8');" onmouseover="mOvr(this,'#f18b59');" valign="center" width="171" style=border-bottom:1pxsolidrgb(0,0,0);padding-left:6;padding-top:1;padding-bottom:1 bgcolor=" INSERTAR CÓDIGO DE COLOR" height="3"><a style=COLOR:rgb(255,2555,255);TEXT-DECORATION:none href="ingresa entre comillas el enlace de la paginas que quieras que valla tu casilla juegos"><font face="TIPO DE LETRA" size=2><center>ingresa la palabras que quieras Ej: juegos</center></font></a></td> </tr> <tr> <td onclick="mClk(this);" onmouseout="mOut(this,'#498aa8');" onmouseover="mOvr(this,'#f18b59');" valign="center" width="171" style=border-bottom:1pxsolidrgb(0,0,0);padding-left:6;padding-top:1;padding-bottom:1 bgcolor=" INSERTAR CÓDIGO DE COLOR" height="3"><a style=COLOR:rgb(255,255,255);TEXT-DECORATION:none href="ingresa entre comillas el enlace de la paginas que quieras que valla tu casilla juegos 2"><font face="TIPO DE LETRA" size=2><center>ingresa la palabras que quieras Ej: juegos 2</center></font></a></td> </tr> <tr> <td onclick="mClk(this);" onmouseout="mOut(this,'#498aa8');" onmouseover="mOvr(this,'#f18b59');" valign="center" width="171" style=border-bottom:1pxsolidrgb(0,0,0);padding-left:6;padding-top:1;padding-bottom:1 bgcolor=" INSERTAR CÓDIGO DE COLOR" height="3"><a style=COLOR:rgb(255,255,255);TEXT-DECORATION:none href="ingresa entre comillas el enlace de la paginas que quieras que valla tu casilla juegos 3"><font face="TIPO DE LETRA" size=2><center>ingresa la palabras que quieras Ej: juegos 3</center></font></a></td> </tr> </table>



Para agregar el color: copiar el codigo que aparece al lado del color y incertalo entre comillas en donde dice INSERTAR CÓDIGO DE COLOR.
Para cambiar el estilo de letra: donde dice TIPO DE LETRA inserta el nombre de la letra que quieras usar; la más comunes son "Arial" "Verdana" "Helvetica" "Courier" "Courier New" "MS Serif" "Times" "Times New Roman" "MS Sans Serif" "Geneva" "Trebuchet MS"

Para colocar traductor en 50 idiomas

<!-- Begin TranslateThis Button --> <div id="translate-this"><a href="http://translateth.is/" class="translate-this-button">Translate</a></div> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript" src="http://x.translateth.is/translate-this.js"></script> <script type="text/javascript"> TranslateThis(); </script> <!-- End TranslateThis Button -->



Para colocar un reloj con las horas que quedan para finalizar el día

Con este código insertamos un pequeño relojito que indica la cuenta regresiva de las horas, minutos y segundos que faltan para finalizar el día.
<body>
<p>ingresa un titulo aca</p>
<form name="Reloj">
<input type="text" size=7 name="tiempo" value="mm:hh:ss" title="Tiempo restante para finalizar el día">
<script language="JavaScript">
<!--
var tiempoAtras;

updateReloj();
function updateReloj() {
var tiempo = new Date();
var hora = 23-tiempo.getHours();
var minutos = 59-tiempo.getMinutes();
var segundos = 59-tiempo.getSeconds();

tiempoAtras= (hora < 10) ? hora :hora;
tiempoAtras+= ((minutos < 10) ? ":0" : ":" + minutos;
tiempoAtras+= ((segundos < 10) ? ":0" : ":" + segundos;

document.Reloj.tiempo.value = tiempoAtras;

setTimeout("updateReloj()",1000);
}
//-->
</script>
</form>
</body>



No dejar seleccionar el texto de la web :

Con este código vamos a impedir que los visitantes seleccionen el texto de nuestra página para luego copiarlo a otro lado.
<script language="Javascript"> <!-- Begin function disableselect(e){ return false } function reEnable(){ return true } document.onselectstart=new Function ("return false" if (window.sidebar){ document.onmousedown=disableselect document.onclick=reEnable } // End --> </script>



Transformar el cursor en una mira de arma:

dijo:

dijo:<style type="text/css"> <!-- body { cursor: crosshair} --> </style>



Dificultar copia de la página:

Con este recurso sencillo podemos hacer más difícil el acceso al código-fuente o la copia de imágenes de nuestro sitio. Cuando el visitante haga click con el botón derecho del mouse, surgirá un mensaje creado previamente por nosotros.
<Script language=JavaScript> function right(e) { if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){ alert("Coloca el mensaje aquí"; return false; } else if (navigator.appName == 'Microsoft Internet Explorer' && (event.button == 2 || event.button == 3)) { alert("Coloca el mensaje aquí."; return false; } return true; } document.onmousedown=right; if (document.layers) window.captureEvents(Event.MOUSEDOWN); window.onmousedown=right; </script>



Página protegida por clave:

<Form name="frm"> <center> <Script Language="JavaScript"> <!-- // function loadpage(){ var psj=0; newwin = window.open(document.frm.pswd.value + ".htm" } //--> </script> Ingresa tu clave: <input type="password" name="pswd" size=20> </center> <center> <p>



Fecha que se actualiza sola:

<script language="JavaScript"> <!-- mydate = new Date(); myday = mydate.getDay(); mymonth = mydate.getMonth(); myweekday= mydate.getDate(); weekday= myweekday; if(myday == 0) day = " Domingo, " else if(myday == 1) day = " Lunes, " else if(myday == 2) day = " Martes, " else if(myday == 3) day = " Miércoles, " else if(myday == 4) day = " Jueves, " else if(myday == 5) day = " Viernes, " else if(myday == 6) day = " Sábado, " if(mymonth == 0) month = "Enero " else if(mymonth ==1) month = "Febrero " else if(mymonth ==2) month = "Marzo " else if(mymonth ==3) month = "Abril " else if(mymonth ==4) month = "Mayo " else if(mymonth ==5) month = "Junio " else if(mymonth ==6) month = "Julio " else if(mymonth ==7) month = "Agosto " else if(mymonth ==8) month = "Setiembre " else if(mymonth ==9) month = "Octubre " else if(mymonth ==10) month = "Noviembre " else if(mymonth ==11) month = "Diciembre " document.write("<font face=arial, size=1>"+ day); document.write(myweekday+" de "+month+ "</font>"; // --> </script>



Imprimir página:

<a href="javascript:print()">Imprimir</a>



Saludo al visitante dependiendo de la hora del día

<Font size=2 face=arial><b> <Script Language="JavaScript"> <!-- today = new Date() if(today.getMinutes() < 10){ pad = "0"} else pad = ""; document.write ;if((today.getHours() >=6) && (today.getHours() <=9)){ document.write("¡Buen día!" } if((today.getHours() >=10) && (today.getHours() <=11)){ document.write("¡Buen día!" } if((today.getHours() >=12) && (today.getHours() <=19)){ document.write("¡Buenas tardes!" } if((today.getHours() >=20) && (today.getHours() <=23)){ document.write("¡Buenas noches!" } if((today.getHours() >=0) && (today.getHours() <=3)){ document.write("¡Buenas noches!" } if((today.getHours() >=4) && (today.getHours() <=5)){ document.write("¡Buenas noches!" } // --> </script> </b></font>



Agregar página a favoritos:

<a href="javascript:window.external.AddFavorite('http://www.pauluk.8k.com',
'Pauluk Computacion')"><small><font face="Verdana" size=1>
Agregar a favoritos</font></small></a>



Redireccionar una página:

< HTML > <HEAD> <TITLE>Redireccionado por www.nombre de la página.com</TITLE> <SCRIPT LANGUAGE="JavaScript"> location.href= 'ingresar la página acá'; </SCRIPT> </HEAD> <BODY>



Habrir un Pop up:

<script language='JavaScript'>window.open('ingresar la página acá', 'geoflotante', '');</script>



Buscador de google:

dijo:

<!-- SiteSearch Google --> <FORM method=GET action="http://www.google.com/search"> <input type=hidden name=ie value=UTF-8> <input type=hidden name=oe value=UTF-8> <TABLE bgcolor="#FFFFFF"><tr><td> <A HREF="http://www.google.com/"> <IMG SRC="http://www.google.com/logos/Logo_40wht.gif" border="0" ALT="Google"></A> </td> <td> <INPUT TYPE=text name=q size=31 maxlength=255 value=""> <INPUT type=submit name=btnG VALUE="Google Search"> <font size=-1> <input type=hidden name=domains value="http://www.tecnologiadiaria.com"><br><input type=radio name=sitesearch value=""> WWW <input type=radio name=sitesearch value="http://www.tecnologiadiaria.com" checked> http://www.tecnologiadiaria.com <br> </font> </td></tr></TABLE> </FORM> <!-- SiteSearch Google -->



BOTÓN DE COLOR:

dijo:

<input type="submit" name="button" value="INSERTA EL NOMBRE DEL BOTON" style=color:CODIGODELCOLORDELALETRAEJ;#0066CC;background-color:CODIGODELCOLORDEFONDODELBOTÓNEJ:#000000 />



RELOJ HORA, MINUTOS Y SEGUNDOS:

<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5012-black.swf";obj.TimeZone="GMT-0200";obj.width=151;obj.height=50;obj.wmode="transparent";showClock(obj);</script>



METEORITOS DESTRUYENDO LA WEB :

<script language="javascript">
nd_mode="meteor";
nd_dest="massive";
nd_control="on";
nd_sound="on";
</script> <script language="javascript" src="http://www.netdisaster.com/js/mynd.js"></script>



METEORITOS DESTRUYENDO LA WEB :

<script language="javascript">
nd_mode="meteor";
nd_dest="massive";
nd_control="on";
nd_sound="on";
</script> <script language="javascript" src="http://www.netdisaster.com/js/mynd.js"></script>



ESTRELLAS VOLANDO:

<script type="text/javascript" src="http://ladiskoteka.googlepages.com/starfield.js"></script>



EFECTO DE NIEVE QUE CAE:

<script type="text/javascript"
src="http://ladiskoteka.googlepages.com/snow.js"> </script>



Cualquier duda mandenme un msj que los ayudo.
Saludos y comenten

Datos archivados del Taringa! original
40puntos
525visitas
5comentarios
Actividad nueva en Posteamelo
0puntos
0visitas
0comentarios
Dar puntos:

Dejá tu comentario

0/2000
5 Comentarios archivados
Del Taringa! original
A@Anónimo12/10/2011+1-0
asdasdsadsadkjaskdhsajdhasjdlashdjkashjklsahdjkashdklashdkkjas
A@Anónimo9/25/2011+0-0
esto me cae como anillo al dedo ahy te dejo 10
A@Anónimo8/2/2011+0-0
buen aporte
A@Anónimo6/24/2011+3-0
muchas gracias +10
A@Anónimo6/24/2011+0-5
post de novatos

Autor del Post

m
mechi2366🇦🇷
Usuario
Puntos0
Posts4
Ver perfil →
PosteameloArchivo Histórico de Taringa! (2004-2017). Preservando la inteligencia colectiva de la internet hispanohablante.

CONTACTO

18 de Septiembre 455, Casilla 52

Chillán, Región de Ñuble, Chile

Solo correo postal

© 2026 Posteamelo.com. No afiliado con Taringa! ni sus sucesores.

Contenido preservado con fines históricos y culturales.