Las galerías de imágenes son realmente extraordinarias para las páginas web, obtener nuevos trucos para blogger es lo que aprenderás en este grandioso tutorial para blogger.
Aprenderán a insertar una galería de imágenes con un simple código que realmente no le causara ningún daño a la estructura de su blog.
Solo van a utilizar un código con el cual hará el grandioso truco para mostrar una galería de imágenes fácil en su blog,
lo podrán utilizar en un widget y ubicarlo donde ustedes quieran o lo podrán poner dentro de un post.
Voy a explicar algunas formas de utilizar este código de galería de imágenes.
1 Widget galería de imágenes para blogger
Si quieren insertar una galería de imágenes en un widget y que muestre hasta 9 imágenes incluyendo una URL en cada una de ellas y que se abra en una nueva página, tendrán que copiar el siguiente código en un widget.
Da un clic en “Diseño”
Abre un gadget “Añadir un gadget”
Busca el widget que dice “HTML/Javascript” ábrelo e inserta el siguiente código en su interior
<table cellpadding="3">
<tbody>
<tr>
<td align="center" width="25%"><a href="http://www.increibleviaje.com/" target="_blank"><img height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHLFUmWPEJTa_yNpAp0WGjc60kGdKxFvL8qkeaEi19PL3oRcJpURow91LKqdihmxUEfqgkoajpvuejcniU60Oj5yKTX2hp3pce5DIcCd-Kh83ouasQ5jwLSuxzHasmGKd8BbUZC4sqeVtT/s1600/turismo+en+las+vegas.JPG" width="60" /><br /></a></td>
<td align="center" width="33%"><a href="http://www.increibleviaje.com/2013/08/las-vegas.html" target="_blank"> <img height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIf5HEjA1d_jndZjLxqPPChyphenhyphenTi2RXiFLxgv9dTQzoU7m-xXm2EXfLOsWIIyN2AHgss5SHOTi87rbhitF3nJBZKdCPhHM5t1ApaC1VFLtiLkePOhcgGLpDvneiZF1Lvbnb-86ELHbFcnPYG/s400/informacion+de+las+vegas.JPG" width="60" /><br /></a></td>
<td align="center" width="33%"><a href="http://www.increibleviaje.com/" target="_blank"> <img height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWhOcE0kWXEoS0kzTSIbZBTUUI0k0qQQRMSpuwHCob88zHVXhktGyWTRKxFZRYNYJnfyKY0cbDlOJVapMnmlmT9v9I5OEthjDmt42hyJZDirl6_XPetuRKuwfdFcBkYS0mL5smFIKYWKlm/s400/las+vegas.JPG" width="60" /><br /></a></td></tr>
</tbody>
</table>
<table cellpadding="3">
<tbody>
<tr>
<td align="center" width="33%"><a href="http://www.increibleviaje.com/2013/08/hoteles-en-las-vegas-hotel-caesars-palace.html" target="_blank"> <img height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCAt-1VmFjNUccImihx_XOrunqnIXqUuCnfno8WXU984smb5A6JcZiY8rBszkyHsf6pA0VM7f_K_lyMHRBmr0z6QNF9KcTeonvl67HY_GumDfC3xDaDViJS6UydK1eLRf-wGEk2WT-QV5g/s400/las+vegas+hoteles.JPG" width="60" /><br /></a></td>
<td align="center" width="33%"><a href="http://www.increibleviaje.com/2013/08/hoteles-en-las-vegas-hotel-the-venetian.html" target="_blank"> <img height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOoi_ES-NmdP-ui7GtSy5tWo2l8RLFaRAdLSSuWZ7unEgVvtMRebYhsxW2V4-fGFbx28bVvaNc0-g76xJ2ljddSalgn69GhtsY_50mklds4rD_xzpQhj-FDgiPZ8_ER1-yEC2ByIBhcqeH/s400/las+vegas+hoteles.JPG" width="60" /><br /></a></td>
<td align="center" width="33%"><a href="http://www.increibleviaje.com/2013/08/hoteles-en-las-vegas-hotel-new-york-new-york.html" target="_blank"> <img height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQUhyphenhyphenxI6gxsQ3Mn5-azPzPnIY4gv11oJBJBz3F47nm12TX4F8VcM1ncFa9ANr0N6WA-XNHk5E8WMnR5HR7ficlWc7N-IccuVfsKWobiJtFAh2HcrD7qPJM0R0MgSi1dmKSh5TUQO8r1syw/s400/las+vegas+hoteles.JPG" width="60" /><br /></a></td></tr>
</tbody>
</table>
<table cellpadding="3">
<tbody>
<tr>
<td align="center" width="33%"><a href="http://www.increibleviaje.com/2013/08/hoteles-en-las-vegas-hotel-luxor.html" target="_blank"> <img height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPf_yStIbnrLrAtefWCX2HKwUiAQ7NKAmUobFWObCX-Pz4OQ2Pz9-CKx4-nP40HOPg9WfHXFH4TzctM_9K1VbjVTH7dhMynAY8SkA8mLAuwgtGkzW29hXOsg0U54x9Ph1WBR-N5IyRrUeV/s400/las+vegas+hoteles.JPG" width="60" /><br /></a></td>
<td align="center" width="33%"><a href="http://www.increibleviaje.com/2013/08/hoteles-baratos-en-las-vegas-hotel-paris.html" target="_blank"> <img height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLS2rlVpVe9rv4abOqhCCWf6JkVNI1rZJNhi9YU3Z2YL4-uXOyHwJmgk6qtJJDF2dRNb5Wy40_5gS1yAKeyO8dqhbNbNqCzTmtbOdwSM0EKq_ZjoyW6ccDGD0GOdTY-r2IuZQNxBo7ZVye/s400/las+vegas+hoteles.JPG" width="60" /><br /></a></td>
<td align="center" width="33%"><a href="http://www.increibleviaje.com/2013/08/las-vegas-hotel-circus-circus.html" target="_blank"> <img height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSZSv2WxBCj0r1q3wl2PBdwUh4rTDVIaTNhFgNixkgcIMQKm4s_p1_sAgh6zdigY0Ex7SAHa8m8IFrDcj1Q0Sgl2BtDwN6KKyyL8At30QueRAR_aPAUJVhi9TaK7GjEMS_EvITdjDZhPfb/s400/las+vegas+hoteles.JPG" width="60" /><br /></a></td></tr>
</tbody>
</table>
Realiza estos cambios:
He marcado de dos colores, en los cuales ustedes tendrán que realizar sus diferentes cambios.
Borra las URLs que están marcadas de color azul e inserta ahí las URLs correspondientes de los post que quieras dar a conocer.
Las URLs que están marcadas de color rojo, son las responsables de mostrar las imágenes, tienes que borrar todas y poner la URL correspondiente de tu imagen en cada una de ellas.
Eso es todo, ahora dale un clic en “Guardar” y ubica tu nuevo widget galería de imágenes donde quieras.
Fecha de la Publicación; 12-11-2020
No hay comentarios:
Publicar un comentario