Primul experiment cu pagina de Facebook a fost crearea unui tab special de întâmpinat utilizatorii. Am mai încercat în trecut dar nu m-am prins ce ar trebui s? fie acolo. Acum îns? am citit mai multe ?i mi-a ie?it. Dup?, help am decis s? fac un tutorial despre asta – c? mi-ar fi prins ?i mie bine.
Pasul 1: Primul pas ar fi s? v? decide?i ce vre?i s? con?in? aceast? pagin?. Poze? Link-uri? Text? De toate? Eu am mers pe o combina?ie între ele: am pus o poz? recent?, numele ?i un tagline – cu link spre blog, link-uri spre chestiile importante din Social Media (feed RRS, Facebook, Twitter, LinkedIn ?i YouTube) ?i o list? scurt? de cursuri pe care le-am ?inut pân? acum ?i conturi la care lucrez în online. S? nu uita?i de un îndemn subtil de a da “Like” paginii. 😛
Pasul 2: Design-ul. În Photoshop, am creat felul în care va ar?ta tab-ul final. Am decis care poz? va fi cea principal? iar apoi am c?utat un backgound care s? se potriveasc?. Sus în stânga am pus numele iar în dreapta siglele de la profilele de SM. Apoi poza. Iar la final scurta descriere a activit??ii mele. S? nu uita?i de copyright(just in case…).
Pentru pasul 3 ar fi bine s? scoate?i ca imagini separate fiecare chestie care vre?i s? fie ca buton cu link.
Pentru pasul 3 ar fi bine s? scoate?i ca imagini separate fiecare chestie care vre?i s? fie ca buton cu link.
Pasul 3: Codul. Aici am pornit cu poza de la pasul 2 ca fundal ?i am suprapus fiecare buton cu link-ul aferent peste locul original. Codul HTML e foarte basic. Câteva div-uri ?i pu?in joc cu padding-urile. S-ar putea ca pe pagin? s? fie pu?in deplasate unele icoane. Se rezolv? u?or cu padding-urile. 😉
Pasul 4: Instalarea aplica?iei FBML pe pagin?. De la “Edit Page” ajunge?i la “Apps” iar acolo g?si?i FBML, pe care o ad?uga?i la pagin?. Apoi la “Box Title” trece?i numele care s? apar? pe Tab în pagin? iar în câmpul FBML trece?i codul HTML de la pasul 3. Un “Save Changes” ?i sunte?i aproape gata.
Pasul 5: Tab-ul este acum activ dar trebuie setat? pagina s? afi?eze ini?ial tab-ul nou ?i nu Wall-ul implicit. Tot de la “Edit Page” dar de data asta la sec?iunea “Manage Permissions” vom seta “Default Landing Tab” pe “Welcome!”.
Acum sunte?i gata s? invita?i lumea s? dea like paginii voastre. Spor!
new B. P. blog post: Cum faci un “Welcome!” Tab pentru pagina de Facebook? http://ow.ly/1aJhFX
Da, cat costa ? RT @BogdiP: Vrei tab personalizat pe pagina de Facebook? http://j.mp/fpfIos
poti sa ti-l faci singur si atunci nu costa nimic. 🙂
sau daca apelezi la un design-er atunci depinde de fiecare…
[…] Cum faci un “Welcome!” Tab pentru pagina de Facebook? […]
mersi de recomandare…
As dori sa imi faci si mie un tab pe facebook pentru o pagina a unei companii de constructii in lemn. ai putea ? si cat m`ar costa ?
Salut,
Am urmarit tutorialul dat de tine, insa am o singura problema, la setari nu mi apare “Default Landing Tab” , cu o pot defini altfel , ca un nou vizitator care nu a dat “Like” sa l trimita pe accea pagin ?!
*acea pagina