Espero que este blog ayude a aquellos que están buscando conocimientos, al igual que yo.
Sígueme en:
Blogger Google+ facebook twitter you yube Ver perfil en Linkedin Agregar a Favoritos/Marcadores
pica pica curioso Mi Ping en TotalPing.com Buscar en el blog
Cerrar X Bienvenido amig@!!! Recuerda que puedes recibir las actualizaciones del blog a través de Facebook y/o Twitter, o Suscríbase al Feed vía RSS o vía Email.

Siempre, Siempre, Siempre, antes de modificar tu plantilla guarda una copia.

Descarga la plantilla o copias el código en el bloc de notas.

¿Que es RSS?:

RSS (Really Simple Syndication)

Es un sistema que nos permite enterarnos de las actualizaciones de las paginas que visitamos frecuentemente, sin tener que visitarlas directamente.

¿Cómo funciona?

Así cómo para poder leer correos electrónicos tenemos que tener una cuenta y un lector de correo electrónico, para poder leer nuestras paginas en RSS tenemos que tener un lector de RSS.
Existen muchos lectores de RSS pero uno de los mas sencillos de usar y mas utilizados por todos es el Google Reader, este lector se encarga de agrupar todos los sitios que visitamos frecuentemente mostrándonos la actualización que cada sitio tiene sin necesidad de ir a visitarlos.
Antes yo entraba a los sitios a mirar si habían publicado algo nuevo, ahora mediante los RSS cuando el sitio publica algo nuevo me llega su actualización.

Sencillo, rápido y útil.
votar
Achicar Entrada Agrandar Entrada
Este es otro proyecto que hace un tiempo vengo desarrollando. Lo que hace es que al pulsar el botón derecho del ratón en cualquier punto del blog se activa un menú.

Una forma elegante de bloquear el botón derecho del ratón.

Lo he probado en Firefox e Internet Explorer 7 y 8.




¿Cómo se hace...?

Ir a Diseño, Edición de HTML y justo arriba de </head>

Poner el siguiente código JavaScript:

<script type="text/javascript">
// http://loseasi.blogspot.com/
// Creado por Vku.
function mostrarmenuder() {
with(document.getElementById("menuder")) {
style.display = "";
}
return false
}

function cerrarmenuder() {
document.getElementById("menuder")
.style.display = "none";
}
document.oncontextmenu=mostrarmenuder
</script>

Ahora justo arriba de ]]></b:skin>

Poner el siguiente código CSS:

.menudervku {
position:fixed;
left:100px;
top:150px;
text-align:center;
text-decoration: none;
width:220px;
border:0px;
background-color:#fff;
font-family:Verdana;
cursor:pointer;
line-height: 24px;
z-index:999999999999999999;
}
.menulink {
font-size: 14px;
font-family:Arial, Verdana
height: 24px;
border-bottom:2px solid #000;
background-color:#333;
color:#fff;
}
.menulink:hover {
font-size: 14px;
font-family:Arial, Verdana
height: 24px;
border-bottom:2px solid #39F;
background-color:#555;
color:#39F;
}
.menulinkcerrar {
height: 25px;
border:0;
background-color:transparent;
}

Personalizar el diseño del menú a su gusto.

left:100px: distancia desde la izquierda.
top:150px: distancia desde arriba.
text-align:center: texto centrado.
width:220px: ancho del menú.

Link:

background-color:#555: color del fondo.
color:#fff: color del texto.

Link hover:

background-color:#333: color del fondo.
color:#39F: color del texto.

Abajo de <body>

Ponemos el siguiente código:

<div class='menudervku' id='menuder' style='display:none'>
<div class='menulinkcerrar' onclick='cerrarmenuder()'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqCQOFzJhq8OoMTTG1i9Qfl-r4vn5rF-VliTSQGJlhQ8K8O7S0k5umluI1mhlrGifEzQ8Jgvf83b4cClW242Y4GusEvAI3wxX5vBistZ7dHLyaRGADBGOv4zllHe_GVoNZ46GCuji-Isg/s1600/cerrar.png' style='float: right;' title='Cerrar'/></div>

<div class='menulink' onClick='window.open(&quot;http://loseasi.blogspot.com/&quot;,&quot;_blank&quot;)'> http://loseasi.blogspot.com/ </div>

<div class='menulink' onClick='window.open(&quot;http://loseasi.blogspot.com/&quot;,&quot;_blank&quot;)'> LINK 2 </div>

<div class='menulink' onClick='window.open(&quot;http://loseasi.blogspot.com/&quot;,&quot;_blank&quot;)'> LINK 3 </div>

<div class='menulink' onClick='window.open(&quot;http://loseasi.blogspot.com/&quot;,&quot;_blank&quot;)'> LINK 4 </div>

<div class='menulink' onClick='window.open(&quot;http://loseasi.blogspot.com/&quot;,&quot;_self&quot;)'> LINK 5 </div>

<div onClick='window.open(&quot;http://loseasi.blogspot.com/2010/08/menu-pulsando-el-boton-derecho-del.html&quot;,&quot;_self&quot;)' style='float:right;font-size:60%;color:ccc;margin-right:10px;line-height:14px'> Obtener el menú </div>
</div>

Cambiar la imagen de cerrar.

Agregar o quitar los link de la siguiente forma:

<div class='menulink' onClick='window.open(&quot;http://loseasi.blogspot.com/&quot;,&quot;_blank&quot;)'> LINK Nº </div>

Donde:

http://loseasi.blogspot.com/: es el link que abrira al hacer click.

_blank: abre el link en otra pestaña.

_self: abre el link en la misma pestaña.

LINK Nº: texto a mostrar.

Guardar plantilla.



No quitar el ultimo link para que otros puedan obtener el menú.(Gracias):

<div onClick='window.open(&quot;http://loseasi.blogspot.com/2010/08/menu-pulsando-el-boton-derecho-del.html&quot;,&quot;_self&quot;)' style='float:right;font-size:60%;color:ccc;margin-right:10px;line-height:14px'> Obtener el menú </div>
</div>

Leer Importante... Comentar esta entrada ▼ Ir al principio de la entrada
en-rHed- ando dijo...

Muy bueno este menu buenisimo lo tendre en cuenta en sucesivas ocasiones, eres una genio

Vku dijo...

Hola en-rHed-ando
¿Cómo van esos mates?

Si lo vas a utilizar en tu plantilla te conviene agregarle otras línes al código ya que utilizas el bloqueo del mouse

Abajo de document.oncontextmenu=mostrarmenuder

Pon también:
document.onmousedown=mostrarmenuder
document.onselectstart=mostrarmenuder

Y deja body solo así:

<body>

o simplemente cambia la línea de body:

<body oncontextmenu='mostrarmenuder()' onmousedown='mostrarmenuder()' onselectstart='mostrarmenuder()'>

Si tienes alguna opinión respecto a la entrada, tienes un punto de vista distinto, o simplemente quieres saludar, te invito a que dejes un comentario. NO SE ACEPTAN LINKS DE REFERIDOS para que los comentarios no se conviertan simplemente en una forma de publicitarse.



Elegir un botón o imagen, Seleccionar, copiar (Ctrl+C) y pegar en formulario de comentarios.


Nota: solo los miembros de este blog pueden publicar comentarios.

Si no puedes comentar, intenta con el antiguo formularioO leer solución

VituaRadio
Informe Importante

Por un tiempo voy a estar sin internet, así que no voy a actualizar ni poder contestar a los comentarios.
Suscribirse a las entradas Suscribirse a las entradas vía Mail Suscribirse a los comentarios
¿Que es RSS?