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

  • Entendiendo el codigo para agregar Musica a tu Blog en Descarga Directa Es más fácil que las fotos, porque aquí lo único que importa es el link, que entrega la página UPLOADHUT o sea el http://...... Y para agregar el archivo de música que subieron a esa […]
  • ¿Qué son los vínculos Edición rápida?, Blogger Los vínculos de Edición rápida te permiten editar cualquier post directamente desde tu blog. Si no tienes activada esta opción entonces los pasos para editar son: ingresar a la cuenta, […]
  • Snap Si quieren que sus links se vean en una ventana al acercar al cursor -como se ve en la imagen-, lean este post. Primero entrar a Snap y hacer click en "Get started". Lo primero es que […]
  • Cambia el About Me del Perfil, Classic-Blogger Para cambiar el About Me, por lo que tu quieras debes seguir los siguientes pasos: Paso 1: Primero deben buscar la etiqueta <$BlogMemberProfile$>, esta bajo la descripcion <!-- […]
  • Para tus fotos hola, otra vez yo, bueno como siempre mirando encontré FOTOTHING, una página que les puede interesar con el tema de las fotos. Es del tipo de páginas como slide, flickr, bubble share en […]
  • PagePlugins Encontré una página muy entretenida PagePlugins , son cosas entretenidas para poner al blog, ejemplos: PUZZLE: TARJETA:
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 *