Intégrer votre flux préféré d'idées à votre site !

Partons d’un exemple pratique : Le jeu @PassionBus dispose d’un fil d’actualité sur Zatras.

Ce mini tutoriel va répondre à la question suivante :

Comment ajouter un flux d'annonces Zatras dans votre site, afin de partager efficacement ses idées ?

Cela permettra d'utiliser les ressources mises à disposition sur Zatras, directement sur votre site le plus simplement possible, avec l'ensemble de la communauté Zatras !

Semblable à un flux RSS, il a pour avantage de proposer d’intégrer des articles complets, ainsi que le moteur de commentaires et d’appréciations directement dans les pages de votre site Internet.

De plus, vous gagnerez en notoriété, en partageant vos idées avec l'ensemble du réseau Zatras.

Il vous suffit d’inclure le code présenté ci-dessous dans votre site, en remplaçant bien entendu @PassionBus par votre auteur préféré, ou vous-même !

Version simple

Cette version fonctionne simplement, il vous suffit éventuellement de modifier la largeur (with) et la hauteur (height) pour l’adapter à votre site :

<iframe width="100%" height="500" src="http://zatras.com/@PassionBus/feed" frameborder="0"></iframe>

Version Responsive Design

Le code suivant est destiné aux interfaces de sites Internet modernes qui s'adaptent à la dimension de votre écran.
Si vous disposer d’un site Responsive Design (grâce à Bootstrap), cette version de code s’ajustera automatiquement à la largeur de votre page, et par extension, à la largeur de la fenêtre de votre navigateur, ou écran mobile :

<div class="embed-responsive embed-responsive-16by9" style="overflow:auto;-webkit-overflow-scrolling:touch;"><iframe src="http://zatras.com/@PassionBus/feed" frameborder="0" class="embed-responsive-item"></iframe></div>

Résultat