RSS-Feed

Das andere Afghanistan — RSS-Feed einbinden

RSS steht für “Really Simple Syndication”: Dieses System der „wirklich einfachen Verbreitung“ ermöglicht dem Verfasser mittels RSS-Feeds über neue Veröffentlichungen auf seiner Internetseite zu informieren. Die Leser können mit einer speziellen Software, dem so genannten Feedreader, die aktuellen Beiträge abonnieren. Der große Vorteil besteht darin, dass die Abonnenten die Website nicht extra aufrufen müssen, um zu sehen, ob neue Artikel erschienen sind.

ADRA bietet auch beim Online-Magazin Das andere Afghanistan einen RSS-Feed an, den Sie abonnieren und sich so über die neusten Beiträge informieren können. Sie benötigen dazu einen Feedreader oder einen RSS-fähigen Webbrowser.

RSS


RSS-Feed auf eigener Website einbinden

Als weiteren Service für Webmaster stellt ADRA den RSS-Feed auch zum Einbinden auf anderen Internetseiten bereit. Mit unserem speziellen Code erscheinen an der von Ihnen gewünschten Stelle die aktuellsten zehn Artikel-Überschriften, die automatisch zur Afghanistan-Seite verlinken.

Kopieren Sie folgenden Code unverändert an die gewünschte Position auf Ihrer Webseite, um die aktuellen ADRA Afghanistan Schlagzeilen anzeigen zu lassen:


Für Fortgeschrittene: Optische Anpassung

Um die Ausgabe der Überschriften an das Layout Ihrer Seite anzupassen, stehen Ihnen drei unterschiedliche CSS-Klassen zur Verfügung:

CSS-Klassen

Eine mögliche Formatierung (wie im gezeigten Beispiel) können Sie hier kopieren und im <head>-Bereich Ihrer Website einfügen. Mit CSS können Sie nun die Farben, Größen und Gestaltung der Klassen nach Ihren Wünschen anpassen.


Beispiel einer Formatierung mit CSS

Kopieren Sie diesen Code zwischen den <head></head> Bereich Ihrer Website

<style type="text/css">

.adraRSSItem a {
padding-left:10px;
line-height:1.4em;
border-left: 3px solid #008680;
color:#008680;
}

.adraRSSItem a:hover {
padding-left:10px;
line-height:1.4em;
border-left: 3px solid #07423d;
color:#07423d;
}

.adraTitle {
font-weight: bold;
font-size:14px;
}

.adraLink a {
font-size:10px;
text-decoration: none;
color:#999999;
}

</style>