Anfrage aus diesem Thema
Facebook LikeButton links unter dem Seitenmenü - WebSite X5 Answers
Um einen Facebook Button unter das Menü zu bringen benötigt man folgendes.
Den generierten Code von Facebook entweder direkt bei Facebook erstellen oder aus dem Programm herauskopieren und man benötigt noch ein kleines Javascript.
Den Code benutzt man und fügt ihn unterhalb ein. Man beachte! Ich habe noch eine ID zugefügt!
- <script>
- $(document).ready(function() {
- $('#imMnMn').append('<div id="fcb"><div class="fb-like" data-href="http://unofficialwsx5.de/" data-send="false" data-layout="box_count" data-width="150" data-show-faces="false" data-action="like" data-colorscheme="light" data-font="tahoma"></div></div>');
- });
- </script>
- <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 = "http://connect.facebook.net/de_DE/all.js#xfbml=1";
- fjs.parentNode.insertBefore(js, fjs);
- }(document, 'script', 'facebook-jssdk'));
- </script>
Da man das im Menü haben will geht man nun unter Schritt 1 > erweitert und fügt das an diese Stelle ein
um das ganze noch ein wenig zu zentrieren und ein wenig Abstand zu bekommen benutzt man noch ein bißchen css das kommt hier rein
mit margin-top wird der Abstand nach oben angegeben!
In deinem fall musst du folgendes in den Bereich vom ersten Bild einfügen.
- <script>
- $(document).ready(function() {
- $('#imMnMn').append('<div id="fcb"><div class="fb-like" data-href="http://www.branitzki-waidmannsruh.de/" data-send="false" data-layout="box_count" data-width="153" data-show-faces="true" data-action="like" data-colorscheme="light" data-font="tahoma"></div></div>');
- });
- </script>
- <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 = "http://connect.facebook.net/de_DE/all.js#xfbml=1";
- fjs.parentNode.insertBefore(js, fjs);
- }(document, 'script', 'facebook-jssdk'));
- </script>