FBML KODOVI

DavorTrninic.com

DavorTrninic.com
FBML KODOVI
 FBML KODOVI
DavorTrninic.com

FBML KODOVI
za početnike

Vjerojatno ste čuli za HTML – sa njime se rade web stranice. FBML je slično kao
HTML, no FBML je prilagođen samo za Facebook i možete ga koristiti jedino na
Facebook stranicama.

FBML je jednostavan za korištenje i u ovom ebooku dobit ćete informacije neke

kodove kako napraviti jednostavnu Facebook stranicu.

Prvo što trebate napraviti je stranicu na Facebooku, a to ćete tako da u

Facebook tražilicu upišete:
Napravi novu Facebook stranicu ili ako imate na engleskom Create New
Facebook Page.

Upute kako se radi Facebook stranica možete vidjeti na ovom videu:

http://www.youtube.com/watch?v=qG5Qb68gF-Y

Nakon što napravite stranicu morate dodati Statički FBML kod kao jednu od
kartica (pogledajte video). Upišite u search Statični FBML ili Static FBML.
Potrebno je da dodate FBML na stranicu koju želite, odaberite stranicu i
dodajte FBML.

Kada imate FBML na vašoj stranici, možete mu pristupiti tako da kliknete na:
Uredi stranicu – Programi – dolje ćete vidjeti Statični FBML i kliknite na Uđi u
aplikaciju.

Sada kada ste na stranici gdje možete uređivati FBML stranicu, sve što treba je
da unesete tekst, slike, video materijale i što god želite, ali u obliku kakav to
dopušta FBML aplikacija.

Sav tekst koji upišete na FBML će biti neformatiran, a to znaći da će tekst biti
neobrađen. Da bi mogli napraviti sadržaj kakav želite doboljno je poznavati
osnove FBML koda koje ćemo obraditi ovdje.

DavorTrninic.com
FBML KODOVI
 FBML KODOVI
DavorTrninic.com

Vjerojatno ćete prilikom izrade željeti svako malo provjeriti da li stranica izgleda
onako kako ste zamislili, pa je najbolji način da u jednom prozoru imate
otvorenu stranicu koju uređujete, a u drugom prozoru upisujete FBML kod.

Počnimo.

Napišite naslov i uvodnu rečenicu poput ove:

Pozdrav!

Dobrodošli na naše stranice!

Kada spremite promjene vaša stranica će prikazati ovo:

Pozdrav!Dobrodošli na naše stranice!

Sav tekst će biti neformatiran, tj. u jednom redu, a vi želite da ovo bude
razdvojeno i sa enterom tj prelaskom u novi red.

Funkciju enter ili prelaska u novi red radi FBML kod: <br />

Znaći da bi vaš tekst prešao u novi red vaš kod mora izgledati ovako:

Pozdrav! <br />

<br />
Dobrodošli na naše stranice!

Ako želite centrirati taj tekst, morati ćete ubaciti FBML kod <center> za
početak i </center> za kraj teksta kojeg centrirate. Na našem primjeru će to
izgledati ovako:

<center>Pozdrav! <br />

<br />
Dobrodošli na naše stranice! </center>
DavorTrninic.com
FBML KODOVI
 FBML KODOVI
DavorTrninic.com

Tekst će sada biti centriran. Ako želimo povećati neki dio teksta, to ćemo
napraviti tako da dodamo FBML kod: <span style="font-size: 15px;"> koji
završava ovako </span>

Ovaj kod će sva naša slova povećati da budu veličine 15 piksela, ako želite veće,
povećajte broj, ili ako želite manja slova smanjite.
Naš kod sada može izgledati ovako:

<span style="font-size: 15px;"> <center>Pozdrav! <br />

<br />
Dobrodošli na naše stranice! </center></span>

Ako želite boldati neki dio teksta to ćete napraviti sa FBML kodom <b> koji
završava </b>, ili nakošeno počinje <i> a završava sa </i>.
U našem primjeru to može izgledati ovako:

<span style="font-size: 15px;"> <center><b>Pozdrav!</b> <br />

<br />
<i>Dobrodošli na naše stranice! </i></center></span>

Sada možemo dodati neku sliku na stranicu. Slika mora biti na internetu, ne
možete je uploadati sa vašeg računala direktno na stranicu, nego je morati
staviti negdje na internet ili web stranice, od kuda ćete samo staviti link na
sliku. Slike možete staviti na Photobucket.com ili Imageshack ili na neku vašu
web stranicu.

Kada uploadate sliku na npr Photobucket ili Imageshack, imat ćete opciju da
direktno kopirate kod koji možete staviti na vaše Facebook stranice. Ispod slike
će pisati HTML kod i to je kod kojeg možete kopirati na vašu Facebook stranicu.
Kopirajte cijeli taj kod na stranicu. Vaš FBML kod sada izgleda ovako:

DavorTrninic.com
FBML KODOVI
 FBML KODOVI
DavorTrninic.com

<span style="font-size: 15px;"> <center><b>Pozdrav!</b> <br />

<br />
<i>Dobrodošli na naše stranice! </i></center></span>
<a
href="http://s1138.photobucket.com/albums/n526/CroativePartners/?actio
n=view&amp;current=gold-stock-prices.jpg" target="_blank">
<img src="http://i1138.photobucket.com/albums/n526/CroativePartners/gold-
stock-prices.jpg" border="0" alt="Photobucket"></a>

Ovaj kod kojeg smo kopirali s Photobucketa se sastoji od 2 dijela. Ovaj prvi
boldani dio je link kamo će otići netko tko klikne (u ovom slučaju otići će na
web stranicu gdje je pohranjena slika), a ovaj drugi donji dio koda je slika. Ovaj
prvi dio koda možete ili izbrisati, a možete i promijeniti link tako da ako netko
klikne na sliku da bude prebačen gdje god želite.

Skraćeno, kod za sliku izgleda ovako:

<img src="http://linknavašusliku"></a>

Sada imamo kod sa slikom koja nije centrirana, a i želimo dodati razmak da slika
nije tako nabijena na gornji tekst. Ako je slika prevelika, možda se neće uopće
prikazati. Promijeniti ćemo i link kada netko klikne na sliku da bude redirektiran
na moje web stranice. Dodati ćemo još kod za enter <br /> i <center></center>
i promijeniti link pa će kod izgledati ovako:

<span style="font-size: 15px;"> <center><b>Pozdrav!</b> <br />

<br />
<i>Dobrodošli na naše stranice! </i></center></span><br />
<br />
<center><a href="http://DavorTrninic.com" target="_blank"><img
src="http://i1138.photobucket.com/albums/n526/CroativePartners/gold-
stock-prices.jpg" border="0" alt="Photobucket"></a></center>

DavorTrninic.com
FBML KODOVI
 FBML KODOVI
DavorTrninic.com

Ako želite dodati obične tekstualne linkove to ćete uz pomoć ovog koda:
<a href='http://DavorTrninic.com'>Posjetite moju web stranicu!</a>
Sve što trebate je dodati svoj link umjesto mojeg u primjeru, i svoj opis tog
linka. Također, odmah ćemo dodati i enter i centriranje teksta u naš kod pa će
on izgledati ovako:

<span style="font-size: 15px;"> <center><b>Pozdrav!</b> <br />

<br />
<i>Dobrodošli na naše stranice! </i></center></span><br />
<br />
<center><a href="http://DavorTrninic.com" target="_blank"><img
src="http://i1138.photobucket.com/albums/n526/CroativePartners/gold-
stock-prices.jpg" border="0" alt="Photobucket"></a></center><br />
<br />
<center><a href='http://DavorTrninic.com'>Posjetite moju web
stranicu!</a></center>

Vaša stranica sada već sadrži sve osnovne elemente sa kojima možete napraviti
kvalitetnu promociju. Dodatni elementi na vašoj stranici su uglavnom samo da
stranicu učinite aktraktivnijom ili posebnom u bilo kom smjeru kojeg
pokušavate napraviti.

Ako želite, možete dodati jednostavan kod da netko mora kliknuti Like prije
nego što vidi sadržaj. To je dobar način da zaradite više Likeova, no to ne
prolazi kod svake vrste promocije na Facebooku. Kod za Like je ovaj:
<fb:visible-to-connection> i završava sa </fb:visible-to-connection>

Ne morate sakriti cijelu vašu stranicu, dovoljno je da sakrijete samo dio koji
želite a to ćete tako da kopirate ovaj Like kod kako vam odgovara. Ja ću u ovom
primjeru sakriti SAMO donji dio stranice, počevši od slike pa prema dolje.

To će izgledati ovako:

DavorTrninic.com
FBML KODOVI
 FBML KODOVI
DavorTrninic.com

<span style="font-size: 15px;"> <center><b>Pozdrav!</b> <br />

<br />
<i>Dobrodošli na naše stranice! </i></center></span><br />
<br />
<fb:visible-to-connection>
<center><a href="http://DavorTrninic.com" target="_blank"><img
src="http://i1138.photobucket.com/albums/n526/CroativePartners/gold-
stock-prices.jpg" border="0" alt="Photobucket"></a></center><br />
<br />
<center><a href='http://DavorTrninic.com'>Posjetite moju web
stranicu!</a></center>
</fb:visible-to-connection>

Sve što napišete izvan ovog Like koda biti će prikazano posjetiocu vaše stranice.

Vi kao admin uvijek možete vidjeti cijelu stranicu kao da ste već kliknuli Like, pa
ćete morati provjeriti sa nekog drugog accounta kako radi ovo sakrivanje
sadržaja prije nego netko klikne Like.

Možete dodati razne kodove koji vašu stranicu mogu napraviti više
zanimljivom, no i pretrpanom ili neozbiljnom. Na vama je da odlučite što će biti
sadržaj, te trebate biti maksimalno koncentrirani da ne odvlačite pozornost
vaših posjetioca na nebitne stvari.

Možete dodati komentare na vašu stranicu. Dodati ćemo komentare u donji

dio stranice tako da ubacimo kod:

<fb:comments xid="Davor-Trninic" canpost="true" candelete="false"

returnurl="http://www.facebook.com/pages/Davor-
Trninic/164226873608204">
<fb:title>Komentirajte</fb:title>
</fb:comments>

Ovaj kod sastoji se od imena stranice na kojoj se bilježe komentari (xid=“Davor-

Trninic“), i link kamo će posjetioci biti prebačeni kada ostave komentar

DavorTrninic.com
FBML KODOVI
 FBML KODOVI
DavorTrninic.com

(returnurl=“http...). Taj kod ćemo ubaciti na kraj našeg FBML koda (i još ćemo
dodati kod za enter:) pa će to izgledati ovako:

<span style="font-size: 15px;"> <center><b>Pozdrav!</b> <br />

<br />
<i>Dobrodošli na naše stranice! </i></center></span><br />
<br />
<fb:visible-to-connection>
<center><a href="http://DavorTrninic.com" target="_blank"><img
src="http://i1138.photobucket.com/albums/n526/CroativePartners/gold-
stock-prices.jpg" border="0" alt="Photobucket"></a></center><br />
<br />
<center><a href='http://DavorTrninic.com'>Posjetite moju web
stranicu!</a></center>
</fb:visible-to-connection>
<br />
<br />
<fb:comments xid="Davor-Trninic" canpost="true" candelete="false"
returnurl="http://www.facebook.com/pages/Davor-
Trninic/164226873608204">
<fb:title>Komentirajte</fb:title>
</fb:comments>

Da bi kvalitetno uređivali i stvarali vaše Facebook stranice, vi samo trebate

izmijeniti linkove iz ovih primjera i dodati svoje. Napišite još teksta i dodajte još
slika te sve što je potrebno da vašu Facebook stranicu lijepo uredite.

Ako imate kakvih pitanja oko ovog dijela, slobodno me pitajte na Facebook
stranici gdje sam najčešće aktivan.
Tu ću objavljivati najnovija znanja i otkrića o Facebooku:
http://www.facebook.com/pages/Davor-Trninic/164226873608204

Lijep pozdrav!
Davor Trninić Facebook
DavorTrninic.com
http://twitter.com/#!/DavorTrninic

DavorTrninic.com
FBML KODOVI