Agrega un gadgets de noticias en tu blog

Continuando con los gadget de Noticias, hoy os traigo un gadget interesante para instalarlo en vuestros blog, se trata de un cargador de noticias de las web que queráis integrar.
Entrar en  netvibes una web donde en unos solos pasos integramos un cargador de noticias al instante.

Pasos:
Entrar en la web, os registráis y una vez yá registrados os explico los pasos.

1.-Pincháis aquí

2.-Ahora en create widget 

 

 

 

3.- Create multifeed widget

4.- En feed titule,colocáis el título de la web, en feed urlel feed de la web, si queréis poner más de una web, seguir los mismos pasos hacia bajo.

5.- Pincháis en Next step

6,- Rellenáis los siguientes pasos (ver imagen)

7.- Clikáis en Next step y os llevará aquí,y luego en add to my blog

8.- Copiáis el código y lo colocáis en un html/javascript de vuestra sidebar

-Fuente y prueba: Amor Semivillista: Enlace

Read More

Como mostrar las últimas entradas de una categoría especifica en la barra lateral

¡ Artículo publicado en el blog El Balcón de Jaime, que pese a ser un blog terminado, es uno de los mejores en truvos blogger. ! Ve la entrada en su blog original.

Mostrar las últimas entradas de una etiqueta específica en la barra lateral

Ya hemos visto la forma de instalar un widget para mostrar, de forma aleatoria, las últimas entradas en el blog.

Siempre viene bien informar a los lectores de un blog acerca de las novedades que han sido incluidas o los últimos artículos añadidos y, por ello, he dado con un procedimiento muy sencillo para mostrar las últimas entradas o los últimos artículos de una etiqueta (categoría / tema) específico.

Básicamente utilizaremos el gadget "Feed" que ofrece blogger y, por medio de una dirección que apunta al feed de una etiqueta cualquiera, haremos visible los últimos títulos en el blog.

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

Utiliza esta URL del feed:

http://elbalcondejaime.blogspot.com/feeds/posts/default/-/Widget%20%2F%20Gadget

En donde debes reemplazar elbalcondejaime por el nombre de tu blog, así como Widget%20%2F%20Gadget por la etiqueta escogida.

Importante: Si la etiqueta escogida está formada por una única palabra, por ejemplo "Fotos" no tendrás problema alguno y bastará con seguir los pasos.

Si por el contrario, la etiqueta escogida está formada por más de una palabra y por tanto, contiene espacios (como es el caso de Widget%20%2F%20Gadget, la etiqueta escogida por mí y que viene a ser: Widget / Gadget), deberás hacer lo siguiente:

1) Localiza una entrada agrupada en esa etiqueta.

2) Ya sea en el pie del post o bajo el título del artículo, localiza el enlace a la etiqueta y, con el botón derecho sobre él, selecciona: copiar la dirección del enlace...




Seguidamente obtendrás una línea similar a esta:

http://elbalcondejaime.blogspot.com/search/label/Widget%20%2F%20Gadget

Con los carácteres %20 que ves en naranja (representan espacios).

Tan solo debes copiar la etiqueta que aparece después de label/ y pegarla en la línea que cité al principio de la entrada.

Haz clic en continuar, una vez tengas todo listo y guarda el gadget para terminar.

Read More

Instala un rotador de banners sin descomprimir ni comprimir nada

Este artículo lo redactó el Potro para Ciudad Blogger uno de los mejores blogs en ayuda y tutoriales blogger. Visita el sitio aqui. para verlo en funcionamiento.

Tener un banner con imágenes cambiantes nos es de mucha ayuda si tenemos muchos banners que mostrar pero queremos ahorrarnos espacio, ya que en el mismo lugar los banners irán cambiando cada tres segundos.

Para colocarlo entra a Plantilla | Edición de HTML y pega antes de </head> lo siguiente:

<script>
//<![CDATA[
/*****
Image Cross Fade Redux
Version 1.0
Last revision: 02.15.2006
steve@slayeroffice.com
Please leave this notice intact.
*****/

window.addEventListener?window.addEventListener('load',so_init,false):window.attachEvent('onload',so_init);
var d=document, imgs = new Array(), zInterval = null, current=0, pause=false;
function so_init() {
if(!d.getElementById || !d.createElement)return;
css = d.createElement('link');
css.setAttribute('href','slideshow2.css');
css.setAttribute('rel','stylesheet');
css.setAttribute('type','text/css');
d.getElementsByTagName('head')[0].appendChild(css);
imgs = d.getElementById('rotator').getElementsByTagName('img');
for(i=1;i<imgs.length;i++) imgs[i].xOpacity = 0;
imgs[0].style.display = 'block';
imgs[0].xOpacity = .99;
setTimeout(so_xfade,3000); }
function so_xfade() {
cOpacity = imgs[current].xOpacity;
nIndex = imgs[current+1]?current+1:0;
nOpacity = imgs[nIndex].xOpacity;
cOpacity-=.05;
nOpacity+=.05;
imgs[nIndex].style.display = 'block';
imgs[current].xOpacity = cOpacity;
imgs[nIndex].xOpacity = nOpacity;
setOpacity(imgs[current]);
setOpacity(imgs[nIndex]);
if(cOpacity<=0) {
imgs[current].style.display = 'none';
current = nIndex;
setTimeout(so_xfade,3000);}
else {
setTimeout(so_xfade,50);
}
function setOpacity(obj) {
if(obj.xOpacity>.99) {
obj.xOpacity = .99;
return; }
obj.style.opacity = obj.xOpacity;
obj.style.MozOpacity = obj.xOpacity;
obj.style.filter = 'alpha(opacity=' + (obj.xOpacity*100) + ')';
}
}
//]]>
</script>

Ahora pega antes de ]]></b:skin> lo siguiente:

/* BANNER CAMBIANTE
----------------------------------------------- */
{margin: 0; padding: 0;}
#rotator {
border: 1px solid #000000;
overflow: hidden;
margin: 0px ;
padding:2px;
position: relative;
width: 430px;
height: 60px;
}
#rotator img {
border: 0;
width: 430px;
height: 60px;
}

Las medidas las puedes cambiar de acuerdo al espacio de tu blog, para ajustar el ancho cambia donde dice width y para cambiar el alto en height.

Por último entra a Diseño | Elementos de la página | Añadir un gadget | HTML/Javascript y pega lo siguiente:

<div id="rotator">
<a href="URL del enlace"><img alt="Título" src="URL de la imagen" /></a>
<a href="URL del enlace"><img alt="Título" src="URL de la imagen" /></a>
<a href="URL del enlace"><img alt="Título" src="URL de la imagen" /></a>
<a href="URL del enlace"><img alt="Título" src="URL de la imagen" /></a>
</div>

Cambia los datos de la URL del enlace e imagen y listo.
En color azul se indica el tiempo en milisegundos que tarda en cambiar cada banner, se puede modificar por otro valor.

Read More

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's, Facebook y Twitter.

 

Fuente:  http://diy.2ndfunniestthing.com/2013/05/como-insertar-tablas-blogger-how-to-add-image-tables.html

Read More

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

Read More

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

Read More

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.

Read More