Jak dodać Flash na zakładkę na Facebooku.Prezentacja dla użytkowników z zainstalowaną aplikacją Static FBML przed 20 III 2011

1. Flash
Flash, filmy w
zakładce

2. Flash

3. Flash

4. Flash

5. Flash
Aby umieścić banner Flash na zakładce
profilu należy skorzystać z tagu FBML o
nazwie
fb:swf.

6. Flash
Na przykład, aby umieścić na zakładce film z
YouTube
http://www.youtube.com/

7. Flash

8. Flash
http://www.youtube.com/watch?v=z5rRZdiu1UE
z5rRZdiu1UE

9. Flash
i wstawić w miejsce oznaczone XXXX w
kodzie:
<fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-
color:white;"
swfsrc='http://www.youtube.com/v/XXXX'
imgsrc='http://img.youtube.com/vi/XXXX/
2.jpg'
width='340' height='270' />

10. Flash
<fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px;
border-color:white;"
swfsrc='http://www.youtube.
com/v/z5rRZdiu1UE'
imgsrc='http://img.youtube.c
om/vi/z5rRZdiu1UE/2.jpg'
width=‘340' height='270' />

12. Flash
Uwaga: Na zakładce profilu nie można włączyć
automatycznego animowania banerów ze
względów bezpieczeństwa i estetyki.
Dlatego dobrze jest podać w imgsrc adres
statyczny obrazka z animacji bannera i powyżej
podać informację dla internauty, aby kliknął w
banner, aby zobaczyć jego animację np tekst nad
grafiką lub grafikę.

13. <img src="http://www.szkolenia-pr.com.pl/klik.jpg"
alt=""width='340' />
<fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/z5rRZdiu1UE'
imgsrc='http://img.youtube.com/vi/z5rRZdiu1UE/2.jp
g'
width='340' height='270' />

15. Jak podać w imgsrc adres
statyczny obrazka z animacji oraz
jak prosto zrobić grafikę ?

16. Flash
Robimy zrzut z ekranu Print Screen ,wklejamy do programu graficznego i wycinamy grafikę (
wymiar jak w kodzie w naszym przypadku width='340' height='270‘), którą umieszczamy na
serwerze.
Serwer
Przykładowy imgsrc adres statyczny obrazka z animacji:
http://www.szkolenia-pr.com.pl/fl3.jpg

17. Flash
<img src="http://www.szkolenia-pr.com.pl/klik.jpg"
alt=""width='340' />
<fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/z5rRZdiu1UE'
imgsrc='http://www.szkolenia-pr.com.pl/fl3.jpg'
width='340' height='270' />

18. Flash

19. Flash
Animacje Flash
<fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc= ‘ADRES PLIKU FLASH'
imgsrc=‘ADRES GRAFIKI ,ZDJĘCIA'
width='520' height='270' />
<fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.sw
f?mode=embed&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Flight%2
Flayout.xml&amp;showFlipBtn=true&amp;documentId=110210163245-
b5f735459d7d4d53a7bc2ebd8677acf8'
imgsrc='http://www.szkolenia-pr.com.pl/ccc.jpg'
width='520' height='270' />

20. Flash
Przykład zastosowania animacji flash na Facebooku
Dodajemy do zakładki http://issuu.com/

21. Flash
Jaki jest adres pliku ?
1.Logujemy się na http://issuu.com/
2.Jeśli mamy zamieszoną prezentację przechodzimy do
My Library
3.Wybieramy prezentację

22. Flash
„klikamy” w stronę prawym
przyciskiem myszki podglądając kod strony

23. Flash
W kodzie strony w górnej części <meta property = ”og:video” content=
Odnajdujemy adres naszej animacji.
UWAGA: adres jest bardzo długi ,kopiujemy wszystko co jest między ” ”
Następnie wklejamy do kodu w naszej zakładce ( następny slajd swfsrc=‘ tu wklejamy ’

24. Flash
<fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://static.issuu.com/webembed/viewers/style
1/v1/IssuuViewer.swf?mode=embed&amp;layout=http%3
A%2F%2Fskin.issuu.com%2Fv%2Flight%2Flayout.xml&a
mp;showFlipBtn=true&amp;documentId=110210163245-
b5f735459d7d4d53a7bc2ebd8677acf8'
imgsrc='http://www.szkolenia-pr.com.pl/ccc.jpg'
width='520' height='270' />

25. Flash
W przypadku adresu statycznego obrazka z animacji
postępujemy dokładnie tak w przykładzie z filmem.