Insertar galeria de fotos en blogger

cómo crear una galería de imágenes en blogger

Un nuevo año, así que cosas nuevas. Por si aún no os habéis dado cuenta, la semana pasada cambié el aspecto de mi blog, ¡espero que os guste! Compré esta plantilla en pipdig y estoy muy contenta con ella. Me gusta el estilo sencillo pero clásico. De un tiempo a esta parte me he ido metiendo más en la codificación html y en las formas de personalizar mi blog y he pensado que estaría bien compartir estas cosas para los interesados también. Así que, de vez en cuando, iré publicando tutoriales sobre cómo hacer ciertos cambios uno mismo de forma muy sencilla. Los listaré en la categoría “Ayuda de Blogger”, así que si necesitas algo en el futuro también puedes encontrar estos artículos seleccionando esa categoría en el menú desplegable de la parte superior de mi blog.

Simplemente véalo como un cálculo, 100 dividido entre 4 es 25. 100 dividido entre 3 es 33 y algo más, así es como funciona. Si quieres que sólo se muestren dos imágenes por fila, cambia el porcentaje a 50 y así sucesivamente.

Y ya está. Puedes elegir una vista previa de tu página entre los pasos para ver si todo va correctamente. Por supuesto, también puede utilizar este código si desea utilizar miniaturas de imágenes en un blogpost regular, no necesariamente tiene que ser en una página de blog. El mismo método se aplica.

blogger photo gallery widget

With the help of CSS, we can make the <img> element to display on same position with the rest of the thumbs and style the thumbnails as small blocks with a defined height and width. The script will add a click-event for each <li> object that changes it’s child’s <img> visibility and will assign an “active” class name to the <li>.

#jquery-gallery li {width:84px; height: 80px;background-size: 100%;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover;background-size: cover;margin-right: 10px; border: 3px solid #fff; outline: 1px solid #E3E3E3; margin-bottom: 10px;opacity: .5; filter:alpha(opacity=50); float: left; display: block; }

#jquery-gallery li {background-size: 100%;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover;background-size: cover;margin-right: 10px; width: 80px; height: 80px; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 10px; margin-bottom: 10px; opacity: .5;filter:alpha(opacity=50); float: left; display: block; }

fotos de blogger

Las galerías de fotos añaden mucho colorido a un sitio web. Sin embargo, Blogger no tiene ningún widget de galería de fotos flexible que pueda divertir a los visitantes. Por lo tanto, tenemos que hacer uso de algunos scripts externos para formular un widget de galería de imágenes brillante. No estábamos 100% seguros de poder formular un widget de galería de imágenes, pero gracias al AIO Banner que hizo que todo pareciera bastante sencillo. Aquí, hemos utilizado el poder de Jquery que ha dado algunos efectos de transección extraordinarios al widget de la galería. Aquellos que están buscando un widget que podría mantener sus imágenes juntos, entonces, hoy vamos a compartir un widget de galería de fotos para los sitios de Blogger habilitado.

Los lectores se cansan después de leer artículos consecutivos. Necesitan un poco de descanso, así que por qué no integrar un widget que ofrezca algunas imágenes de vista, que difundirá la sonrisa en los rostros de todos. Por otra parte, los bloggers pueden utilizarlo para añadir sus fotos personales. Por ejemplo, un bloguero puede añadir las fotos que haya tomado durante una charla técnica, una conferencia de blogueros o eventos de blogueros. Es como tener una pequeña caja, donde una persona puede compartir sus snaps personales o algo relacionado con su interés.

cómo añadir una imagen en un post de blogger

Por ejemplo, un blogger de fotografía necesitará mostrar muchas fotos en su sitio para mostrar su portafolio de trabajo. Y un blog de viajes probablemente querrá añadir muchas imágenes de sus viajes recientes.

Una galería de fotos muestra tus imágenes en columnas o cuadrículas para conseguir un aspecto limpio y profesional que atraiga a los visitantes y los mantenga en tu blog. También hace que sea más fácil encontrar imágenes específicas cuando están bien organizadas.

Smash Balloon’s Instagram Feed Pro es el mejor plugin de feed de Instagram para WordPress. En minutos, puedes crear impresionantes galerías de imágenes de Instagram para tu sitio web que impulsan el compromiso y dan vida a tu blog.

Este plugin es 100% responsivo y no requiere ningún tipo de codificación, por lo que es muy fácil de usar para los principiantes. Hay un sinfín de opciones de personalización, así que usted puede diseñar su foto alimenta para que coincida con su tema de WordPress y la marca.

La mejor parte de usar Instagram Feed Pro es que puedes tomar las fotos que ya has subido a Instagram y mostrarlas automáticamente en tu sitio de WordPress. Esto te ahorra la molestia de tener que subir fotos dos veces y mantiene tu sitio actualizado automáticamente con contenido visual fresco.