BasicBlogger » Experimente

Tweetwall JQuery FadeIn mit TwitPic und Link Funktion

Ahmet Topal — Sun, 07 Jun 2009 16:53:28 +0000

Vor kurzem habe ich erst die FadeIn Version meiner Tweetwall online gestellt, aber da musste ich noch vieles Erweitern. Ich habe nun einige kleine Funktionen hinzugefügt, und finde, dass dies für das Erste reicht.

Hier die neuen Funktionen:

TwitPic URL’s werden zu TwitPic Thumbs bei MouseOver
Links (http:// oder ftp://) werden verlinkt
@Username wird Verlinkt zu twitter.com/Username
UpdateZeit angabe
Retweet und Reply Links bei Mouseover auf dem jeweiligen Update

Danksagungen:

Webciety, die mir den Source zu der Funktion Nummer 2 zugesendet haben (Verlinkungen)
Stefan Wendhausen – www.tec-promotion.de, der die Zeitfunktion (Funktion Nummer 4) gemachtund mir den Source gegeben hat.
TwitPic für diese tolle und leichte API.

Hier 2 kleine Bilder:

Ich wollte auch noch eine Short URL Preview einfügen (wie ich im Artikel davor beschrieben habe), doch dann waren die Ladezeiten der Wall noch langsamer. Auf Wunsch überlege ich mir eine alternative.

Ich bitte euch, den Link im Footer nicht(!) zu entfernen, damit jeder die Chance hat, den Source der Wall zu finden.

Wenn ihr noch weitere Wünsche habt, könnt ihr diese gerne via Kommentar, Twitter oder Email einreichen.

Wie immer findet ihr den Link zum Download im eigentlichen Artikel der Tweetwall.

Ahmet im Web: Twitter

Werbung:
Werben sie doch hier mit einem kleinen Banner oder einer TextlinkWerbung

Tweetwall JQuery FadeIn – XML Version

Ahmet Topal — Wed, 27 May 2009 14:19:43 +0000

Ich hatte gestern Abend die Idee, wie ich dass mit meiner Wall lösen kann, dass nur die neuen eingeblendet mit JQuery reinkommen. Heute habe ich mich rangesetzt, und in 15 Minuten war die neue Version fertig.

Bei dieser Version hat sich wiedermal das Design icht geändert, nur die neuen fliegen mit Effekt rein, und deshalb muss nicht die ganze Seite neu eingeblendet werden. Das bedeutet, die Tweetwall ist so fertig, wie alle es haben wollten :)

Wie ich es gemacht habe:

Die ID des neuesten Updates wird in eine “lastid.txt” Datei geschrieben, und bei dem autoreload der “wallrss.php” Datei werden alle, die größer als die ID des in der txt Datei geschpeichert sind, mit einem kleinen JQuery Script eingebunden, und werden deshalb mit Effekt eingeblendet, danach wird die “lastid.txt” mit der neuen ID überschrieben. Dies für dazu, dass nur die neuen eingeblendet werden.

Information:

Beim ersten starten der Wall werden aber alle einmal angeblendet, da ich eine ID in die “lastid.txt” gespeichert habe, aber nach dem die wall einmal aufgerufen wurden ist, überschreibt sich die ID automatisch mit der neuen “lastid.txt” und deshalb werden nurnoch die neuen eingeblendet.

Wo downloaden?

Den Link findet ihr auch beim eigentlichen Artikel der Tweetwall im Downloads Part (etwas weiter unten), dann müsst ihr tweetwall r09 FadeIn XML downloaden.

Probleme? Keine Unterstützung eures Servers / Webspaces? Via Kommentar oder Email bitte…

Ahmet im Web: Twitter

Werbung:
Werben sie doch hier mit einem kleinen Banner oder einer TextlinkWerbung

WPiUI RSS Reader für IPhone

Ahmet Topal — Fri, 17 Apr 2009 08:42:29 +0000

Der WPiUI RSS Reader ist auf Basis von iUI erstellt wurden, und iUI ist eine Webanwendung für den IPhone Browser.

Deshalb habe ich mir überlegt, ein RSS Reader für den IPhone / IPod touch zu machen.

Ich habe es mit PHP cURL, PHP Simple XML und iUI gemacht, und da nicht alle das WordPress Feed benutzen (wie ich) habe ich auch das selbe für Feedburner gemacht.

In der ZIP Datei liegen 2 PHP Dateien, eine wprss und eine fbrss. Ihr müsst nur euren RSS Link einfügen, aber wie das geht steht in der README.txt Datei.

Die Anzahl der RSS Feeds könnt ihr bei Einstellungen/Ausgabe in eurem WordPress Blog beeinflussen.

Hier ein Screenshot:

Installation: Lest euch dazu bitte README.txt im Entpackten Ordner durch!

History:

v01: Downloade die ZIP Datei [Download v01] (mit cli.gs wegen statistik)
- Erste Version
- Feedburner komaptibel
- WordPress RSS kompatibel

Information:

Bitte bei Artikeln, usw. kein Direktlink zum Download angeben, sondern ein Link zu diesem Artikel!

PS: Was ist gut? Was ist schlecht? Was sollte ich verbessern?

Wichtige Information:

Wenn euer Server / Space nicht Simple XML oder cURL fähig ist, und der RSS Reader nicht angezeigt wird, sagt mir bitte bescheid, damit ich eine neue Version mache!

Bei Twitter Updates zu WPiUI bitte Hashtag #WPiUI benutzen!

Ahmet im Web: Twitter

Werbung:
Werben sie doch hier mit einem kleinen Banner oder einer TextlinkWerbung

Tweetwall JQuery AutoReload – XML Version

Ahmet Topal — Thu, 09 Apr 2009 17:22:09 +0000

Habe nun eine XML Version mit erstem JQuery AutoReload erstellt, beim Design hat sich nichts geändert.

Und die meisten Server / Webspaces sind Simple XML Fähig, und deshalb sollte es keine Probleme geben.

Seit dieser Version werde ich nurnoch eine readme.txt Datei in die ZIP Datei einfügen, damit ich nicht immer den Artikel bearbeiten muss.

Wo downloaden?

Den Link findet ihr auch beim eigentlichen Artikel der Tweetwall im Downloads Part (etwas weiter unten), dann müsst ihr tweetwall r09 JQuery XML downloaden.

Probleme? Keine Unterstützung eures Servers / Webspaces? Via Kommentar oder Email bitte…

Ahmet im Web: Twitter

Werbung:
Werben sie doch hier mit einem kleinen Banner oder einer TextlinkWerbung

Tweetwall PHP cURL Version

Ahmet Topal — Tue, 07 Apr 2009 16:11:07 +0000

Da es einige Probleme auf manchen Webspace Packeten mit der Tweetwall gab, habe ich die Tweetwall nochmal für die Webspaces mit cURL umgeschrieben.

Bei der Wall ändert sich nichts, und funktioniert genauso wie die Tweetwall ohne cURL, nur ist sie halt auch für manch andere Spaces geeignet.

Wie installieren?

Liest dazu den eigentlichen Artikel der Tweetwall, denn die funktioniert genauso…

Wo downloaden?

Den Link findet ihr auch beim eigentlichen Artikel der Tweetwall im Downloads Part (etwas weiter unten), dann müsst ihr halt tweetwall r09 cURL downloaden.

Probleme? Via Kommentar oder Email bitte…

Ahmet im Web: Twitter

Werbung:
Werben sie doch hier mit einem kleinen Banner oder einer TextlinkWerbung

Tweetwall – eine Wand mit Twittereinträgen reloaded

Ahmet Topal — Wed, 04 Mar 2009 16:50:30 +0000

Infos zur aktuellen Version: Tweetwall JQuery FadeIn mit TwitPic und Link Funktion

Hier der Screenshot:

(Bei klick vergrößert sich das Bild)

Installation: Lest euch dazu bitte Readme.txt im entpackten Ordner durch!

Das wars auch schon, aber eines müsst ihr noch machen: Generator im Header und die Links im Footer (Using Tweetwall by Ahmet Topal) unverändert lassen.

History:

r09 FadeIn NEW2: Downloade die ZIP Datei: [Download r09 FadeIn NEW2 XML] [Download r09 FadeIn NEW2 FGC]
- fünfte Version
- index.php wurde verbessert, da leere Tweets angezeigt wurden

r09 FadeIn NEW: Downloade die ZIP Datei: [Download r09 FadeIn NEW XML] [Download r09 FadeIn NEW FGC]
- vierte Version
- FGC Version
- http:// und ftp:// werden verlinkt
- @Username wird verlinkt zum TwitterProfil
- TwitPic

r09 FadeIn: Downloade die ZIP Datei: [Download r09 JQuery XML]
- dritte Version
- jQuery FadeIn (NUR) von neuen

r09 JQuery Reload: Downloade die ZIP Datei: [Download r09 JQuery XML] [Download r09 JQuery cURL]
- zweite Version
- XML Version
- jQuery Reload
- übersichtlicher

r09: (von reloaded 2009) Downloade die ZIP Datei: [Download r09] [Download r09 cURL]
- Erste Version
- CURL Download verfügbar

Information:

Bitte bei Artikeln, o.ä. kein Direktlink zum Download angeben, sondern diesen Artikel verlinken.

PS: Was ist an dieser Version gut/ schlecht? Was kann/ soll ich noch ändern? Feature wünsche?

Bei Twitter Updates zu tweetwall bitte Hashtag #tweetwall benutzen!

Ahmet im Web: Twitter

Werbung:
Werben sie doch hier mit einem kleinen Banner oder einer TextlinkWerbung

Tweetwall – Ein Wand mit Twittereinträgen

Ahmet Topal — Sun, 15 Feb 2009 19:30:38 +0000

Tweetwall, so habe ich mein neues TwitterWall (Idee von Dennis Morhardt) genannt. Er hat solch ein Twitterwall für das WordCamp erstellt. Ich habe schon über mein neues Projekt in einem Artikel gestern mehr dazu gesagt, aber will es auch nun Online stellen, der Code ist fertig, auch schon getestet, und ein bisschen geändert. Im laufe der Zeit oder dank euren Wünschen werde ich es nochmehr ändern, und immer aktuell halten. Aber eine voll Funktionsfähige Version ist schon fertig.

Dennis Morhardt hat via Kommentar (danke) schon geantwortet, das freut mich sehr :) Danke Dennis! Und auch nach Erlaubniss (via update) habe ich gefragt, und er hat es mir erlaubt (via update). Danke DENNIS :) Deshalb hier erstmal das aktuelle Screenshot: (klicken um zu vergrößern)

[Entfernt]

History:

Aktuell: v09_2: Downloade die ZIP Datei! [Download v09_2] (mit cli.gs wegen statistik) - Gleich, aber nur Valider dank Andreas Isaak, der dies gemacht hat :)
v09: (von 2009) Downloade die ZIP Datei! [Download v09] (mit cli.gs wegen statistik) – Erste Version

Information: Bitte bei Artikeln, usw. kein Direktlink zum Download angeben, auch nicht diesen Artikel verlinken, sondern den Link zum neuen Tweetwall: http://basicblogger.de/2009/04/09/tweetwall-jquery-autoreload-xml-version/

Update: Bei Twitter Updates zu tweetwall bitte Hashtag #tweetwall benutzen!

Ahmet im Web: Twitter

Werbung:
Werben sie doch hier mit einem kleinen Banner oder einer TextlinkWerbung

Tweetwall mit Tweets nach dem Wunsch

Ahmet Topal — Sat, 14 Feb 2009 18:23:22 +0000

Bestimmt habt ihr schonmal was von WordCamp gehört. Dann habt ihr evt. auch schon was von einem WordCamp TwitterWall gehört, welches es hier zu testen gibt.

Die Idee kam glaub ich von WordCamp und wurde von Dennis Morhardt umgesetzt.

Man kann UserTweets laden aber auch Hashtags, und deshalb wäre es praktisch, man könnte ein Hashtag nennen, wo dann alle gegenseitig tweets updaten könnten mit dem gesagten Hashtag, und man hat eine Wand, wo die neuesten dann stehen :)

Dies ist ein Beispiel der Nutzung, die WordCamp benutzt.

Ich finde optisch eigentlich das von WordCamp besser, da sie JQuery benutzen und ich noch nicht, aber bei den neueren Versionen werde ich noch JQuery einfügen.

Hier ein Bild von der TwitterWall von WordCamp:

Schon viele hat dies schon interessiert, sogar Cem Basman von Sprechblase hat dies interessiert, und bald solle es sogar ein Twitterwallr Projekt geben, wo man automatisch seinen Wall generieren kann.

Aber dies kann vielleicht schon eine weile dauern.

Deshalb habe ich mir mal dieses “Twitterwall” näher angeschaut, und habe es nachgebaut, nur nicht mit der Funktion, dass neue Tweets dank Java so plötzlich erscheinen, bei mir muss man dazu “strg+r” drücken, oder einfach aktualisieren klicken.

Aber Optisch ist meins ähnlich:

(Bei klick vergrößert sich das Bild)

So sieht es im moment noch aus, habe ich 3 Stunden dazu gebraucht, und man kann die Anzahl der anzeigenden Tweets ändern, Farblich ändern und ob ein bestimmer Hashtag oder User Updates geladen werden sollen kann man auch ändern.

Ist schon einsatzbereit, werde auch bald bei BasicBlogger ein Tweetwall aktivieren (evt. Morgen), und habe mich schon in Kontakt mit WordCamp gesetzt und nachgefragt, ob ich meine Version kostenlos zum Download anbieten darf, nach der Mail (c.a. Morgen – nächste Woche) wird dann meine Version kostenlos zum Download verfügbar gestellt.

PS: Wie findet ihr es? Natürlich werde ich es mehr ändern und auch JQuery Effekte hinzufügen, aber erstmal auf die Antwort von WordCamp warten…

Ahmet im Web: Twitter

Werbung:
Werben sie doch hier mit einem kleinen Banner oder einer TextlinkWerbung

PHP: Mit tr.im Api tiny url's erstellen

Ahmet Topal — Fri, 13 Feb 2009 19:47:47 +0000

Frank Bültge hat so schön beschrieben, wie man tweet this buttons mit wordpress erstellen kann. Dazu hat er auch einen Code gepostet, womit man auch gleich die URL dank dem tinyurl.com Api kürzen kann, aber fangen wir mal an zu zählen:

ein Beispiel:

http://tinyurl.com/d4jdlz

Dass wären jetzt 25 Zeichen, dann kürzen wir dies mal gleich mit tr.im

http://tr.im/g4wi

Und dass hier sind 17 Zeichen, 8 Zeichen unterschied, da sieht doch eine mit tr.im gekürtzte URL doch ziemlich besser aus, oder? Naja, geschmackssahe. Ich benutze weiterhin Tinyurl, aber tr.im benutzer können meine Version benutzen:

/**
 * get a short/Trimmed URL
 * @author: Ahmet Topal
 * @link: http://basicblogger.de/2009/02/13/php-mit-trim-api-tiny-urls-erstellen/
 */
if ( !function_exists('at_gettrimurl') ) {
	function at_gettrimurl( $url ) {
	$url = str_replace("http://www.", "", $url);
	$url = str_replace("http://", "", $url);
	$at_trimapi = 'http://tr.im/api/trim_url.xml?url=http://'. $url .'&callback=jsfunction';
	if ( $at_trimapi ) {
		$ch = curl_init();
		curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
		curl_setopt($ch, CURLOPT_URL, $at_trimapi);
		$at_trimxml = curl_exec($ch);
		curl_close($ch);
		$at_trimgrid = new SimpleXMLElement($at_trimxml);
		$trimurl = $at_trimgrid-&gt;url;
		if( $trimurl &amp;&amp; !empty($trimurl) )
			$url = $trimurl;
		}
 
	return $url;
	}
}

Diesen Code in die functions.php Datei des Themes einfügen, abspeicherun, und dann statt:

Tweet this

Einfach

Tweet this

Einfügen, abspeichern und Fertig ;)

Update: war ein kleiner HTML Code fehler im Code, jetzt verbesser, fehler bitte via kommentar abgeben, danke ;)

Update2: Und wieder ein Fehler, warum sagt ihr mir nichts davon :)

Ahmet im Web: Twitter

Werbung:
Werben sie doch hier mit einem kleinen Banner oder einer TextlinkWerbung

PHP: Simpler online Taschenrechner

Ahmet Topal — Sun, 30 Nov 2008 15:10:45 +0000

Nachdem ich gestern meinem Freund & Nachbar Sezer bisschen PHP beigebracht habe, hatte er die Idee, einen Taschenrechner zu machen.

Natürlich haben wir dies das gemacht, aber wir hatten nur die Funktion “+”, “-”, “*” ODER “/”, danach habe ich diesen Taschenrecher etwas erweitert und alle Funktionen vereint.

Dies war nicht alzuschwer, ich musste nur Radiobuttons im Form einfügen:

Mal
Durch
Plus
Minus

Danach einfach nurnoch die Funktionen abrufen, und dies ist sehr leicht.

Und dass ist dann das Ergebniss: [Weiter zum Online-Rechner], versucht es doch einfach.

Bitte Feedback und Trackbacks hier in diesem Artikel!

Update: Link wurde gefixt :)

Ahmet im Web: Twitter

Werbung:
Werben sie doch hier mit einem kleinen Banner oder einer TextlinkWerbung

PHP: Blog PageRank anzeiger

Ahmet Topal — Sun, 30 Nov 2008 14:56:35 +0000

Ich habe mir überlegt, nachdem ich den PageRank Script von PageRankCode.com umgeändert habe, auchmal ein anderes PHP Script zu machen, welches den Bloggern hilft, deren PageRank anzuzeigen, und auch gleichzeitig einen Code zu geben, den in eure eigene Homepage einfügen könnt, so wie ich (s.l.) dann habt ihr eine anzeige eures PageRanks.

Wie funktioniert dieses Script?

Ich habe von PageRankCode.com den PageRank Script downgeloaden, und dazu eine externe Datei erstellt. Die Information, welchen Pagerank das eingegebene Blog hat, nimmt es aus dem Script von PRC, das Bild, welches angezeigt wird, ist auch von PRC, nur “BY BASICBLOGGER” habe ich noch hinzugefügt, welches ich bald entfernen werde.

Zeigt dieses Bild auch immer den Richtigen PageRank an?

Eigentlich ja, immer, aber wenn sich mal dein PR ändert, musst du nochmal ein Bild generieren, diese funktion wird aber bald geändert, sodass das Bild sich auch automatisch ändert, aber erstmal kann es noch so bleiben.

Hier ein Bild:

Wie kann ich meinen eigenen Code generieren?

Besuche einfach die Experimente Seite von diesen Script: [Mach deinen PR anzeiger]

Bitte Feedback und Trackbacks hier in diesem Artikel!

Update: Link wurde gefixt :)

Ahmet im Web: Twitter

Werbung:
Werben sie doch hier mit einem kleinen Banner oder einer TextlinkWerbung

PHP: Eigenen Pagerank rausfinden

Ahmet Topal — Thu, 27 Nov 2008 19:03:34 +0000

Heute war ich wieder in PHP Archiven und habe einen PHP Code gefunden, der mir richtig gefallen hat:

Ein PHP Script, welches dir deinen Pagerank anzeigt, hier der LINK: (zurzeit offline) [LINK]

Man muss eigentlich nur den Script downloaden und eine neue PHP Datei erstellen, danach muss man in die neue PHP Datei mit folgendem Code erstellen:


// content of somefile.php
include('pagerank.php');
$pr = getPageRank('http://www.pagerankcode.com');
echo 'pagerankcode.com has PR '.$pr;
?>


Aber dies kam mir bisschen zu durcheinander vor, da dann man nur seinen eigenen Pagerank rausfinden kann, wenn man die URL in Zeile “4″ ändert, deshalb habe ich den Code geändert, und einen “Input-Feld” erstellt, wo man nur die URL eintragen muss und danach auf “Überprüfen” klicken kann. Dann siehts so aus: Hier könnt ihr immer euren PR überprüfen:

Ahmet im Web: Twitter
Werbung:


Werben sie doch hier mit einem kleinen Banner oder einer TextlinkWerbung