:::: MENU ::::
  • Desarrollo Web - Responsive Design

  • Easy to Customize

  • Customizable fonts.

lunes, 3 de febrero de 2014



No quieres que copien el contenido de tu blog?, ya sea lo que escribes o tus imágenes, deseas ponerle algunas piedritas en el camino a aquel que quiere copiarte? Bueno, si tu respuesta es sí, lo mejor que puedes hacer es des-habilitar el clic derecho del mouse en tus páginas.

Hacer esto es muy sencillo, sólo se trata de agregar un código JavaScrip en tu blog y listo, el código es el siguiente:



Para agregar el codigo solo debes ir a:
  • Diseño 
  • Añadir un gadget
  • Html/Javascript 
y guardas el nuevo gadget. 

Si lo que quieres es bloquear el boton derecho solo en algunas entradas deberas pegar el codigo al final de la entrada, ademas puedes poner el mensaje que quieres que salga al intentar copiar el contenido de tu blog. Busca en el codigo la parte que dice "Function Disabled" y eso lo puedes cambiar por algun mensaje a tu gusto. (recuerda no quitar las comillas.) 

Bien, ahora solo hemos bloqueado el mouse, ahora falta bloquear el teclado aumentar la seguridad por asi decirlo y no hacer tan facil el copiado de nuestras publicaciones. 

Nos vamos a Diseño > Edicion Html > buscan el inicio de la etiqueta <Body> y la reemplazan por el siguiente codigo:

<body oncontextmenu="return false" onkeydown="return false">

¡Listo! Ahora también hemos bloqueado el teclado y no podran copiar el contenido utilizando ctrl+C.



numeracion de comentarios, blogger, tutoriales blogger, css

Hoy les voy a compartir un truco muy simple realizado con CSS, que servirá para numerar los comentarios y las respuestas. En la foto de arriba puedes ver que  los comentarios se numeran con un número decimal, mientras que las respuestas se numeran con una letra. El diseño de la numeración es totalmente configurable, como explico más abajo.

Para aplicar este truco seguiremos los siguientes pasos:


  1. Ir a Escritorio Blogger.
  2. En el menú seleccionamos Plantilla.
  3. Hacemos clic en Editar HTML.
  4. En el código buscamos lo siguiente:

  5. ]] ></b:skin>

  6. Encima de ello tenemos que pegar el siguiente código

 .comment-thread ol {
counter-reset: contarcomentarios;
}

/* Comentarios */ 
.comment-thread li:before {
content: counter(contarcomentarios,decimal);
counter-increment: contarcomentarios;
float: right;
z-index: 2;
position:relative;
font-size: 18px;
color: #2b2e31;
background:#f5f5f5;
border:3px solid #2b2e31;
padding:6px;
margin-top:10px; 
margin-right:15px;
}

.comment-thread ol ol {
counter-reset: contarbis;
}

/* Respuestas */ 
.comment-thread li li:before {
content: counter(contarcomentarios,decimal) "." counter(contarbis,lower-latin);
counter-increment: contarbis;
float: right;
font-size: 18px;
color: #2b2e31;
background:#f5f5f5;
border:3px solid #2b2e31;
padding:6px;
margin-top:0px; 
margin-right:0px;
}

Modificaciones en el Código


En el código anterior podemos modificar los colores y tamaño de fuente, entre otras cosas.

Color de fondo: Para ello tendremos que modificar las etiquetas background y poner un color en forma hexadecimal (Ejemplo: #000000;).

Color de fuente: Para modificarlo configuramos la etiqueta color.

Color de borde: Para ello modificamos en la etiqueta border, el código hexadecimal.

Tamaño de fuente: Modificamos la etiqueta font-size.




¿Necesitas una pagina web? Contáctanos