Egyszerűen megjelenítheted weboldaladon friss Twitter bejegyzéseidet ezzel a jQuery pluginnel. Rendkívül egyszerűen telepíthető és konfigurálható, mindössze kettő fájl beillesztésére van szükség, maga a plugin, illetve a megjelenést formázó css fájl.

A css fájl segítségével a megjelenés, színvilág egyszerűen formázható, természetesen akár a saját oldalad meglévő stíluslapját is használhatod.

Bevezetésként nézd meg a demó verziót: - jQuery plugin for Twitter v1.0
Ez egy valóban egyszerű és könnyen testreszabható módszer arra, hogy Twitter feed-et beágyazz egy weblapba.

Töltsd le a szükséges fájlokat(.zip) majd másold őket a weblapod könyvtárába. A head részbe az alábbi kódot kell beilleszteni:

<link rel="stylesheet" href="jquery.twitter.css" type="text/css" />
<script src="jquery.twitter.js" type="text/javascript"></script>

Ha jQuery-t nem használsz a weboldaladon, akkor még erre is szükség lesz:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>

Következő lépésben hozz létre egy üres div-et, twitter id-vel, ahol a bejegyzéseket szeretnéd megjeleníteni:

<div id="twitter"></div>

Végezetül illeszd hozzá a beépülő modult a twitter divhez a következő jQuery kóddal:

$(document).ready(function() {
	$("#twitter").getTwitter({
		userName: "jquery",
		numTweets: 5,
		loaderText: "Loading tweets...",
		slideIn: true,
		showHeading: true,
		headingText: "Latest Tweets",
		showProfileLink: true
	});
});

A testreszabás önmagáért beszél:
userName - twitter felhasználóneved,
numTweets - a megjelenített bejegyzések száma,
loaderText - szöveg a betöltődés alatt,
slideIn - slide effekt ki, vagy be kapcsolása (true vagy false)
showHeading - fejléc igen, vagy nem
headingText - a fejléc szövege,
showProfileLink - a profilod linkjét mutassa, vagy nem.

A beépülő modul friss verzióját a szerző, Damien du Toit oldaláról lehet letölteni.

Tags: Javascript, jQuery