Montag, 2. April 2018

Gratis Chat für Deine Homepage oder Blog

Wer möchte, kann den gleichen Chat, wie er hier auf dieser Seite läuft, in seine Homepage einbauen.
Falls jemand davon Gebrauch macht, bitte eine kurze Rückmeldung.

Hier die Anleitung, wie Ihr diesen Chat einbaut:

Das Folgende kommt in den Head-Bereich der Website. Falls Ihr auch einen Blog von Blogspot verwendet, müsst Ihr das Design ---> HTML bearbeiten. Dann den folgenden Code in den Head-Bereich der Website oder des Blogs einbauen, also zwischen <head> und </head>

<script src='https://chat-nett.de/addons/boom_embed/js/jquery-1.11.2.min.js' type='text/javascript'/>

Den folgenden Code dann einfach irgendwo im Body-Bereich einbinden. Bei einem Blogspot-Blog erstellt Ihr einfach ein neues Gadget und wählt hier aus, HTML/JavaScript und tragt dann diesen Code ein. Beim Titel des Gadgets tragt ihr einfach ein Leerzeichen ein. Danach habt ihr einen Chat, der genau so funktioniert wie der, den ihr hier im Blog unten Links seht. Die Farben, Höhe und Breite könnt Ihr anpassen.

<div id="corner_boom" value="Chat schließen!" style="height:600px; width:600px; left:20px;">
    <div style="background:#FF0000; height:33px;" id="corner_boom_top"><p id="corner_boom_title" style="color:#FFF;">Chat öffnen!</p>
    <a href="https://chat-nett.de"><img src="https://chat-nett.de/addons/boom_embed/images/boom_embed_expand.png"/></a></div>
    <div style="background:#000 url('https://chat-nett.de/addons/boom_embed/images/loading.gif')" id="corner_boom_content"><iframe name="https://chat-nett.de/addons/boom_embed/execute/boom_embed_blank.php" id="corner_boom_iframe" value="https://chat-nett.de/index.php" src=""></iframe></div>
    <script type="text/javascript" src="https://chat-nett.de/addons/boom_embed/js/boom_embed.js"></script>
</div>


Wer den Chat komplett in seine Seite integrieren will, muss folgenden Code im Body verwenden. Dann füllt der Chat den kompletten Layout-Bereich der Website aus. In diesem Fall ist der Chat auch resoponsibel.

<div style="width:100%; height:100%;"><iframe style="width:100%; height:100%; border:none;" src="https://chat-nett.de/index.php"></iframe></div>

Viel Spaß mit Eurem neuen Homepage-Chat!

Keine Kommentare:

Kommentar veröffentlichen