Datenschutz Impressum

NOF-Schule | Forum

zur Schule NOF-NetObjects-Tutorials von Tommy Herrmann

Die Foren sind geschlossen. Für Fragen zu MR, NOF & mehr steht Tommys Forum zur Verfügung. Ich danke für die langjährige Treue und Mitarbeit! Eure Administratorin.

Facebook Like-Button in die Webseite einfügen
#1
Einfügung des Like-Buttons von Facebook wie hier gezeigt:

www.nof-schule.de/netobjects-tutorials/facebook

Auf dieser Seite erhält man bei Facebook einen Code für den Like-Button auf der Webseite:

http://developers.facebook.com/docs/refe...gins/like/

Man trägt die url  und die verschiedenen angebotenen Kriterien ein, und bekommt einen Code generiert. Der Code, den ich gerade für eine Seite der NOF-Schule generiert habe sieht so aus:

Code:
<div id="fb-root"></div>
<script>(function(d, s, id) {
 var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) return;
 js = d.createElement(s); js.id = id;
 js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1";
 fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

und:

Code:
<div class="fb-like" data-href="http://www.nof-schule.de/forum" data-send="true" data-width="450" data-show-faces="true"></div>

Der erste Code wird im Masterrahmen oder Layout-HTML "Beginn des Haupttextes" eingefügt.

Der zweite Code wird als HTML  in einem Textfeld an beliebiger Stelle des Layouts oder im Masterrahmen eingefügt.

Das bebilderte Tutorial findet ihr hier:

http://www.tommyherrmanndesign.com/nof/F...kript.html


Einbindung  HTML5 Codes des Facebook-Like Buttons:

http://www.tommyherrmanndesign.com/nof/F...kript.html

Das Ergebnis ist nur online sichtbar!


Angehängte Dateien
.png  13-04-2012 16-42-35.png (Größe: 151,48 KB / Downloads: 554)

.png  13-04-2012 16-44-13.png (Größe: 17,01 KB / Downloads: 326)

.jpg  eingabefensterHTML-NOF12.JPG (Größe: 56,24 KB / Downloads: 523)

Alle Beiträge dieses Benutzers finden




Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
nach oben An den Anfang der Seite scrollen
NetObjects Fusion Infos, Downloads und Updates Diese Website wird durch Bot-Trap vor Spam geschützt!