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

  • Pikifx, Editor de Imágenes Encontré un dato entretenido para arreglar nuestras imágenes a nuestra pinta, ponerle marcos, darle efectos, etc. Y lo mas importante de todo que es super fácil de usar. Primero entren a […]
  • Menu en tu blog, Classic-Blogger Bueno en realidad exactamente no es un menu de secciones de tu blog, pero creo que es lo mas parecído que se puede hacer, jejeje Tampoco se si esto funciona en cualquier típo de blog o […]
  • Muchos templates Hola, si la verdad, muchos... como dice la página 1688 templates, para ver y descargar gratuitamente, si te gustaría darle un gran cambio estético a tu blog aquí esta la página […]
  • Como cambiar el ancho de la plantilla de tu blog, Blogger Ensanchar la plantilla Mínima Bueno en este tutorial les voy a mostrar como pueden cambiar el ancho de su blog (cuerpo, entradas, sidebar, titulo, etc) Para esto les dejo 5 pasos […]
  • Pasamos al Segundo Ganador del Sorteo En vista de que el primero ganador no reclamo su premio, pasamos al segundo ganador del sorteo .com Le he avisado con un comentario en su blog, asi que tiene hasta el 13 de enero para […]
  • Radioblog Esto es aplicable a cualquier Plataforma de Blogs, solo selecciona la tuya. Como sé que muchos piden información sobre como colocar música, explicaré Radioblogclub que es muy fácil de […]
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 *