Willkommen auf BasicBlogger.de! Ein Blog für Blogger und Webentwickler...

‘ Ideen ’ Kategorie

Tweetwall JQuery FadeIn mit TwitPic und Link Funktion

5 Antworten, 07.Jun 2009 | by Ahmet Topal

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

Hier die neuen Funktionen:

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

Danksagungen:

  1. Webciety, diese haben mir den Source zu ihrer Version meiner Wall gegeben, und damit habe ich die Linkfunktion (Punkt 2) gemacht.
  2. Stefan Wendhausen – www.tec-promotion.de, der die Zeitfunktion (Punkt 4) gemacht hat, und mir den Source gegeben hat.
  3. TwitPic für diese Tolle und leichte API.

Hier 2 kleine Bilder:

Ich wollte auch noch Short URL Preview machen, wie ich in dem Artikel davor beschrieben habe, aber dann wurde die Wall sehr langsam geladen, auf Wunsch kann man dies noch erweitern.

Ich bitte euch, den Link im Footer nicht(!) zu entfernen, da dies einpaar gemacht haben, denn somit findet man zurück zum Source der Wall!

Wenn ihr noch weitere Wünsche habt, könnt ihr diese gerne via Kommentar, Twitter, Email oder sonstirgentwie machen, denn dann werde ich versuchen diese einzubauen.

Wie immer findet ihr den Downloadlink im eigentlichen Artikel der Tweetwall im Downloads Part (etwas weiter unten), dann müsst ihr tweetwall r09 FadeIn NEW Eure Version (= XML/FGC (= File Get Contents)) downloaden.

Tweetwall JQuery FadeIn – XML Version

2 Antworten, 27.May 2009 | by Ahmet Topal

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…

WP-Plugin: Random Post of the day

12 Antworten, 26.May 2009 | by Ahmet Topal

Servervoice (Andi) @twitter hat mir vorgeschlagen, ein Wordpress Plugin zu programmieren, welches jeden Tag einen zufälligen Artikel aus der Datenbank z.B. auf der Sidebar anzeigt. Ich dachte, es gäbe schon so ein Plugin, aber habe nichts gefunden, daraufhin habe ich selber das kleine Plugin programmiert, mit dem Namen “Random Post of the day“.

Dieses Plugin speichert jeden Tag einen per Zufall gewählten Artikel in die Optionen Tabelle. Gleichzeitig wird auch in die selbe Optionen Tabelle ein weiterer Eintrag mit dem Zeitstempel von dem aktuellen Tag um 00:00 Uhr (mktime) gespeichert (danke @sgehrig).

Dieses kleine Code will ich nicht als Plugin anbieten, deshalb müsst ihr den Code unten kopieren, und in eure functions.php Datei des Themes einfügen und abspeichern:

<?php
/*
	Random Post of the day by Ahmet Topal, http://ahmet-topal.de/
	Informations: http://basicblogger.de/2009/05/26/wp-plugin-random-post-of-the-day/
 
	This Plugins allows you to show a Random Post of the day anywhere using <?php at_random_post(); ?>
*/
 
function at_random_post() {
	global $wpdb;
 
	// Database select a random Post
	$query = "SELECT id, post_title, post_name FROM $wpdb->posts WHERE ((post_status='publish') AND (post_type = 'post') AND ($wpdb->posts.post_password = '')) ORDER BY RAND() LIMIT 1";
	$randompost = $wpdb->get_results($query);
	$post = $randompost[0];
	$post_title = htmlspecialchars(stripslashes($post->post_title));
	$showpost .= '<a href="' . get_permalink($post->id) . '" title="'. $post_title . '">' . $post_title .'</a>' . "n";
 
	// Add Options to the Database
	add_option('at_random_post', mktime(0,0,0));
	add_option('at_get_random_post', $showpost);
 
	if(time() > get_option('at_random_post')+86400)
	{
		echo $showpost;
 
		// Update Options
		update_option('at_random_post', mktime(0,0,0));
		update_option('at_get_random_post', $showpost);
	}
	else
	{
		$showpostdb = get_option('at_get_random_post');
		echo $showpostdb;
	}
}
?>

Nutzung:

In eine Template Datei wie z.B. in die Sidebar (sidebar.php), dort wo das Zufallsartikel erscheinen soll, einfach:

<?php at_random_post(); ?>

einfügen, und die Datei abspeichern.

Information:

Ich habe als Basis das Plugin WP-Single-Random-Post benutzt, welches bei jedem Seitenaufruf einen neuen Artikel anzeigen lässt, und dies so erweitert, dass jeden Tag ein neuer erscheint, und nicht bei jedem Aufruf.

Bei Fehlern bitte via Email und bei Fragen gerne Kommentar auf diesem Artikel :)

Update:
Um noch den Content des Artikels anzuzeigen könnt ihr:

	// Database select a random Post
	$query = "SELECT id, post_title, post_name FROM $wpdb->posts WHERE ((post_status='publish') AND (post_type = 'post') AND ($wpdb->posts.post_password = '')) ORDER BY RAND() LIMIT 1";
	$randompost = $wpdb->get_results($query);
	$post = $randompost[0];
	$post_title = htmlspecialchars(stripslashes($post->post_title));
	$showpost .= '<a href="' . get_permalink($post->id) . '" title="'. $post_title . '">' . $post_title .'</a>' . "n";

zu

	// Database select a random Post
	$query = "SELECT id, post_title, post_content, post_name FROM $wpdb->posts WHERE ((post_status='publish') AND (post_type = 'post') AND ($wpdb->posts.post_password = '')) ORDER BY RAND() LIMIT 1";
	$randompost = $wpdb->get_results($query);
	$post = $randompost[0];
	$post_title = htmlspecialchars(stripslashes($post->post_title));
	$showpost .= '<a href="' . get_permalink($post->id) . '" title="'. $post_title . '">' . $post_title .'</a>' . "<br />n" .  substr(nl2br($post->post_content), 0,  200) . "...n";

ändern, hier ist 200 gleich der Anzahl der Buchstaben des Artikels…

iGoogle German vs iGoogle English

4 Antworten, 10.May 2009 | by Ahmet Topal

Mit iGoogle kann man sich seine persönliche Internet Startseite generieren, und dies beliebig erweitern. Mit Gadgets kann man von Aufgaben bis zu Spielen alles einfügen. Wer immernoch nicht genug hat, kann sich dank den Developer Tools auch selber Gadgets erstellen, welche mit XML leicht zu erstellen sind. Ein bisschen Ahnung in PHP reicht vollkommen.

Neulich bekamen viele Google Dienste wie Calendar, Mail oder Reader ein neues Design, da fragt man sich, wann iGoogle drann ist. Ich meine nicht nur die Hintergrundbilder und Farblich, welches auch mit XML änderbar ist, sondern das Grundgerüst von iGoogle. Warten muss man nicht, wer schon jetzt ein neues iGoogle Design haben möchte, hat eine sehr leichte Methode, das ganze Design zu ändern!

Hier ein Vergleich:

iGoogle vorher:

und iGoogle danach:

die Vorteile:

  1. Übersichtlicher
  2. Tabs Links
  3. Untertabs funktion -> Übersichtlicher
  4. Jedes Gadget kann man auf  “eine eigenen Seite”
  5. Schöneres Design

(Bild: Untertabs Funktion)

Und von der alten Version auf die neue Version zu kommen, muss man nicht viel machen, nicht so komplizierte Sachen wie einen eigenen Code irgentwo einfügen, sondern was man machen muss ist einfach:

Statt die Deutsche iGoogle Seite (http://www.google.de/ig)  zu besuchen, einfach die Englische (http://www.google.com/ig) besuchen, dann wird das Design automatisch geändert. Ich denke, die Deutsche Version wird bald auch so aussehen, denn die Englische wird ja als erstes Entwickelt.

Bei manchen von euch wird bestimmt dies nicht funktionieren, da die Englische Seite normalerweiße in Deutschland auf die Deutsche Seite weiterleitet, aber auch dafür gibt es eine Lösung:

1. iGoogle Settings wählen

Rechts oben unter Mein Konto auf iGoogle Settings klicken:

2. iGoogle Sprache ändern

Bei Language dann English (US) wählen und abspeichern (Save):

Schon hat man die Englische, und somit die “neue” Version von iGoogle…

PS: Oder gibt es eine andere Möglichkeit, auch ohne die Sprache zu ändern, die “neue Version” zu benutzen?

BuzzRiders Logo Entwicklung @ LogoLook

Keine Antworten, 06.May 2009 | by Ahmet Topal

André von LogoLook.de hat sich entschieden, für BuzzRiders ein Logo zu erstellen, und auch Logos von anderen (jedem) aufzunehmen, und diese auf seinem Blog zu veröffentlichen. In 2 Wochen sollte das erste Logo schon stehen. Gerade gibt es 5 – davon eins von mir – Logovorschläge.

Es sind schon schöne Logos entstanden, und (fast) alle haben eins gemeinsam: Eine Sprechblase und/oder ein Herz… Die Idee stamm von André und seiner Freundin Alexa.

Ich selber wollte auch teilnehmen, und habe auch die Sprechblase benutzt in Verbindung mit Funkwellen oder ein Herz. Deshab habe ich gleich 2 mit einem kleinen Unterschied erstellt:

Warum ich dieses Logo mit der Sprechblase gewählt habe ist leicht zu beantworten: Die Sprechblase steht für die Stimme, die Nachricht jeder einzelnen Person, die etwas zu sagen hat, etwas sagen will…

Teilnehmen kann jeder, der Spaß hat, ein Logo zu designen, oder Tipps und Ideen veröffentlichen will.

Mehr zu meinem Logo und die neuesten Logo Ideen bei BuzzRiders @ LogoLook

WPiUI RSS Reader für IPhone

Keine Antworten, 17.Apr 2009 | by Ahmet Topal

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!

Navigation: »
Get Adobe Flash playerPlugin by wpburn.com wordpress themes
free hit counters