Jak dodać wyskakujące okienko steam/fanpage

Witam 
Chciałbym wiedzieć jak zrobić wyskakujące okienko z fanpage na fb gdy sie kliknie to ono sie wysuwa wysuw. Dodać jeszcze okno fanpage do panelu bocznego i steam a prezentuje sie to tak:
   
Domena Cs-420.pl

https://developers.facebook.com/docs/plu...ge-plugin/

i co mam ztym zrobic bo nie rozumiem

dodać tam link do swojego fanpage i potem dostaniesz kod co będziesz musiał dodać na forum

dodać tam link do swojego fanpage i potem dostaniesz kod co będziesz musiał dodać na forum

gdzie to dodać?

Pierwszą część kodu do header a drugą tam, gdzie ma być to wyświetlane (np. index). Dałem sam link, bo na tej stronie masz jasno opisane co i gdzie trzeba dać. Jeśli nie znasz angielskiego możesz skorzystać z opcji tłumaczenia stron w Chrome

jesli możesz powiedz gdzie wstawić to :

<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 = 'https://connect.facebook.net/pl_PL/sdk.js#xfbml=1&version=v3.0';
 fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

i to :

<div class="fb-page" data-href="https://www.facebook.com/Cs420pl/" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/Cs420pl/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/Cs420pl/">Cs-420.pl</a></blockquote></div>

Pierwszą część kodu do header a drugą tam, gdzie ma być to wyświetlane (np. index).

Już napisałem Pierwszy kod wklejasz na sam początek szablonu header (ACP > Style i szablony > Szablony > nazwa_szablonu > nagłówek > header), a drugi w miejsce gdzie widget ma się wyświetlać np. w to samo miejsce gdzie wklejałeś zmienne do Top Stats.

Pierwszą część kodu do header a drugą tam, gdzie ma być to wyświetlane (np. index).

Już napisałem Pierwszy kod wklejasz na sam początek szablonu header (ACP > Style i szablony > Szablony > nazwa_szablonu > nagłówek > header), a drugi w miejsce gdzie widget ma się wyświetlać np. w to samo miejsce gdzie wklejałeś zmienne do Top Stats.

mam tylko to tego wysuwającego nie ma 

a css mi sie zepsułł ten pasek zielony na dole powinien być u góry pod napisem fanpage
   

Pokaż jak to wkleiłeś (w sensie pokaż kod). Co do wysuwanego, znalazłem takie coś (jeszcze nie testowałem): http://webfrik.pl/wysuwane-okienko-facebook

<table border="0" cellspacing="0" cellpadding="4" class="tborder">
<tbody><tr>
<td class="thead"><strong>Fanpage</strong>
<div class="fb-page" data-href="https://www.facebook.com/Cs420pl/" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/Cs420pl/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/Cs420pl/">Cs-420.pl</a></blockquote></div>
</tr>
</td>
</tbody>
</table>
<br />

a te z  tej strony co podałeś to gdzie to dać?

Co do kodu, to zamień to na taki

<table border="0" cellspacing="0" cellpadding="4" class="tborder">
<tbody>
<tr><td class="thead"><strong>Fanpage</strong></td></tr>
<tr>
<td><div class="fb-page" data-href="https://www.facebook.com/Cs420pl/" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/Cs420pl/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/Cs420pl/">Cs-420.pl</a></blockquote></div></td>
</tr>
</tbody>
</table>
<br />

Odnośnie kodu ze strony, z racji na to że wysuwane okienko ma position:fixed to możesz wkleić kod w dowolne miejsce w dowolnym szablonie. Zgaduję że chcesz to mieć na każdej podstronie więc umieść kod w szablonie header

działa wszystko już