A veces, tenemos ciertos requerimientos y necesitamos realizar la búsqueda de entradas según determinadas etiquetas.
Por esta razón, ahora veremos algunos formatos de ejemplo, para poder
cumplir con dicha finalidad.
Blogger. Thumbnail. Miniaturas cuadradas, verticales, rectangulares
En la red, puedes encontrar muchos scripts que utilizan Json para leer
información de alguno de los feeds de Blogger, para después mostrarla según lo
requerido.
De tal manera, esos scripts se desarrollan regularmente para leer datos como el título, la URL, la etiqueta de los posts e inclusive para extraer una imagen asociada. Así, los utilizamos para presentar las últimas entradas, los posts relacionados o los más populares, las etiquetas, etc.
De tal manera, esos scripts se desarrollan regularmente para leer datos como el título, la URL, la etiqueta de los posts e inclusive para extraer una imagen asociada. Así, los utilizamos para presentar las últimas entradas, los posts relacionados o los más populares, las etiquetas, etc.
Cómo desactivar botón derecho del mouse con Javascript
Cómo desactivar botón derecho del mouse con Javascript
Como dije en otro post, cuando se trata de hacer cosas con mal
proceder, siempre hay quienes se las ingenian, de tal manera que el contenido de
tu página puede ser copiado o examinado aunque sea de manera limitada en su
estructura.
Por eso puede ser que necesites desactivar el botón derecho del
mouse, para que no se presente el menú contextual disponiendo sus múltiples
opciones.
El código es muy sencillo y puedes insertarlo de varias maneras.
Incluyéndolo dentro de la etiqueta <body>, sería así:
Presentar mensaje de copyright cuando copian contenido de tu web
Mensaje de copyright cuando copian contenido de tu web
Cabe indicar que cuando alguien (un copión) quiere copiar algo de tu contenido, siempre podrá encontrar maneras en las que te pueda copiar algo de lo que publicas. Sin hacer cita de tu sitio, con descaro y en muchos casos dándose el crédito por la publicación que en realidad tú hiciste.
Es cierto, quizás la temática es algo trivial, pero para los
que busquen como proteger de alguna manera su información, le puede servir
implementar este código.
Cabe indicar que cuando alguien (un copión) quiere copiar algo de tu contenido, siempre podrá encontrar maneras en las que te pueda copiar algo de lo que publicas. Sin hacer cita de tu sitio, con descaro y en muchos casos dándose el crédito por la publicación que en realidad tú hiciste.
Dado el caso de mal proceder (el de los copiones), puedes
añadir una referencia de Copyright al texto que te copien. Para esto, puedes
utilizar el siguiente script, el mismo que funciona muy bien si lo insertas
antes de la etiqueta </head>.
El código es el siguiente:
¿Cómo insertar un PDF en post blogger utilizando GoogleDrive? Paso a paso.
¿Cómo insertar un PDF en post blogger? Paso a paso.
Como he dicho en otros post, el editor de Blooger, tiene ciertas
limitaciones, por lo que el usuario bloguero tiene que proveerse ciertos códigos
o artilugios para poder plasmar sus ideas, como es el caso de querer presentar
el contenido de un archivo PDF.
Quizás lo que trata el contenido de esta entrada ya sea conocido por algunos,
pero para quienes aun no lo conocen y desean implementar la presentación de un
PDF en su blog o web, pueden seguir este paso a paso utilizando GoogleDrive:
1. En GoogleDrive… Crea una carpeta para que guardes tus PDF y no se
confundan con otros tipos de archivos. Sigue estos pasos:
Marcadores en Blogger
Marcadores en Blogger
Los marcadores o anclas de enlace (anchor links) son ubicaciones internas de una página, definidas para ser localizadas o llamadas por hipervínculos (hyperlinks) .
El editor de blogger posee ciertas limitaciones, las mismas que
se presentan debido a la falta de herramientas dispuestas al usuario (el
bloguero), por lo cual debe proveerse de códigos que le permitan hacer lo que
tiene en su mente, como es el caso de la utilización de marcadores.
Los marcadores o anclas de enlace (anchor links) son ubicaciones internas de una página, definidas para ser localizadas o llamadas por hipervínculos (hyperlinks) .
Citas con estilo, utilizando el diseñador de temas en blogger.
Citas con estilo, utilizando el diseñador de temas en blogger.
Quizás para algunos el tema ya sea algo muy conocido, pero para aquellos que
no han experimentado y no logran saber como poder utilizar el Añadir CSS en
blogger, les resulte muy beneficioso.
Por ejemplo, para este caso definiremos un estilo a las citas (blockquote),
el cual llamaremos según nuestro requerimiento.
Insertar redirección a otro sitio según la hora con javascript
Insertar redirección a otro sitio según la hora con javascript
Que tal, en esta ocasión te muestro solo una imagen significativa que representa un direccionamiento, caso contrario no podrías ver el texto de esta entrada.
El código es el siguiente:
Que tal, en esta ocasión te muestro solo una imagen significativa que representa un direccionamiento, caso contrario no podrías ver el texto de esta entrada.
Te presento un código que bien podrías insertarlo en el cuerpo de una página, para que cuando la visiten puedas redireccionar a otra página según la hora del día.
Insertar imagen en el sitio según la hora con javascript
Insertar imagen en el sitio según la hora con javascript
...
Semejante a la referencia del post “Insertar saludo en el sitio según la hora con javascript”, puedes utilizar un código algo similar para presentar una imagen en el sitio según la hora.
Semejante a la referencia del post “Insertar saludo en el sitio según la hora con javascript”, puedes utilizar un código algo similar para presentar una imagen en el sitio según la hora.
Por ejemplo, habrás notado que en la línea inicial de esta entrada te
estoy saludando, pero ahora estoy usando una imagen (Buenos días, Buenas tardes o Buenas noches). No obstante, tú puedes insertar el código donde lo requieras y disponer la imagen que desees.
Además, puede aprovecharse la disposición de la imagen para poder definir un vínculo a otro sitio de la web.
El código es el siguiente:
El código es el siguiente:
Efecto nieve para tu página o el blog
Efecto nieve para tu página o el blog
En ciertas ocasiones, sobre todo en temporada navideña, de pronto deseas destacar la presentación de tu blog o la página en la que requieras que se presente un efecto tal como si estuviera nevando.
Para el efecto te facilito el siguiente código en javascript, que espero cumpla las expectativas de lo que requieres.
Necesitas una imagen, la cual te aconsejo de preferencia que sea tipo png, con transparencia en el fondo para evitar que se vea el típico formato de cuadro.
Las instrucciones en el código están modificadas para en caso de que tengas un blog, por ejemplo en Blogger (2017), puedas colocarlo dentro de un gadget. Colocado en un gadget no se presenta ningún problema en la presentacion de la imagen que deseas presentar como nieve, aquí es más fácil y no tienes que tocar la plantilla.
El código es el siguiente:
Para el efecto te facilito el siguiente código en javascript, que espero cumpla las expectativas de lo que requieres.
Necesitas una imagen, la cual te aconsejo de preferencia que sea tipo png, con transparencia en el fondo para evitar que se vea el típico formato de cuadro.
Las instrucciones en el código están modificadas para en caso de que tengas un blog, por ejemplo en Blogger (2017), puedas colocarlo dentro de un gadget. Colocado en un gadget no se presenta ningún problema en la presentacion de la imagen que deseas presentar como nieve, aquí es más fácil y no tienes que tocar la plantilla.
El código es el siguiente:
Cómo colocar control audio html en una página web
Cómo colocar control audio html en una página web
Seguro que a continuación de estas líneas verás que se presenta un control que permite la reproducción de audio. (De preferencia en formato mp3)
Para la reproducción es necesario que tengas una dirección url de un archivo de audio tipo mp3. Es decir, necesita que el archivo de audio esté subido en algún servidor y lógicamente no pierda su extensión. (.mp3)
El código está escrito en HTML5 el cual lo permite actualmente la mayoría de los exploradores, y es el siguiente:
Insertar texto en el sitio según la hora con javascript
Insertar texto en el sitio según la hora con javascript
...
...
Es cierto que nuestro computador nos puede mostrar la hora y por ello podemos saber si es mañana, tarde o noche, pero si deseas mostrar un saludo como parte de la presentación que hace tu página para con sus visitantes, puedes insertar el siguiente código en javascript, para que puedas saludar dependiendo de la hora en que se realiza la visita.
Por ejemplo, habrás notado que en la línea inicial de esta entrada te estoy saludando, pero tú puedes insertar el código donde lo requieras.
El código es el siguiente:
El código es el siguiente:
Botones de redes sociales flotantes para tu sitio. (Vertical)
Botones de redes sociales flotantes para tu sitio. (Vertical)
1. Elije cualquiera de los códigos…
Semejante al post de los botones dispuestos de manera horizontal, como aprecias en la imagen, en esta ocasión te traigo unos códigos, que te permitirán colocar botones si así lo
requieres de 6 de las redes sociales más utilizadas actualmente, Facebook,
Google +, Twitter, Linkedin, Instagram y Youtube.
Puedes escoger el código que mejor te convenga, para presentarlo donde lo
requieras de manera VERTICAL, en las esquinas o en las partes centrales de la pantalla.
1. Elije cualquiera de los códigos…
Botones de redes sociales flotantes para tu sitio. (Horizontales)
Botones de redes sociales flotantes para tu sitio. (Horizontales)
1. Elije cualquiera de los códigos…
Como aprecias en la imagen, en esta ocasión te traigo unos códigos, que son
muy sencillos por cierto, pero que te permitirán colocar botones si así lo
requieres de 6 de las redes sociales más concurridas actualmente. Facebook,
Google +, Twitter, Linkedin, Instagram y Youtube.
Puedes escoger el código que mejor te convenga, para presentarlo donde lo
requieras de manera HORIZONTAL, en las esquinas o en las partes centrales de la pantalla.
1. Elije cualquiera de los códigos…
Texto parpadeante (Blinking Text) con Javascript
Quizás lo veas pasado de moda o para muchos se torne un poco molesto el parpadear de un objeto en la pantalla, pero si deseas llamar la atención puedes insertar este texto en algún lugar de tu sitio.
Podrías darle un formato un poco discreto o hacerlo verdaderamente llamativo si modificas un poco el código.
El codigo es el siguiente:
Cita aleatoria (Random Quote) con Javascript
Cita aleatoria (Random Quote) con Javascript
...
...
Seguro ya te diste cuenta que en la línea superior se muestra un mensaje de
texto (cita) con color verde.
Si actualizas la página es muy probable que veas que el texto cambiará… y si
vuelves a hacerlo cambiará nuevamente.
Este código te puede servir si deseas como dice el título, presentar una cita
aleatoria para cada vez que ingrese un visitante a tu sitio.
El código es el siguiente:
Letras saltantes (Jumping letters) con javascript
Letras saltantes (Jumping letters) con javascript
…
Seguro ya te distes cuenta que en la línea superior se muestra el texto
"Letras saltantes con Javascript" con una animación de movimiento como de tipo “ola”, “gusano” o
como la desees identificar.
Este efecto lo podemos lograr utilizando la lógica de hacer saltar las letras
de manera secuencial.
Aunque a ciertas personas les pueda parecer un poco molesto, también es
cierto que te podría servir para llamar la atención hacia algún espacio dentro
de tu página.
El código es el siguiente:
Pantalla con color de fondo aleatorio.
Pantalla con color de fondo aleatorio.
Si actualizas esta entrada verás que cambia el color de fondo de pantalla, entre 5 diferentes tonalidades, rojo, verde, azul, negro y blanco de manera aleatoria.
El código es el siguiente:
Si actualizas esta entrada verás que cambia el color de fondo de pantalla, entre 5 diferentes tonalidades, rojo, verde, azul, negro y blanco de manera aleatoria.
Si utilizas blogger u otra plataforma que lo permita, podrías insertarlo dentro de una entrada como en este caso para que solo cambie cuando se ingrese en dicha entrada, caso contrario puedes colocarla dentro de un gadget para que cambie en cada entrada sin necesidad de tocar la plantilla.
El código es el siguiente:
Suscribirse a:
Entradas (Atom)
ESTO PUEDE INTERESARTE
ElectroSYSTEM
Soluciones para mi blogger
ElectroSYSTEM
Soluciones para mi blogger
ElectroSYSTEMSoluciones para mi blogger
ElectroSYSTEMSoluciones para mi blogger
:) Hola, te invito a que te unas a este grupo, para Blogs y Bloggers.