ugrás a tartalomhoz

Facebook like-box elhelyezése

planB777 · 2013. Júl. 29. (H), 17.06
Sziasztok.

Kezdő weblapkészítő vagyok és már nagyon sokat olvasgattam arról, hogy hogyan lehetne facebook like-box-ot feltenni a honlapomra. YouTube videó alapján megcsináltam, de nem akar megjelenni a weboldalamon. Nagy üresség van ott, ahol meg kéne jelennie. Mit csinálok rosszul? Kell hozzá valami másik file is nem csak egy javascript-re utaló link?

Köszönöm a segítségeteket előre is!
‹ HTML lap szétesik Logó homályosodásból élesedése ›
 ■
1

Kell hozzá valami másik file

Poetro · 2013. Júl. 29. (H), 17.26
Kell hozzá valami másik file is nem csak egy javascript-re utaló link?

Hát az biztosan nem kell hozzá. Valami ilyesmi kell neked:

A következőt elhelyezed valahol a </body> közelében:
  <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/en_US/all.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>
Majd ahova a like gombot akarod oda a következőt:
<div class="fb-like" data-href="http://weblabor.hu/" data-send="false" data-width="450" data-show-faces="true"></div>
Természetesen a megfelelő URL-el a data-href attribútumban.

Egyébként miért YouTube videókat nézegetsz, miért nem a hivatalos dokumentációt?
2

Az a helyzet, hogy ugyanezt a

planB777 · 2013. Júl. 29. (H), 17.31
Az a helyzet, hogy ugyanezt a verziót próbáltam meg legalább 5-ször, de mégsem jó, és ezután néztem utána YouTube-on is.

A <body> után beraktam
ezt:
<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/en_US/all.js#xfbml=1";  
  fjs.parentNode.insertBefore(js, fjs);  
}(document, 'script', 'facebook-jssdk'));</script>
(ahogy írtad)

És ahova akarom a like-gombot oda is azt, amit írtál.
De mégsem jelenik meg.
3

Nálam működik

Poetro · 2013. Júl. 29. (H), 17.45
Nálam működik.
4

Neharagudj. Nemtudom, hogy

planB777 · 2013. Júl. 29. (H), 20.26
Neharagudj.

Nemtudom, hogy miért a Dreamviewer nem mutatta a Live-ba a like gombot.. Mostmár megoldódott.

Köszönöm!
5

Kicsit jobban:

Pepita · 2013. Júl. 30. (K), 04.36
A <body> után beraktam (ahogy írtad)

Poetro a </body> elé írta, nem véletlenül: a böngésző sorban olvassa a tartalmat (és értelmezi-végrehajtja), gondolom nem a like-gomb a legfontosabb tartalom... Ha a végére teszed a scriptet, akkor az előtte lévő tartalmak megjelenése után kerül ki a gomb.
Gondolj a néha kicsi sávszélre, régi böngészőre, gyenge gépre, ja és talán úgy is logikus, hogy előbb látható a tartalom, aztán lehet like, nem?

Megnézni meg mindig böngészőt használj, legalább 3-at.