Agrega una galería o portafoliio a una entrada de tu blog


Incluir una galería de imágenes con todos nuestros proyectos mejora la navegabilidad de nuestros blogs. Hacerlo con HTML es sencillo, sólo necesitaréis dedicarle un poco de atención y conseguiréis facilitar la experiencia del lector porque podrá ver todos vuestros inventos de un plumazo. Recordemos que nos movemos por un mundo muy visual en el que más que leer, devoramos imágenes. Pongámoslo fácil pues!

Necesitamos: Un blog, imágenes de los proyectos que queramos mostrar y un ratito tranquilo. Es recomendable que todas las imágenes sean pequeñas (las mías por ejemplo hacen 180 x 198 px) y también que las hayamos colgado previamente para tener su URL. Si alguien no sabe cómo conseguir la URL de una imagen que se dirija al punto 1 de este enlace.
 
 

Vamos a crear una entrada o una nueva página, clicamos sobre el botón de HTML y allí escribimos el siguiente código para crear la tabla que contendrá todas las imágenes. Cada imagen funcionará como un botón para ir directamente a ese post en concreto. (Dejo aquí el código para que lo podáis copiar)

<table border="0" cellpadding="4"><tbody>
<tr>
<td> <a href="URL DESTINO" target="_self"><img src="URL IMAGEN" alt=""/></a> </td>
<td> <a href="URL DESTINO" target="_self"><img src="URL IMAGEN" alt=""/></a> </td>
<td> <a href="URL DESTINO" target="_self"><img src="URL IMAGEN" alt=""/></a> </td>
</tr>
</tbody></table>

A continuación analizaremos el significado de todo ese código. Esta es la explicación para una tabla de 1 fila y 3 columnas, a partir de estas indicaciones podrás diseñar la tuya con tantas filas y columnas como quieras.





Espero que le saquéis mucho provecho compañer@s! Y recordad que también vale la pena dedicar un rato a añadir botones "Pin me" de pinterest a vuestras fotos y poner todos los iconos sociales

Como siempre, si os surge cualquier duda la podéis dejar en comentarios y os responderé encantada :)


Besos!! Estaré al otro lado de mi galería de DIY'sFacebook y Twitter.
 
Fuente:  http://diy.2ndfunniestthing.com/2013/05/como-insertar-tablas-blogger-how-to-add-image-tables.html

Instala en blogger traductor de banderas

Al igual que el traductor anterior, este ofrece a los lectores de tu blog unas banderitas que actúan como botones, pero en este caso, con una nueva característica: la presencia de un botón general que las mantiene escondidas y las muestra al ser pulsado.

En la siguiente imagen puedes comprobar el resultado:


Además, la instalación de este nuevo y mejorado traductor es más sencilla y rápida ya que no requiere ediciónalguna del código.

Diseño>añadir gadget (elemento de página)>html-javascript




Pega esto en su interior:

<center><script type='text/javascript'>function blmostrocult(blconted) {var c=blconted.nextSibling;if(c.style.display=='none') {c.style.display='block';} else {c.style.display='none';}return false;}</script><style>.google_translate img {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;border:0;}#German img{border:0;margin-top:6px;}.google_translate:hover img {filter:alpha(opacity=30);-moz-opacity: 0.30;opacity: 0.30;border:0;}.google_translatextra:hover img {filter:alpha(opacity=0.30);-moz-opacity: 0.30;opacity: 0.30;border:none;}</style><a onclick="return blmostrocult(this);" style="cursor: hand; cursor: pointer;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5n9Cm7QQfyDcGzvghr4_Vi_0wHXjwhEgcGU4jUDNjhNVMkZiC-luC-9r9dDLIvQTz7iAFZJKz98-kmHGATTwI2ByN4VLbIz2xy7Eqzlx3P_Bdp2zM6xH9J5araR5VS_5eBSl43Gx8Dnyb/s320/bltrad1.png"/></a><div style="display: none;margin-top: 18px;"><div style="text-align:center;"><a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP6Ejt4-HczuE3DIzVOz2qoGTgjQuKO4cIEPE1hEMzZIknSl-1y1Q8nB7Lfpjw0lJupz3fqB7ftitCr9_yklsMc-ltky045SYu4VwKp9_VE4qKmsVfgX5NeH6xCj9UnFO-l7RxpHp2_OjQ/s320/blenglish.png" style="cursor: pointer;margin-right:8px" width="24"/></a><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Alemán" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cde&hl=en'); return false;"><img alt="Alemán" border="0" align="absbottom" title="Alemán" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_rlV_XW7odmP1KD6HAXX5B4UOswSXfXfiZg20oKcCj-pLI085QxCrvs1MiHkZ7vQSIeK5m2F1RSCvx-z9hcuO_bGJ7gDkzSunNib6i82qzKt599G7bTL4dbpweoG2lew6LX4CpIOt7vk-/s320/blaleman.png" style="cursor: pointer;margin-right:8px" width="24"/></a><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Francés" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cfr&hl=en'); return false;"><img alt="Francés" border="0" align="absbottom" title="Francés" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8OoWqJxvUlUX8J2uf3rQA-q_YV9HkYrttNTKcY8ACZXS1Nl3HGNzTRsb6WgXStGAncLeY1ZKZLQtVufRT30WQXhQuYoAoiPRooR42bYVLVQPhd0vFRRAbRpKIs2TakpZyBKXcllUnpRGV/s320/blfrances.png" style="cursor: pointer;margin-right:8px" width="24"/></a><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Español" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Ces&hl=en'); return false;"><img alt="Español" border="0" align="absbottom" title="Español" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL-gDlEmbWgpZgsnME53kMf2YvMrp0vhQDzIQdWe2QxdZKKGEpkQ8ozVgzHDhCsZ4L9jZXcwOBBgm7JlEyjq1qY8GjR4J5pznI3Yr5UAy2AphmtxE83fu9i1UKLV3Jr9mW9UjEwo20xqV1/s320/blespanol.png" style="cursor: pointer;margin-right:8px" width="24"/></a><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italiano" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cit&hl=en'); return false;"><img alt="Italiano" border="0" align="absbottom" title="Italiano" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGSHU2DOVrLjdpm_kyck-ewksw5haDGEGVJSnAdF31O0-lZ1wgZBpXYXgzz49sEJbyhHf3W67SlvQvjRF-_v7w8_O9TH9foU_fYKjVfDLHHnOJdxqav_qDBTUFy2g7LDk8JOWD_Cr8OfX7/s320/blitaliano.png" style="cursor: pointer;margin-right:8px" width="24"/></a><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Netherlands" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cnl&hl=en'); return false;"><img alt="Netherlands" border="0" align="absbottom" title="Netherlands" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMw6-TRJ90CxJAmSxQ6F5I_hB0N5vuBkNZaniTI_2pg2UDUQaxUxtrweYRSWMkwQ3y2SKhUgvaVdUeUhgraZHA4mKkGj3RBC3VtCk0KNZepIIcPELN4U0UAgXamVhvhdU-9O8O3lxfkuYq/s320/blneder.png" style="cursor: pointer;margin-right:8px" width="24"/></a><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Ruso" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cru&hl=en'); return false;"><img alt="Ruso" border="0" align="absbottom" title="Ruso" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC5Qz_4NsbyOzASjkDiywQ55OsytASyfkerC83PsZaRnFtf1YWxLelWyvfs08leYJGKvD7f6M6rwFpWMK6n8tinuJOP6SsoTWafdDbd_dMi21OkuOL8mk6xF8JeerATDwgninY60808CJI/s320/blrusia.png" style="cursor: pointer;margin-right:8px" width="24"/></a><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portugués" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cpt&hl=en'); return false;"><img alt="Portugués" border="0" align="absbottom" title="Portuguese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXAqDAyob46GFi3wgJt9PnDR5XmwC-MFx7irOMKia2YZuS_vXUYSiMCaqOJGjlZqTRnRF96DctGRkIn3JUcumqPylvN50MWqF-3G_iqRMBUSbkXSGXFq-B5gqCG8O7qu0iwdGwaW1KdOxA/s320/blbrasil.png" style="cursor: pointer;margin-right:8px" width="24"/></a><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chino Simplificado" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Czh-CN&hl=en'); return false;"><img alt="Chino Simplificado" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSYU46NUXqFVI38MfoGaiNlgXCbrDPnr2NazaewNGaw3WGmdHRhHZi5CXLCCM_zwa6bfHRP416c8HaYd4whiGiUseOUda1nq9poNmC9mVO8QEcHusNsovL5ob6Dror_ZMMBdHSvklR0pYW/s320/blchina.png" style="cursor: pointer;margin-right:8px" width="24"/></a><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japonés" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cja&hl=en'); return false;"><img alt="Japonés" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFTQMsxUDv3wcfa9sHlcytQ-iC7kvip0BmsknAMryblRsdpED0Ja4UN4gppijoRlh38Y4o3xsun3In112yGnbiWaJJskwIdRi9uY_ysjonHOtB0wBg53_k7xNBx2335LFwVK2WEtkYTlgU/s320/bljapones.png" style="cursor: pointer;margin-right:8px" width="24"/></a><div><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Coreano" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cko&hl=en'); return false;"><img alt="Coreano" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRcHJnB_E-cGMpnFDpvCrZQ6zstnwYO6V8Ly2PJDu63qmpmRIMS-PHR__X1Bf6ppAe8v4f2XdAcYl5KltvFWALYurFM6HAiiFpbyO8DJq4WJhlUx_9dNyJ7XUpXpSTAlXCZF6tabr6CeBH/s320/blcoreano.png" style="cursor: pointer;margin-right:8px" width="24"/></a><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Árabe" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Car&hl=en'); return false;"><img alt="Árabe" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsVdFBtvLygi6xDQn7MMPaFDQZ5BhyphenhyphenQkdsnqUUz3wxC7WmhnrAbtoyPOe5UkVFybK7Oyxp7TpUytonunNoY8jQd0KgQo2DyaXIcRDyMui-alGMw8LsyfQdwuMWrdmgHPmoimbl2-s3ykmH/s320/blarabe.png" style="cursor: pointer;margin-right:8px" width="24"/></a><center><a href="http://goo.gl/favZ"><div id="German"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcUyNvJliF9X3q_ywiaCTrFICwiS9pKG4dsyuTiDynjhbqmx3_flVlu51Gtqx3FA4HQdvzbBz8n3wvLcQEUYz5bbm69tZjiND1EWBGYJKO4CbE4rHGLFbLN5cPQmgOI0eQkeSPwqWPuRhP/s320/aleman.png"/></div></a></center></div></div></div></center>
Vía

Agrega a tu blog una sala de chat de calidad



Dentro de las opciones que tenemos para mantener conversaciones con otros usuarios, tenemos a Chateagratis, unservicio de chat en el que, sin necesidad de registros, nos encontraremos con una serie de salas de chats donde poder participar. Encontraremos salas por países, por rango de edades o incluso salas de otras temáticas.
Pero no sólo dispone de salas de chat para interactuar desde la web, ya que dispone de un servicio de envío de postales electrónicas, e incluso la posibilidad de configurar salas de chat para añadir a nuestros sitios web, sin olvidar de que también podemos añadir a nuestros sitios web salas ya existentes en este servicio.
Ya dentro de cada chat, los usuarios podemos enviar mensajes públicos, insertar en ellos emoticonos, habilitar la webcam, e incluso establecer conversaciones privadas.
Enlace: Chateagra

Como insertar botones para que te manden un correo a alguna cuenta especifica



Email Me! es una opción más que tenemos los usuarios a la hora de posibilitar a nuestros visitantes el envío de mensajes de correo electrónico sin dejar rastro de nuestra dirección a los spam-bots. En este caso se trata de un servicio que nos facilita la creación de un sencillo botón el cual, al presionarlo, saca un sencillo formulario a rellenar por la persona interesada en enviarnos su comunicación electrónica.

Related Posts Plugin for WordPress, Blogger...