Caja con mensaje para blog blogger y páginas que acepten HTML (Actualización)

Wordprees tiene un plugin muy simpático con el que podemos saludar a nuestro visitante y ofrecerle el servicio seguirnos a través del feed del sitio.

Como dije antes es un plugin de Wordpress y solo sirve para esas plataformas, por lo tanto busque su equivalente para blogger y cualquier web que interprete html. Y hoy después de varios días de trabajo arduo reuniendo iconos libres y agregando más servicios les ofrezco la misma caja que yo estoy usando, voy a traducirla completamente a español pero es con calma.

Mi proyecto esta inspirado en este otro proyecto bloggergreetbox; que es muy bueno pero esta completamente en inglés, quiero hacer mis contribuciones para los latinos e hispano parlantes, somos millones de personas las que hablamos español y no quiero que sintamos excluidos.

Mi proyecto se llama greetboxspanish, no especifica que se use para Blogger como el otro porque funciona para cualquier página que acepte código html, css y javascript.

Para agregar el gadget a su blog de blogger en diseño Añaden un Gadget del tipo HTML/JavaScript y ponemos las lineas siguientes.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script src="http://plugins.jquery.com/files/jquery.cookie.js.txt" type="text/javascript"></script>
<script src="http://greetboxspanish.googlecode.com/files/GreetBoxSpanish.js" type="text/javascript"></script>
<style type="text/css">
#mainGreetBoxSpanish {
	font: bold 12px Tahoma, Geneva, sans-serif;
	font-style: normal;
	color: #000;
	background: #f2f5f5;
	border: 1px solid #C3CBDF;
	text-shadow: 0px 0px 0px #222222;
	box-shadow: 0px 2px 4px #000000;
	-moz-box-shadow: 0px 2px 4px #000000;
	-webkit-box-shadow: 0px 2px 4px #000000;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	cursor: pointer;
	width: auto; }
#mainGreetBoxSpanish #GreetBoxDisplay table tr td { vertical-align: middle; }
#mainGreetBoxSpanish #GreetBoxDisplay .close {
	float: right;
	margin-right: 2px;
	margin-top: 2px;
	font: bold 12px Tahoma, Geneva, sans-serif;
	font-style: normal;
	color: #ffffff;
	background: #8c8c8c;
	border: 0px solid #1567db;
	text-shadow: 0px -1px 1px #222222;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	width: 8px;
	padding: 0px 3px;
	cursor: pointer;
	height: 16px; }
#mainGreetBoxSpanish #GreetBoxDisplay .close:active{cursor:pointer;position:relative;top:2px;
</style>
<div id="mainGreetBoxSpanish" style="display:block">
<div id="GreetBoxDisplay"></div>
<script type="text/javascript">
//<![CDATA[
var MyURL = "http://rinconbloguero.blogspot.com";
var feedURL = "/feeds/posts/default";
var GreetBoxHTMLText = FeedURL(feedURL);
document.getElementById("GreetBoxDisplay").innerHTML = GreetBoxHTMLText;
//]]>
</script>
</div>
<script type='text/javascript'>
//<![CDATA[
var GreetBoxCookie = $.cookie("GreetBoxCookie");
if (GreetBoxCookie){
    $("#mainGreetBoxSpanish").hide();
}
//]]>
</script>

Y listo, cuando el usuario cierre la caja no se mostrará más en ningún momento, a menos que el usuario borre el historial de navegación.

Cambien "rinconbloguero" por el nombre o la dirección de su web para que el mensaje no se repita al cambiar en las entradas.

Para los que no usen el feed de blogger buscan en ese codiigo las lineas "/feeds/posts/default" por la dirección completa de su feed, eso incluye http://.

El gadget ocupa poco espacio y ofrece de forma rápida y sencilla nuestro feed rss, todos los cambios que haga se publicarán en la página del proyecto en Google Codes, y estoy a su disposición para aceptar cualquier contribución.

Web del proyecto: greetboxspanish