Buen dia amigos. Una solución interesante para al hacer clic en un icono que no molestará a los visitantes. En él puede colocar anuncios importantes u otros Información necesaria. Solo aparecerá cuando el usuario haga clic en el icono (en mi caso, el icono de Android).

El código no es absolutamente complicado, sin bibliotecas ni scripts pesados. Y se instala de forma elemental en el gadget HTML/JavaScript. La imagen en sí y el botón "cerrar" en formato svg. Puede ver visualmente este "diseño" en el blog de prueba en la esquina superior derecha.

Demostración
Todo el código

Copie el código completo, instálelo en el gadget HTML/JavaScript en cualquier parte del diseño del blog. El ícono se ubicará exactamente en el lugar previsto. La línea marcada en gris contiene una imagen de fondo translúcida de la propia ventana emergente. Como innecesario, puede eliminarlo del código y configurar el fondo principal preferido a su gusto cambiando el valor del fondo: #fff para lo que quieras.

Gracias a todos por su atención. Nos vemos.

Suscríbete a nuevas hojas de trucos

Hola amigos. Quiero mostrarte lo fácil que es cambiar el fondo general de todo el blog. Aunque el fondo en sí se puede personalizar fácilmente en la sección Tema. Allí puede elegir fondos listos para usar o cargar su propia imagen y realizar la configuración adecuada. Sin embargo, decidí ofrecerle una opción más fácil, en mi opinión. Aquí podemos ajustar nosotros mismos el tamaño de la imagen de fondo. O mejor dicho, su ancho.

Vamos a ir al grano. Inicialmente, mi blog de prueba se veía así. Marqué el espacio (o el fondo de todo el lienzo) que se estableció en la configuración del tema.

Ahora lo cambiaremos a esta imagen.

Para que se vea así

Aquí quiero llamar su atención. El ancho del blog en mi caso es de 1200 px. Las dimensiones de la imagen de fondo son 1450 por 950 px. La imagen llenó todo el espacio.

Si las dimensiones de la imagen de fondo son más pequeñas que el tamaño de todo el lienzo del blog, entonces no cubrirá todo el espacio y se verá como un borde. ver la diferencia

También parece ser bastante aceptable. Algunas personas decoran sitios web de esta manera para las fiestas. En cualquier caso, considera ambas opciones. Con un fondo correctamente seleccionado o creado en cualquier editor, se pueden ajustar ambas opciones.

No se necesitan habilidades especiales.

1. Seleccione la imagen deseada y copie su dirección.
2. Copie el código a continuación y configure la dirección de su imagen

3. Vaya a la pestaña Tema - Editar HTML buscar ]]>y establezca el código terminado encima de esta línea.

El resultado será visible al visualizar el tema. Si está satisfecho con él, no dude en hacer clic salvar y admirar la nueva plantilla.

De nuevo, repito. Por si acaso la imagen es tamaños más pequeños el ancho del blog o incluso oculto fuera de la vista, debe establecer el valor de ancho en el código. Agrega solo una línea y se ve así

cuerpo (
fondo: URL (http://www.clipartbest.com/cliparts/9iz/EnR/9izEnR56T.png)
superior fijo sin repetición;
tamaño de fondo: 100%
}

Con tamaño de fondo: 100%; puedes jugar cambiándolo a uno más pequeño hasta que consigas lo que quieres.

Con manipulaciones tan simples, puede crear diferentes fondos para diferentes días festivos, estaciones o su estado de ánimo.

Quizás te perdiste

Todo lo mejor y hasta pronto.

Hola a todos. Hoy te ofreceré un código cuando aparezca una imagen cuando pases el mouse sobre un enlace. Hay muchas opciones para el diseño de enlaces. Pero esta será una solución original para blogs temáticos. O para un mensaje separado. Siempre puede elegir una imagen para el tema y el diseño deseados.

Puede ver una demostración en vivo justo debajo. Di enlaces a algunas páginas de mi blog para mayor claridad. Por supuesto, las cambiará a las direcciones de sus páginas. Imágenes y texto - respectivamente.

Aquí está el código en sí.

Copie todo el código, realice las configuraciones necesarias e instálelo en el editor de publicaciones en modo HTML en la ubicación deseada. El ejemplo contiene 3 enlaces. En cualquier caso, puede eliminar o agregar una línea como esta

">"texto del enlace")

Y desde el fondo de mi corazón me gustaría desearles a todos el más feliz año nuevo. Sonrisas, alegría, salud, bienestar a familiares y amigos. Bien y paz a tu hogar!!!

¡¡¡FELIZ AÑO 2020 A TODOS!!!

Hola. La navegación en las plantillas estándar de Blogger no llama la atención en absoluto. Un panel apenas perceptible al final de la página, no todos lo notarán. Por lo tanto, es posible que cualquier visitante nuevo no vea un enlace a artículos de blog anteriores o siguientes.
Hay muchos estilos de navegación. Pero no es la primera vez que a muchos de ellos se les dice que "se les ha ordenado una larga vida". Y la navegación del sitio es quizás el elemento más básico. Por lo tanto, daré enlaces a artículos donde ya he publicado opciones de diseño de navegación y ofreceré un código de trabajo más. Así es como se verá debajo de las publicaciones del blog.

La versión de hoy se ve bastante elegante. Muestra una lista numerada de páginas en el panel y muestra la anterior y la siguiente correctamente.

Para instalar, primero debe copiar este código

En el código, resalté la cantidad de publicaciones mostradas en una página (3). Puede cambiar al número deseado. Bueno, envía un mensaje de texto si quieres. Por ejemplo - "adelante - atrás" o "ida y vuelta" etc.

Ahora vamos a la pestaña. TEMA - Editar HTML . Usando las teclas de acceso rápido Ctrl + F (leer), encontramos la etiqueta de cierre

. Pegue el código copiado justo encima.

Hacer clic guardar cambios y corre para ver el resultado. Como resultado, debe mostrar un bloque con navegación numerada paginada en cada página.

Saludos a todos y feliz año nuevo.

quiero suscribirme a nuevas hojas de trucos

Se puede hacer una presentación de diapositivas para un sitio web utilizando Yandex. Desafortunadamente, la aplicación Yandex no le permite hacer lo mismo. que describí en mi otro artículo. Pero en el lado positivo, me gustaría señalar que las fotos del álbum de fotos de Yandex estarán bien indexadas por Yandex y existe la posibilidad de atraer visitantes a su sitio.

Otra ventaja indudable de una presentación de diapositivas de este tipo para el sitio es que no necesita cargar módulos adicionales, complementos, componentes al sitio que crean una carga adicional en el sitio. Simplemente pegue el código HTML en el lugar correcto en la página de su sitio.

Cree una presentación de diapositivas para el sitio utilizando la aplicación Yandex

Para hacer esto, debe tener un buzón registrado en Yandex.
Vaya a su buzón y seleccione "Fotos" - "Subir fotos" y acepte el acuerdo de usuario.

Llegamos a otra página donde primero debemos crear un álbum en el que subiremos fotos.

Agregamos fotos, seleccionamos las que queremos ver en la presentación de diapositivas.

Introduzca el nombre del álbum de fotos y las etiquetas.

Puede omitir el elemento "Configuración".

Y ve al cuarto paso "Subir al álbum".

Una vez que hayamos subido todas las fotos para la presentación de diapositivas, vaya al álbum.

Para hacer una presentación de diapositivas para el sitio utilizando la aplicación Yandex, haga clic en el enlace "Presentación de diapositivas".

Junto con mi nieta, obtuvimos una presentación de diapositivas para ella.

Habiendo creado un nuevo blog en blogspot, pensé en cómo podría hacer una presentación de diapositivas conveniente en los artículos allí. Después de todo, quiero que el lector se “pegue” a las páginas, mirando muchas imágenes. Esta es, de hecho, la idea principal de mi nuevo sitio: yo mismo me "pegué" durante mucho tiempo hasta que decidí aprovecharlo. Pero publicar todas las imágenes como ilustraciones significa hacer una publicación, de un kilómetro de largo, en la que una persona se atormenta para desplazarse de un lado a otro.

Por qué necesitas una presentación de diapositivas

Antes de escribir instrucciones detalladas, quiero decir algunas palabras más sobre por qué me desconcertó esta pregunta.

En el último artículo expliqué por qué hice un nuevo blog en Blogspot. El principal tráfico hacia él será desde la búsqueda. Y para esto necesitas una buena indexación y una buena clasificación de los artículos (¡¿quién no los necesita?!) Y para esto, los buenos factores de comportamiento (PF) son muy importantes. Y una parte importante de estos PF es el tiempo que pasa el visitante en las páginas del blog.

Otros búhos: nuestra tarea es hacer que el lector se quede con nosotros por más tiempo.

Y ya se ha hablado mucho de esto. Había recomendaciones estándar trilladas, como: "coloque un widget con publicaciones interesantes/populares/similares debajo del artículo: el visitante estará interesado y permanecerá en el blog para leer más" o "coloque un video en el artículo: el visitante estará interesado y lo veré mientras esté en el blog"...

¿Sientes el frío sin vida de las recomendaciones estándar? Lo único que falta es mi frase favorita ("¡haz contenido para la gente!"). Mucha gente publica videos en sus artículos sobre encurtidos... ¡sobre gatos o ballenas! Así que meten en enormes listas de artículos similares. ¿Y si miras cuántos clics hubo en estas listas y resulta que 1 de cada 100.000 visitantes?

No. El objetivo de la usabilidad es tratar de modelar el comportamiento humano. Y entonces creo (no el hecho de que tenga razón), juzgo por mí mismo que en publicaciones como las que tengo en Domofor (blog de blogspot), lo más apropiado sería una presentación de diapositivas que una persona puede torcer en todas las direcciones, considerar en detalle, hacer zoom a pantalla completa, etc.

Y también piensas. Y si decide que también necesita esto, aquí hay una historia detallada sobre las posibilidades.

Un poco de historia sobre la victoria de Yandex sobre Google

En realidad, esta es una historia asombrosa sobre cómo Yandex superó a Google en su propio campo (Google). Está claro que lo primero que fui a los álbumes de Picasa, donde Blogspot coloca todas las fotografías que subimos a las páginas del blog. Y allí, no sin dificultad, encontré la función de crear una presentación de diapositivas y publicarla en un recurso de terceros. ¡Pero esta presentación se veía terriblemente miserable!

Es extraño que Google no haya creado una herramienta conveniente y presentable para crear presentaciones de diapositivas en sus propios blogs. Por lo tanto, di la vuelta 180 ° y me mudé a Yandex Photos. Donde inmediatamente descubrí la oportunidad de hacer una presentación de diapositivas del álbum y obtener una imagen bastante decente en el blog.

Instrucciones para crear una presentación de diapositivas en Yandex Photos

Entonces, llegamos a Yandex Photos. Por supuesto, debe tener una cuenta en Yandex (creo que entre los bloggers no encontrará a una persona SIN una cuenta en Yandex). Si va a hacer una presentación de diapositivas de un álbum existente, puede desplazarse inmediatamente a través de esta instrucción un par de puntos hacia abajo. Y veremos rápidamente cómo hacer un álbum completamente nuevo y animar su contenido.

Nombra el álbum adecuadamente, no el álbum #1 o 463524. Su nombre se mostrará al comienzo de la presentación de diapositivas. Haz una buena descripción. Tal vez sea solo un hábito: siempre que sea posible, agregue descripciones. Pero aún así, hay esperanza de que Yandex preste más atención a nuestro blog ... Bueno, tal vez las cosas vayan más rápido a través de la búsqueda de imágenes.

Recuerde que esto no es una descarga todavía. Para que nuestro álbum aparezca en el servicio Yandex Photos, haga clic en el botón azul en la esquina inferior derecha:

Ahora debe ir a un álbum nuevo y seleccionar el enlace "presentación de diapositivas", a la derecha del título del álbum:

En realidad, eso es todo. Aquí hay una imagen tan hermosa que veremos:

Para ajustar los efectos de cambiar fotos, haga clic en la flecha amarilla en el centro. Mientras mueve el cursor sobre la pantalla de presentación de diapositivas, se muestra un menú en la parte inferior con funciones de rebobinado, un control deslizante y un botón de "efectos". Haga clic en él y elija cómo cambiarán las imágenes. Me gusta especialmente el efecto con un poco de acercamiento y alejamiento de la imagen. Pero todo es muy inteligente, sin asteriscos ni dispersión inesperada de imágenes en píxeles pequeños)))

Bueno, eso es todo: a continuación se muestra el código para insertar en cualquier sitio o blog. Blogspot lo digiere muy bien. Cierto, cuando se ve a través de la versión móvil de Opera, no carga... Pero esto ya es cuestión del navegador, y no de la herramienta. En una ventana separada, dan código para blogs en la plataforma LiveInternet. También puede obtener un enlace a una presentación de diapositivas, si está interesado en que los visitantes vengan a usted en Ya.ru.

Una vez finalizada la visualización, aparece la siguiente información en el campo de presentación de diapositivas. No muy bonito, pero bastante funcional.

Puede ver una demostración de la presentación de diapositivas creada ante sus ojos al final de este artículo http://www.domofor.com/2014/01/dvery-v-dome.html

¡Finalmente! Hoy descubrí que se hizo posible recibir y distribuir enlace directo a la carpeta(y no solo archivos individuales en él).

Anteriormente, solo podía obtener un enlace a un solo archivo. O todos los archivos debían recopilarse en un archivo y distribuirse un enlace a él.

Sin embargo, todo esto no es muy conveniente, porque. se requiere una acción adicional del usuario. Y es especialmente inconveniente para aquellos a quienes les gusta compartir fotos; después de todo, si desea mostrar sus fotos / imágenes a alguien, debe obtener enlaces a cada imagen por separado.

¿Cómo puedo obtener un enlace a una carpeta en Yandex Disk?

Hacer esto no funcionará (por el momento). Por lo tanto, debe ir a la interfaz web del servicio y simplemente seleccionar cualquier carpeta allí (haga clic en él una vez l.k.m), al que desea obtener un enlace. Y luego, en la esquina inferior derecha, coloque el interruptor "Enlace público" a la posición "encendido":

Ahora este enlace ya se puede distribuir a cualquiera. Se cargará una interfaz web especial para el destinatario, donde podrá ver el contenido de la carpeta + luego su contenido:

Vista de catálogo

Naturalmente, todo se puede descargar de inmediato, en un archivo .zip, o "por pieza", pasando el cursor sobre un archivo separado.

Si hay imágenes en el catálogo, cuando haga clic en cualquiera de ellas, comenzará una presentación de diapositivas conveniente:

Presentación de diapositivas en Yandex Disk (se puede hacer clic)

Con el advenimiento de la capacidad de obtener un enlace a una carpeta en Yandex.Disk, este servicio, en términos de su funcionalidad, es muy similar al propio Dropbox.com. Es cierto que este último tiene la capacidad de ver videos en línea, pero no puede ejecutar audio mp3 en línea. Con Y.Disk, es al revés.

También cabe destacar estos servicios en la nube:

En general, Yandex.Disk se está desarrollando muy activamente. Además de recibir un enlace directo a la carpeta, ahora puede leer documentos de texto de varios formatos directamente en línea (.txt, .doc, .rtf, .pdf...) e incluso descomprimir archivos -