Concursos varios

Herramientas Publicado por Claudia en Enero 25, 2009

Videoblogic y ZonaCerebral

Videoblogic, blog dedicado a los mejores videos de Youtube, realiza su primer concurso con el fin de promocionar su nuevo diseño.

Para participar, sólo es necesario tener un blog con al menos 1 mes de antigüedad cuyo contenido no sea penalizado por Adsense y una cuenta Paypal, además de publicar una entrada como ésta.

Premios:

1. 80 € pagaderos mediante Paypal.

2. 20 € pagaderos por Paypal, más un enlace de texto PR5 por un mes.

Para más información, revisa las bases del concurso.

Al concurso de Videoblogic se suma el de ZonaCerebral, donde Iván también está realizando su segundo concurso, en el cual sortea más de 300 € en premios, repartidos en dinero y publicidad.

Cierre de ambos concursos: 22 de Febrero.

StyleDesktop

StyleDesktop también está realizando su primer concurso, llamado “Decora tu Escritorio”. Consiste en fomentar la creatividad de los participantes, impulsando el desktop modding.

Para participar, debes elegir una temática para cambiar la apariencia de tu escritorio y luego publicar una captura de pantalla en Flickr, mostrando los elementos que usaste en la decoración.

Requisitos para participar: Tener una cuenta en Flikr y una cuenta en Paypal.

Fecha de cierre: 10 de Febrero.

Premios:

1° Lugar: $50 USD transferibles vía Paypal

2° y 3° Lugar: 1 cuenta Rapidshare por un mes.

Para más información, revisa las bases del concurso.

Leer más con thumbnail para Blogger

Blogger, Scripts Publicado por Claudia en Enero 21, 2009

Una de las cosas geniales de WordPress, es la posibilidad de mostrar thumbnails en los posts resumidos, en los themes estilo revista. Sin embargo, esa opción también está disponible para Blogger gracias a un script desarrollado por Vietwebguide, que corta todos los posts en el mismo número de caracteres, y además genera una imagen tipo thumbnail automáticamente para cada post que contenga al menos una imagen.Lo mejor, es que el script es fácil de añadir, y para utilizarlo no hay que hacer nada nuevo, salvo postear normalmente.

Existe una versión 3.0 del script (esta es la 2.0), pero  no pude acceder a ella por la limitación del idioma (no entiendo vietnamita). Pese a ello, la versión que probé funciona perfectamente en Firefox e Internet Explorer 8 (agradecería opiniones de quienes usen versiones más viejas de IE).

Instrucciones

1. Pegar antes de < /head >

<script type='text/javascript'>
 summary_noimg = 430;
 summary_img = 360;
 img_thumb_height = 125;
 img_thumb_width = 125;
</script>
<script type='text/javascript'>
//<![CDATA[
 
function removeHtmlTag(strx,chop){ 
	if(strx.indexOf("<")!=-1)
	{
		var s = strx.split("<"); 
		for(var i=0;i<s.length;i++){ 
			if(s[i].indexOf(">")!=-1){ 
				s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); 
			} 
		} 
		strx =  s.join(""); 
	}
	chop = (chop < strx.length-1) ? chop : strx.length-2; 
	while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; 
	strx = strx.substring(0,chop-1); 
	return strx+'...'; 
}
 
function createSummaryAndThumb(pID){
	var div = document.getElementById(pID);
	var imgtag = "";
	var img = div.getElementsByTagName("img");
	var summ = summary_noimg;
	if(img.length>=1) {	
		imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
		summ = summary_img;
	}
 
	var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
	div.innerHTML = summary;
}
 
//]]>
</script>

2. Buscar < data:post.body/ > (con los artilugios expandidos) y reemplazar por:

<p><b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>--&gt; Leer más...</a></span>
</b:if></b:if></p>

3. Configuración del script (opcional):

summary_noimg = determina el número de caracteres a mostrar en caso de que el post no tenga imágenes .
summary_img = determina el número de caracteres a mostrar en caso de que el post tenga imágenes.
img_thumb_height = alto del thumbnail.
img_thumb_width = ancho del thumbnail.

Utilicé valores que me parecieron apropiados para una plantilla con un ancho de 480px en el main-wrapper (la columna de los posts), y considerando que generalmente los thumbnails son de 125×125 píxeles.

Demo del script

Descargar script (para realojar, recomendado).

Twitter Ribbons: Generador de cintas para promocionar tu Twitter

Microblogging Publicado por Claudia en Enero 20, 2009


Twitter Ribbons es un simple generador gratuito de ads con forma de cintas para poner en una esquina del blog con el fin de promocionar nuestra cuenta en Twitter. Es tan sencillo como escribir nuestro nombre de usuario en Twitter, seleccionar uno de los doce estilos de cinta, y pegar el código antes de < /body > (visto en Feedmyapp).

El problema, es que todas las imágenes tienen un tamaño de 250×250 píxeles, por lo cual pueden verse un poco grotescas en el blog. La única forma de cambiar eso, es modificando el tamaño de la imagen correspondiente en photoshop, subirla a un hosting gratuito y cambiar el enlace.

Para evitar dolores de cabeza y no tener que cambiar nada en la hoja de estilos, ni tampoco las coordenadas, es recomendable ampliar el lienzo de la imagen después de modificar el tamaño, de modo que la cinta quede ubicada en la parte superior derecha.

Otra forma de hacerlo, y sin scripts, es añadiendo el siguiente código al blog. Sólo es cosa de modificar la imagen y cambiar el ancho y el largo. También es muy útil para añadir ads de otro tipo.

Pegar antes de < /b:skin > (o en la hoja de estilos):

a#ribbon {
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	width: 150px;
	height: 150px;
	background: transparent url("http://1.bp.blogspot.com/_XxWhaC4o7dE/SXV5yBkl9qI/AAAAAAAAAMA/IV2H_cYs7b0/s1600/template18.png") no-repeat top left;
	text-indent: -999em;
	text-decoration: none;
	z-index: 1000;
	}

Pegar antes de < /body >:

<a href='URLDETUTWITTER' id='ribbon' title='Sígueme en Twitter'>Sígueme en Twitter</a>
Tags:

PolaroidPress: Theme gratuito para WordPress y Blogger

Free Blogger Templates Publicado por Claudia en Enero 17, 2009

Polaroid Press es un theme para WordPress diseñado por Magnus Jepson en enero del 2008. Fue lanzado como Premium, con un costo de $49 USD, pero hace unos días lo lanzó como un theme gratuito. Pienso que es un bonito diseño para blogs personales, aunque me parecía un poco caro. Felizmente, ahora está disponible para todo aquel que quiera usarlo, porque en adición al diseño original, hice mi propia adaptación para Blogger, también disponible para descargar.

Descargar theme original
(desde el blog de M. Jepson).

PolaroidPress para Blogger

DEMO | DOWNLOAD

*Testeado en Firefox 3, IE 7 & IE 8.
UPDATED – ACTUALIZADO: Fixed for IE 6. Arreglado para IE 6.

Instrucciones – Instrucions

1. Anda a Diseño/Edición de HTML y sube la plantilla. Guarda. / Go to Layout/Edit HTML and upload the xml file. Save.

2. Cambia el título y la descripción buscando este código./ Find these lines to change the title of your template.

<h1><a href='/'>Polaroid Press</a></h1>
<p class='description'>Just another Blogger blog</p>

3. Personaliza el menú (hay dos) buscando este código./ Customize your menu bars (there are two) by searching this code.

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Comments RSS</a></li>
<li><a href='#'>Edit</a></li>

4. Cambia el link del feed RSS (si usas Feedburner)./ Change the RSS feed link (if you use Feedburner).

<span id='rss-big'><a href='/feeds/posts/default' title='Syndicate this site using RSS'/></span>

Twapps: Las mejores aplicaciones para Twitter

Microblogging, Web 2.0 Publicado por Claudia en Enero 14, 2009

Cada vez están apareciendo más aplicaciones para Twitter; a estas alturas sería casi imposible listarlas todas, y quizás tampoco sea necesario.  Así es como el 28 de diciembre pasado nace Twapps, una galería destinada a recopilar las mejores aplicaciones para quienes usamos Twitter. En lo personal, prefiero revisar Mashable y KillerStartups (entre otros) para enterarme de las últimas aplicaciones lanzadas, pero esta no deja de ser una interesante colección de aplicaciones web, para el escritorio y plugins para Firefox.

Enlace: Twapps | Visto en: Feedmyapp

Tags: