Codes HTML para tu blog

Otros Post, Otros Trucos, Trucos Script/Plugin/Widget

Aquí les dejaré varios códigos muy útiles para el blog, No todos funcionan en para los dos navegadores 🙁

No permite utilizar el botón derecho y no aparece nada (ni alert, etc)

< View plain text >
HTML

  1. <!-- Begin document.oncontextmenu = function(){return false} // End -->

No permite seleccionar el contenido de una página

< View plain text >
js

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


Código JavaScript para que aparezca un alert al utilizar el botón derecho

< View plain text >
js

  1. <!-- Begin function right(e) { var msg = " [AQUI TU MENSAJE] "; if (navigator.appName == 'Netscape' &amp;&amp;amp; e.which == 3) { alert(msg); // Delete this line to disable but not alert user return false; } else if (navigator.appName == 'Microsoft Internet Explorer' &amp;&amp;amp; event.button==2) { alert(msg); // Delete this line to disable but not alert user return false; } return true; } document.onmousedown = right; // End -->

Añadir a Favoritos

< View plain text >
js

  1. <!-- function addBookmark() { if (window.external) external.AddFavorite("url de tu web", "nombre de tu web") else alert("Tu navegador no soporta esta caracteristica"); } // -->

Varias frases o texto desplanzadose por el status

< View plain text >
HTML

  1. &lt;!-- var ShowString = &quot; &quot; //La primera linea tiene que estar en blanco + &quot;Aquí la frase 1 &quot; //Puedes añadir mas frases, aparte de estas 3 + &quot;Aquí la frase 2 &quot; + &quot;Aquí la frase 3 &quot; + &quot;Ejemplo de otra frase A &quot; var ShowWidth = 100 var ShowHead = 0 var ShowTail = ShowWidth var ShowLength = ShowString.length function Marquee () { var DisplayString if (ShowHead

Botón Atrás, Actualizar y Adelante

Cambiar el puntero por uno personalizado

< View plain text >
HTML

  1. <!-- en el style --> BODY { cursor:url(URL DE CURSOR); } <!-- Elegir un puntero a nuestro gusto y guardar como cursor.cur -->

Cambiar el puntero

< View plain text >
HTML

  1. <!-- en un enlace --> <a href="#" style="cursor:help">enlace</a> <!-- saldrá el puntero de ayuda con un interrogante :) -->

Rotación banners (permite poner tantos banners como quieras, permite definir texto, imagen origen, link de destino, alto y anchura de imagen)

< View plain text >
js

  1. Cita:
  2.  &lt;!-- Begin var how_many_ads = 3; var now = new Date() var sec = now.getSeconds() var ad = sec % how_many_ads; ad +=1; if (ad==1) { txt=&quot;TEXTO QUE PONDRAS&quot;; url=&quot;URL DEL WEB&quot;; alt=&quot;NOMBRE DEL WEB&quot;; banner=&quot;URL DEL BANNER&quot;; width=&quot;MEDIDA&quot;; height=&quot;MEDIDA&quot;; } if (ad==2) { txt=&quot;SOBRE LA WEB&quot;; url=&quot;URL DE LA WEB&quot;; alt=&quot;NOMBRE DE LA WEB&quot;A; banner=&quot;http://etc, etc&quot;; width=&quot;MEDIDAS&quot;; height=&quot;MEDIDAS&quot;; } if (ad==3) { txt=&quot;SOBRE LA WEB&quot;; url=&quot;URL DE LA WEB&quot;; alt=&quot;NOMBRE DE LA WEB &quot;; banner=&quot;http://URL DEL BANNER&quot;; width=&quot;MEDIDAS&quot;; height=&quot;MEDIDAS&quot;; } document.write(''); document.write('<a href="" target="">'); document.write('<img src="" width="')" height="'" alt="" border="0" /><br />'); document.write('<small>' + txt + '</small>'); document.write(''); // End --&gt;

Banner aleatorio

< View plain text >
js

  1. &lt;!-- Hide this script from old browsers -- function create() { this.width = '' this.height = '' this.src = '' this.href = '' this.border = '' this.mouseover = '' } function random(n) { var js_mult1=3141 var js_mult2=5821 var js_m1=100000000 var js_m2=10000 var js_iseed=0 var js_iseed1=0 var js_iseed2=0 if (js_iseed == 0) { now = new Date() js_iseed = now.getHours() + now.getMinutes() * 60 + now.getSeconds() * 3600 } js_iseed1 = js_iseed / js_m2 js_iseed2 = js_iseed % js_m2 var tmp = (((js_iseed2 * js_mult1 + js_iseed1 * js_mult2) % js_m2) * js_m2 + (js_iseed2 * js_mult2)) % js_m1 js_iseed = (tmp + 1) % js_m1 return (Math.floor((js_iseed/js_m1) * n)) } var numberOfAds = 3 //number or ads you want to display ads = new Array() for(var i=1; i numberOfAds) ? n-numberOfAds : n var image = ads[n] var ad = "" ad += '<a href="' + image.href + '"> n' ad += '<img src="' + image.src + '" width="'" height="'" border="'" /></a>' // -- End Hiding Here --&gt;

Un texto va siguiendo el puntero del ratón

< View plain text >
HTML

  1. .spanstyle { position:absolute; visibility:visible; top:-50px; font-size:9pt; font-family:Tahoma; font-weight:bold; color:blue; }   var x,y var step=20 var flag=0 // Tienes que dejar un espacio al final de tu mensaje!!!!! var message="Tu mensaje va aqui... " message=message.split("") var xpos=new Array() for (i=0;i&lt; =message.length-1;i++) { xpos[i]=-50 } var ypos=new Array() for (i=0;i=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i     &lt;!-- Beginning of JavaScript - for (i=0;i&lt;=message.length-1;i++) { document.write(&quot;<span id="'span" class="'spanstyle'">") document.write(message[i]) document.write("</span>") } if (document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; // - End of JavaScript - --&gt;

Artículos Relacionados

  • Fotos en Instantizer Si lo que queremos es una imagen que simule ser una fotogría instantánea, deben entrar aquí Instantizer Aquí lo que hacemos es seleccionar la imagen desde su pc, dar una pequeña […]
  • Como tener un reloj en tu blog??? Esto es aplicable a cualquier Plataforma de Blogs, solo selecciona la tuya. Mira la galería de relojes de esta página "CLOCKLINK" Hay un menu, con diferentes tipos de diseño: Newest; […]
  • Formas de colocar la publicidad en tu blog de blogger, Septima Parte, En el cuerpo de los articulos En el cuerpo de los Artículos De igual manera que los post anteriores, tienes que transformar tu código de publicidad. Primero debemos cambiar los siguientes caracteres de nuestro código […]
  • Optimiza las imagenes de tu blog para una mejor navegación A la hora de poner imágenes en nuestros blogs podemos tener dudas acerca de que formato, tamaño, calidad, etc usar en dichas imágenes para optimizar tanto la navegación como la descarga […]
  • Mensaje mientras se carga tu blog, Classic-Blogger Bueno, esto es un codigo Java, en donde mientras se carga tu blog aparece un mensaje de espera, es muy util! Resultado del codigo: Pega este codigo en tu blog, despues de la […]
  • Espacios MSN Muchos que tienen espacios MSN, llegan consultando como tener musica en su blog y hacer otras cosas, aqui les dejo los links de unas paginas, que tienen esta y otra […]
patriram
Soy Blogger desde hace mucho tiempo. Inicialmente este blog se creó para entregar tutoriales paso a paso a las personas que estuvieran ingresando al mundo online. Muchos de mis tutoriales no requieren de conocimiento previo ni habilidades, la idea siempre fue tender una mano a los que usualmente no entienden nada. Como pueden ver estuvo bastante abandonado por varios años pero ahora lo retomaré con otro énfasis, explicación de herramientas mas complejas, y en la medida de lo posible se irán renovando los post que con el tiempo han quedado obsoletos.

About patriram

Soy Blogger desde hace mucho tiempo. Inicialmente este blog se creó para entregar tutoriales paso a paso a las personas que estuvieran ingresando al mundo online. Muchos de mis tutoriales no requieren de conocimiento previo ni habilidades, la idea siempre fue tender una mano a los que usualmente no entienden nada. Como pueden ver estuvo bastante abandonado por varios años pero ahora lo retomaré con otro énfasis, explicación de herramientas mas complejas, y en la medida de lo posible se irán renovando los post que con el tiempo han quedado obsoletos.

Leave a Reply

Your email address will not be published. Required fields are marked *