daheads blog²

FML steht für Fuck My Life und ist ein eindeutiger Linktipp.

I just discoverd a pretty useful website called BrowserShots.org where you can preview your own website in many different browsers, operating systems and even in different screen resolutions.

The service is free and it also offers a downloadable zip file with all the screenshots made.

Thats how my page looks like.

Was ist Hotlinking?

Hotlinking oder Inline Linking bezeichnet das Einbetten von Medien in eine Webseite, die auf einem anderen Host als die sie enthaltende Seite gespeichert sind. Oft handelt es sich bei den Medien um Bilder, aber auch das Referenzieren von Sound, Videos oder Text ist üblich.

Quelle: Wikipedia

Etwas einfacher formuliert:

Möchte ich beispielsweise das Firefox Logo von der offiziellen Webseite auf meiner eigenen Seite anzeigen, könnte ich dies unter Verwendung folgender URL tun:

http://www.mozilla.org/images/feature-logos1.png

Ich wuerde also die Grafik auf meiner Seite anzeigen, der Browser lädt die Grafik allerdings direkt vom Mozilla Server und verursacht dort (je nach Besuchermenge auf meiner Seite) nicht unerheblichen Datenverkehr (Traffic) auf dem Mozilla Server.

Warum sollte man nicht heiß verlinken?

1.) Es kostet die Person Geld, die die Grafik auf seinem/ihrem Server hostet. Diese Person bekommt dann als Dank höheren Traffic, ohne jedoch mehr Besucher zu erhalten. Dass das nicht fair ist, sollte eigentlich jedem klar sein.

2.) Sollten die Mozilla Jungs und Mädels irgendwann einmal auf die Idee kommen, und Ihre Grafik nicht mehr

"feature-logos1.png"

sondern beispielsweise

"feature-logo2007.png"

nennen, verlinkt die Hotlinking Seite (im o. g. Beispiel also meine Seite) auf eine nicht existente Grafik. Das sieht natürlich unschön aus und wirkt auch nicht gerade professional.

Was noch passieren kann, wenn sich Webmaster einen Scherz daraus machen, kann man hier bewundern.

Nun, wie verhindert man so etwas?

Auf der Webseite Alt Lab.com wird folgender Weg über die htaccess Datei beschrieben.

Dazu erstellt man eine neue, leere Datei mit den Namen ".htaccess" und lädt diese in das Hauptverzeichnis (Root-Verzeichnis) seiner Webseite (Hinweis: Wichtig ist der Punkt vor "htaccess". Unter Windows kann man diesen Punkt nur über die Kommandozeile hinzufügen).

Inhalt der .htaccess Datei:

RewriteEngine On
RewriteCond %{HTTP_REFERER} !^http://(.+\.)?meineseite\.de/ [NC]
RewriteCond %{HTTP_REFERER} !^$
RewriteRule .*\.(jpg|jpeg|gif|bmp|png)$ - [F]

Was macht das Listing?

Die erste Zeile startet das sogenannte Rewrite.

Die zweite Zeile betrifft alle Zugriffe der eigenen Seite (meineseite). Der Zusatz "[NC]" steht für "No Case" und bedeutet, dass Groß- und Kleinschreibung ignoriert werden können.

Die dritte Zeile sagt dem Server, dass leere Referer erlaubt sind und die letzte Zeile setzt die Regel für alle Dateien mit den Endungen *.jpg, *.jpeg, *.gif, *.bmp und *.png in Kraft.

Ruft nun ein fremder Server (Webseite) eine Datei, die den oben genannten Bedingungen entspricht auf, erhält diese Server die Fehlermeldung "403 Forbidden". Es wird also entweder diese Fehlermeldung ausgegeben, oder einfach keine Grafik angezeigt.

Anpassungen:

Was man beim obigen Listing ändern muss, ist das Wort "meineseite" in den Namen der URL der eigenen Seite (in meinem Fall dahead) sowie die Domain ".de" (beispielsweise in ".com" oder ".info").

Test:

Vor einem Test ob das oben genannte Listing funktioniert, sollte der Browser Cache geleert werden. Damit wird sichergestellt, dass die zu testende Datei nicht aus Versehen aus dem Zwischenspeicher des Browsers von der eigenen Festplatte geladen wird.

Nachdem dies erledigt ist, kann über die o. g. Webseite Alt Lab.com der Aufruf getestet werden.

Mein Server zieht heute Nacht auf PHP 5 und MySQL 5 um. Die Seite ist daher vorübergehend für einige Stunden nicht erreichbar. Grund für die Aktualisierung ist das neue Blog-System Habari, über welches ich hier berichtete.

Wer seine Seite bei all-inkl.com gehostet hat, kann einfach durch eine E-Mail an info@all-inkl.com mit der Bitte um die oben genannte Änderung die Aktualisierung erreichen. Das ganze ist zudem kostenlos.

Ich bitte den kurzfristigen 'Ausfall' zu entschuldigen und wünsche allen Leserinnen und Lesern ein schönes Wochenende!

Achtung, diese Installationsanleitung ist mittlerweile veraltet. Habari lässt sich in den neueren Versionen wesentlich einfacher und komfortabler installieren. Wie das geht, habe ich hier beschrieben.

Übersicht:

1. Habari herunterladen
2. Neue Datenbank aufsetzen
3. Config Datei bearbeiten
4. htaccess
5. Hochladen
6. Start

Habari herunterladen

Habari gibt es aktuell noch nicht offiziell als Download. Die neueste Version (die eine Alpha ist) muss als SVN Snapshot heruntergeladen werden. Dazu kann man entweder das kostenlose opensource Programm Subversion oder TortoiseSVN verwenden. Letzteres klinkt sich als Shell-Extension (komfortabel) in den Windows Explorer ein.

Die URL für den Download als SVN Snapshot ist folgende:

http://habari.googlecode.com/svn/trunk/

Alternativ dazu kann man auch folgendes

von meiner Seite verwenden, welches ich über oben genannte Methode heruntergeladen habe. Stand der Dateien ist der 13. Januar.

Neue Datenbank aufsetzen

Der nächste Schritt ist das Bereitstellen einer Datenbank für Habari. Diese wird mit einem beliebigen SQL Administrations Tool (wie beispielsweise PHPMyAdmin) erstellt.

Name, Passwort und Benutzername der Datenbank sollte man sich für den nächsten Schritt merken.

Config Datei bearbeiten

Im Habari Root Verzeichnis liegen einige Vorlagen der Konfigurations-Dateien. Am Beispiel eines MySQL Servers/Datenbank wird die Datei "config.php.mysql" geöffnet, bearbeitet und anschließend als "config.php" gespeichert.

In der Konfigurationsdatei muss der Name der Datenbank (normalerweise gleich dem Benutzernamen) und das Passwort eingetragen werden.

Der entsprechende Teil aus der Konfigurationsdatei sieht unbearbeitet wie folgt aus:

$db_connection = array(
'connection_string' => 'mysql:host=localhost;dbname=habari', // MySQL Connection string
'username' => 'mysql_username', // MySQL username
'password' => 'mysql_password', // MySQL password
'prefix' => 'habari__', // the prefix to apply to all tables
);

Nachdem die Werte aus dem vorherigen Punkt eingetragen wurden, wird die Datei unter dem Namen "config.php" im Root Verzeichnis abgespeichert.

htaccess

Je nach gewünschtem Installationsverzeichnis muss man nun noch die htaccess Datei bearbeiten. Andernfalls schlägt ein Login oder der Aufruf einzelner Seiten fehl.

Ich habe Habari direkt ins Rootverzeichnis meines Webspaces hochgeladen. Dementsprechend muss der Befehl "RewriteBase" angepasst werden.

RewriteBase /

Soll Habari als Unterverzeichnis (beispielsweise /habari/) hochgeladen werden, muss der "RewriteBase" Befehl wie folgt lauten:

RewriteBase /habari/

Der Rest der htaccess Datei bleibt unverändert.

Wichtig ist, dass die htaccess Datei noch in ".htaccess" umbenannt werden muss. Das geht über Windows leider nur über die Kommandozeile (rename htaccess .htaccess). Eine andere Möglichkeit wäre die Datei nach dem Hochladen umzubenennen.

Wird die Datei nicht umbenannt wird sie nicht verwendet.

Hochladen

Hier gibt es nicht viel was man falsch machen kann. Man wirft den FTP-Client seiner Wahl an und schmeißt alle Dateien aus dem Archiv oder Snapshot in das gewünschte Verzeichnis auf dem Webspace.

Starten

Nachdem alle Dateien hochgeladen wurde, ruft man die URL von Habari auf (also beispielsweise http://www.meineseite.de/habari oder http://habari.meineseite.de).

Habari merkt nun, dass es noch nicht eingerichtet wurde und fragt nach dem zukünftigen Namen des Blogs, dem Benutzernamen, einem Passwort usw. Nachdem die gewünschten Werte eingetragen und mit OK bestätigt wurden, wechselt Habari automatisch zur Startseite des Blogs.

Fertig.

Habari ist ein neues Blog Projekt einiger (ehemaliger) Wordpress-Entwickler. Habari ist Suaheli und steht für "Neuigkeiten" oder "Was gibts Neues?".

Grund für den Weggang der Entwickler von Wordpress hin zu Habari scheint die zunehmende Kommerzialisierung von Wordpress.com zu sein. Nachzulesen ist das unter anderem bei Michael Heilemann der seine Zugang zum Habari Projekt hier begründet.

Mit von der Partie sind dabei Bekannte Chris J. Davis, der eben erwähnte Michael Heilemann (auch Entwickler des bekannten K2 Themes für Wordpress), Khaled Abou Alfa, Owen Winkler und andere.

Das Habari-Projekt wird auf der Google-Code Plattform gehostet. Eine erste Testversion der noch frühen Entwicklung gibt es offiziell zwar nicht zum direkten Herunterladen (dazu muss man sich via Subversion selbst den Snapshot saugen), Michael von der Seite sw-guide hat jedoch ein Archiv der Dateien vom 07. Januar 2007 zum Download bereitgestellt, welches ich hier auch anbiete.

Hier einige der Features die Habari bereits jetzt bietet:

• Komplett Objekt orientiert programmiert (OOP)
• Nutzung von PHP 5 (Wordpress basiert noch auf PHP 4.0/4.1
• Smarty Template Unterstützung
• Datenbank Plattform unabhängig (MySQL, PostgreSQL, SQLLite, ...)
• Atom Feed Unterstützung
• Einfache AJAX Implementierung

Vorschau:

Fazit:

Alles in allem hört sich das Projekt wirklich interessant und ernstzunehmend an. Ich bin ehrlich gesagt bereits jetzt schon alleine von von den ersten Screenshots begeistert. Habari selbst werde ich morgen auf meinem Webspace installieren und testen.

Über den Status wie sich das Projekt weiterhin entwicklet werde ich selbstverständlich berichten.

Update vom 11.01.2007:

Tja, mit dem Installieren von Habari war es leider (noch) nichts. Auf meinem Webspace ist aktuell noch PHP 4 installiert. Das all-inkl. Team wird allerdings vorraussichtlich heute Nacht die neue Version aufspielen. Bis dahin muss ich mich noch gedulden.

Außerdem gibt es mittlerweile weitere Neuigkeiten zum Habari Projekt:

• Rumble in the Jungle: Khaled Abou Alfa
• Whats Up: Owen
• Spread the news: Skippy