Vernetzung der Linktipps von Blinde Kuh:
Täglich frische Links und auch gecheckt.
Eine, zwei, drei kleine Apps reichen nicht. Das ist ja kein echtes Internet. Vernetzt die Kinderseitenlandschaft. Kein Kind muss in irgendwelchen sozialen Medien geparkt und dann sich selbst überlassen werden. Nicht immer nur auf Youtube zeigen, nur weil man keine Ahnung hat, dass all die kostenlosen Angebote auch so zu haben sind. Dafür wurden sie sogar extra gemacht. Verlinkt das hier, baut die Feeds ein, oder von uns aus, schreibt alles ab! Hauptsache, ihr helft mit, all den Kindern all diese tollen Seiten zu zeigen.
Logo
Für die grafische Darstellung der Vernetzung können folgende Logos unter folgenden Links und mit folgenden Feeds eingebunden werden (eine Erklärung, wie man die Feeds einbaut, gibt es weiter unten):
Halloween-Seiten
- Link zu den Spezial-Seiten:
https://www.blinde-kuh.de/halloween/ - XML-Feed:
https://www.blinde-kuh.de/teasering/teasering-halloween.xml - JSON-Feed:
https://www.blinde-kuh.de/teasering/teasering-halloween.json - JSON-P-Feed:
https://www.blinde-kuh.de/teasering/teasering-halloween.js


Kinderrechte-Spezial
- Link zu den Spezial-Seiten:
https://www.blinde-kuh.de/kinderrechte-spezial/ - XML-Feed:
https://www.blinde-kuh.de/teasering/teasering-kinderrechte.xml - JSON-Feed:
https://www.blinde-kuh.de/teasering/teasering-kinderrechte.json - JSON-P-Feed:
https://www.blinde-kuh.de/teasering/teasering-kinderrechte.js


Osterseiten der Blinden Kuh
- Link zu den Oster-Seiten:
https://www.blinde-kuh.de/ostern/ - XML-Feed:
https://www.blinde-kuh.de/teasering/teasering-ostern.xml - JSON-Feed:
https://www.blinde-kuh.de/teasering/teasering-ostern.json - JSON-P-Feed:
https://www.blinde-kuh.de/teasering/teasering-ostern.js


Weihnachtsseiten der Blinden Kuh
- Link zu den Weihnachts-Seiten:
https://www.blinde-kuh.de/weihnachten/ - XML-Feed:
https://www.blinde-kuh.de/teasering/teasering-xmas.xml - JSON-Feed:
https://www.blinde-kuh.de/teasering/teasering-xmas.json - JSON-P-Feed:
https://www.blinde-kuh.de/teasering/teasering-xmas.js


Ukraine-Spezial
- Link zu den Spezial-Seiten:
https://www.blinde-kuh.de/aktuell/ukraine-spezial.html - XML-Feed:
https://www.blinde-kuh.de/teasering/teasering-ukraine.xml - JSON-Feed:
https://www.blinde-kuh.de/teasering/teasering-ukraine.json - JSON-P-Feed:
https://www.blinde-kuh.de/teasering/teasering-ukraine.js


Corona-Spezial
- Link zu den Spezial-Seiten:
https://www.blinde-kuh.de/aktuell/corona-spezial.html - XML-Feed:
https://www.blinde-kuh.de/teasering/teasering.xml - JSON-Feed:
https://www.blinde-kuh.de/teasering/teasering.json - JSON-P-Feed:
https://www.blinde-kuh.de/teasering/teasering.js


Verlinkung am Beispiel des Corona-Spezials der Blinden Kuh:
Dies kann unter der URL (Internetadresse)
https://www.blinde-kuh.de/aktuell/corona-spezial.html
verlinkt werden.
Einbindung des Teaserings
Wir haben für die Vernetzung einfache Feeds zusammengestellt, die im stündlichen Rhythmus aktualisiert werden. Diese Feeds können für nicht kommerzielle Zwecke in eigene Seiten eingebunden werden, sofern die Rechte Dritter hierbei nicht verletzt werden. (Bildrechte, etc.)
Das Feld category" bei RSS, bzw context" bei JSON erlaubt eine Filterung, bzw. Gruppierung der einzelnen Einträge.

RSS-Feed
Es handelt sich dabei um einen XML-Feed (RSS 2.0), der in den unterschiedlichen CMS eingebaut werden kann.
Beispiel Corona-Spezial (weitere Feeds, s. in der Tabelle oben): https://www.blinde-kuh.de/teasering/teasering.xml
Der Feed lässt sich auch mit den gängigen Feedreadern abonnieren, die es für alle Desktop-Systeme und mobile Endgeräte gibt.
<item id="00000010" base="corona-specials"> <title>Alle Infos zu Corona</title> <description>Hier findest du viele Antworten. Im Forum kannst du weitere Fragen stellen und im Lexikon Begriffe nachschauen. [<a href='https://www.hanisauland.de/spezial/corona-virus/' target=_top>Weiter zu Hanisauland</a>]</description> <image> <url>https://www.blinde-kuh.de/teasering/img/coronaspezial/hanisauland-corona2.png</url> <bk:smartimage>https://www.blinde-kuh.de/teasering/img/coronaspezial/smart-hanisauland-corona2.png</bk:smartimage> <title>Rechte: BPB</title> <bk:imagerights>BPB</bk:imagerights> </image> <bk:context>Corona / Specials</bk:context> <category>Aktuell</category> <category>Hanisauland</category> <category>Corona / Specials</category> <category>Kinderseite</category> <link>https://www.hanisauland.de/spezial/corona-virus/</link> <dc:date>2020-04-09T00:00+01:00</dc:date> <dc:creator/> <bk:type>Kinderseite</bk:type> <bk:description>Hier findest du viele Antworten. Im Forum kannst du weitere Fragen stellen und im Lexikon Begriffe nachschauen.</bk:description> <bk:linktext>Weiter zu Hanisauland</bk:linktext> <bk:site>Hanisauland</bk:site> </item>
JSON-Feed
Für den Einbau des Feeds in Apps, Webseiten und andere Programme haben wir einen einfachen JSON-Feed zusammengestellt.
Beispiel Corona-Spezial (weitere Feeds, s. in der Tabelle oben): https://www.blinde-kuh.de/teasering/teasering.json
Das Zeichenformat ist utf-8
"00000007": { "context": "Corona / Specials", "description": "Infomationen, aktuelle Diskussionen und Aufklärung über Fake- News findest du beim Internet- ABC.", "domain": "www.internet-abc.de", "image": "/teasering/img/coronaspezial/internetabc-corona.png", "imagerights": "Internet ABC", "imagerighttext": "", "imagerighttitle": "", "linktext": "Weiter zum Internet-ABC", "modified": "09.04.2020", "site": "Internet-ABC", "smartdescription": "", "smartimage": "/teasering/img/coronaspezial/smart-internetabc-corona.png", "smarttitle": "", "subtitle": "", "title": "Alles Wichtige über Corona", "type": "Kinderseite", "url": "https://www.internet-abc.de/kinder/aktuell/das- virus-alle-wichtigen-informationen-fuer-dich/" },
JSON-P-Feed
Der Feed kann direkt in die eigenen Seiten via Javascript eingebaut werden. Das Script wird dabei direkt aufgerufen.
Beispiel Corona-Spezial (weitere Feeds, s. in der Tabelle oben): https://www.blinde-kuh.de/teasering/teasering.js
<script language="Javascript" src="https://www.blinde-kuh.de/teasering/teasering.js" > </script>
Sobald das Script geladen ist, übergibt es den Feed an die Funktion
function setTeaserFromBlindeKuh( BKTAESER ){ ... // Daten auswerten und darstellen ... }
Alles zusammen in einem Beispiel Code
Siehe: Demonstration
<html> <head> <meta charset="utf-8"> <!-- CSS kann beliebig angepasst werden --> <style> #bkteasering { margin: 4px; padding: 4px; border: 1px solid #000; } #bkteasering .headline { font-size: 1.2em; font-wight: bold; } #bkteasering .bkitem { margin: 4px; border: 1px solid #000; } #bkteasering .bkitem A { color: #000; text-decoration: none; display:block ; padding: 4px;} #bkteasering .bkitem A:hover { background-color:#ffeb3b } #bkteasering .bkitem .title { font-weight: bold; } </style> <script language="Javascript"> // Die Funktion ist nur ein Beispiel und // kann beliebig angepasst werden function setTeaserFromBlindeKuh( BKTAESER ) { // sortieren var BKTAESER_index = []; for( var idx in BKTAESER ) { BKTAESER_index.push( idx ); } BKTAESER_index.sort(); document.write('<div id="bkteasering">'); document.write('<div class="headline">Blinde Kuh Spezial (Demo)</div>'); // Ausgeben for( var i in BKTAESER_index ) { idx = BKTAESER_index[i]; document.write('<div class="bkitem">'); document.write('<a target=_blanc href="' + BKTAESER[idx]["url"] + '">'); document.write('<div class="context">' + BKTAESER[idx]["context"] + '</div>'); document.write('<div class="site">' + BKTAESER[idx]["site"] + '</div>'); document.write('<div class="modified">' + BKTAESER[idx]["modified"] + '</div>'); document.write('<div class="title">' + BKTAESER[idx]["title"] + '</div>'); document.write('<div class="domain">' + BKTAESER[idx]["domain"] + '</div>'); document.write('<div class="description">' + BKTAESER[idx]["description"] + '</div>'); document.write('<div class="linktext"> ... ' + BKTAESER[idx]["linktext"] + '</div>'); document.write('</a>'); document.write('</div><!-- bkitem -->'); } document.write('</div>'); } </script> </head> <body> <script language="Javascript" src="https://www.blinde-kuh.de/teasering/teasering.js"></script> </body> </html>
Creative Commons Lizenz CC-BY-NC-ND
http://creativecommons.org/licenses/by-nc-nd/4.0/