Custom tabs prezentácia

12
Ivana Kľúčiková, 16132 Custom tabs

Transcript of Custom tabs prezentácia

Page 1: Custom tabs prezentácia

Ivana Kľúčiková, 16132

Custom tabs

Page 2: Custom tabs prezentácia

Custom tabs sú vlastné karty (alebo záložky) a využívajú sa pre

obchodné stránky Facebooku.

Tieto karty môžete použiť na ľubovoľný vlastný obsah a môžete

ich dať vedľa štandardných kariet ako sú „Fotky“ a „Páči sa mi“.

Čo sú Custom tabs

Page 3: Custom tabs prezentácia

Dostanete sa k nim po kliknutí na modrú šípku na pravej strane

vedľa karty „Páči sa mi“.

Page 4: Custom tabs prezentácia

1. Prihláste sa do svojho Facebooku

2. Do vyhľadávača napíšte “Static HTML: iframe tabs”

a potom prejdite na Aplikácie (App). Alebo môžete

jednoducho kliknúť na tento odkaz:

http://apps.facebook.com/static_html_plus/

Ako vytvoriť vlastné karty?

Page 5: Custom tabs prezentácia

3. Budete presmerovaný na stránku app, odkiaľ kliknete na “Add

Static HTML to a Page” alebo "Pridať Static HTML na

stránku"

Page 6: Custom tabs prezentácia

4. Vyberte stránku, kde chcete aplikáciu pridať. Ak

máte len jednu, tak vám aplikáciu pridá na ňu. Potom

kliknite na "Pridať Static HTML: iframe tabs"

Page 7: Custom tabs prezentácia

5. Na svojej stránke môžete vidieť vytvorenú kartu, ktorá má

predvolená názov „Welcome“. Tento názov si môžeme

kedykoľvek upraviť.

Kartu upravíte tak, že kliknete na ikonu ceruzky a potom

vyberte možnosť "Upraviť nastavenia"

Page 8: Custom tabs prezentácia

6. Názov vlastnej karty alebo obrázok (ikonu) karty si môžete

meniť. Obrázok karty musí mať rozmer 111 x 74

pixelov. Potom musíte kliknúť na „Uložiť“ a „OK“.

Page 9: Custom tabs prezentácia

7. Potom si môžete do karty vkladať vlastný obsah. Po kliknutí

na kartu budete mať na výber niekoľko aplikácii.

Ak si zvolíte HTML,

môžete do karty vkladať

napríklad videa.

Page 10: Custom tabs prezentácia

8. Skopírujete html kód videa a vložíte ho do záložky index.html.

Po vložení všetkých videí kliknete „save & publish“.

Page 11: Custom tabs prezentácia

Custom tabs Coca-Coly

Page 12: Custom tabs prezentácia

Ďakujem za pozornosť