jBuzz a Google Buzz Widget – jQuery Plugin

Posted in: jBuzz, jQuery- feb 18, 2010 3 Comments

jBuzz Google Buzz Widget es un plugin de jQuery que te permite agregar tu stream de Google Buzz en tu sitio web.

jBuzz Google Buzz Widget es un plugin “cross browser” que funciona en los principales navegadores y es muy fácil de implementar en tu sitio web. Puedes cambiar su apariencia mediante CSS y personalizar cuantos buzz mostrar utilizando las opciones de configuración.

jBuzz Google Buzz Widget utiliza el API liberada por Google, obteniendo los buzz mediante ATOM y los muestra en el contenedor de tu sitio web, para evitar problemas de permisos de “cross-domain” jBuzz utiliza un proxy creado en php para evitar este problema.

Modo de uso:

  1. Incluir jQuery, el archivo js del plugin y los CSS.
  2. Crear un DIV contenedor con ID en el cual se creara el Widget
  3. Inicializar el plugin indicando el usuario y cuantos buzz quieres mostrar.

Aquí esta el ejemplo del código en una pagina simple.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<meta http-equiv="Content-type" content="text/html; charset=utf-8">
		<title>jBuzz jQuery Plugin by Tmeister</title>
		<link rel="stylesheet" href="jBuzz/jBuzz.min.css" type="text/css" media="screen" title="jBuzz" charset="utf-8">
		<style type="text/css" media="screen">
			#jBuzz
			{
				width: 250px;
			}
		</style>
		<script type="text/javascript" charset="utf-8" src="jquery-1.4.1.min.js" ></script>
		<script type="text/javascript" charset="utf-8" src="jBuzz/jquery.jBuzz.min.js" ></script>
		<script type="text/javascript" charset="utf-8">
			$(document).ready(function()
			{
				$('#jBuzz').jBuzz
				({
					user:"tmeister",
					count:5
				});
			});
		</script>

	</head>
	<body id="index">
		<div id="jBuzz"></div>
	</body>
</html>

Preview 1Preview 2

English

jBuzz Google Buzz Widget is a jQuery plugin that allows you to add your Google stream Buzz on your website, is “cross browser” runs on all major browsers and is very easy to implement in your website. You can change its appearance using CSS and customize as many buzz display using the configuration options.

Use the API released by Google, getting the buzz through ATOM and displays them in the container of your website, to avoid problems with permissions of “cross-domain” jBuzz uses a proxy set up php to avoid this problem.

Github

Descarga

Rendering of template dTemplate.php failed

  • http://www.hectorguedea.com Héctor Guedea

    Muy buen plugin!, un saludo

  • http://www.ctrl-zetta.com zetta

    Subelo a github para meterle mano =P

    • http://www.tmeister.net Tmeister

      Cierto, Ademas de que es buen pretexto para usar Git. :)

      Ya esta el link en el post.