Mikael Korpela

Lisätessäsi sivuillesi Facebookin Fanbox widgettiä, voit itseasiassa muokata laatikon ulkoasuakin. Facebook ei suoraan tarjoa muokkaustyökalua tähän, mutta voit vaihtaa laatikon värejä yms. normaalisti CSS-tyylitiedostolla. Yksityiskohdista voit lukea lisää Facebookin Developer wikistä.

Normaaliin “other”-kohdan tarjoamaan koodiin:

1
2
3
4
5
6
7
8
9
10
11

<script type="text/javascript"
 src="http://static.ak.connect.facebook.com/connect.php/fi_FI">
</script>
<script type="text/javascript">FB.init("_id_");</script>
<fb:fan profile_id="_id_" stream="0"
 connections="10" logobar="1" width="300"></fb:fan>

…voit lisätä parametrin “css”: <fb:fan css=”http://www.url.tld/own_style.css?1″… ja lopputulos voisi olla vaikkapa tämänlainen (oikealla ilman tyylejä):

Koska Faceobook tallentaa CSS:n välimuistiinsa, kannattaa käyttää tiedostonimen perässä kysymysmerkin jälkeistä numeroa muuttamassa tiedostonimeä. Siihen voi laittaa vaikkapa versionumeron tai päivämäärän. Uusi merkkijono pakottaa Facebookin käyttämään uudempaa versiota.

Badgen omaa html:ää (ja css:ää) pääsee tutkimaan klikkaamalla siitä selaimessa hiiren oikealla napilla ja valitsemalla “näytä lähdekoodi” tms. – selaimesta riippuen.

Esimerkissä käyttämäni CSS-tiedosto.