כיצד ליצור תפריט כפתורים צדדי (סיידבר) לדף האוהדים שלך בפייסבוק

לאחרונה אני מקבל המון פניות לגבי שורת כפתורים מעוצבת לסיידבר (הבר הצדדי מתחת לתמונת הפרופיל של הפאן פייג') בפייסבוק, אני אראה לכם 2 צילומי מסך של דברים שעשיתי על מנת להמחיש על מה מדובר ואז נמשיך בהסבר…

כפתורי סיידבר בפייסבוק

כפתורי סיידבר בפייסבוק

אז אחרי שהבנתם במה מדובר… מעוניינים לשים כאלו גם בדף האוהדים שלכם? סבבה, בואו נמשיך בהסבר…

1. יוצרים את הגרפיקה
ראשית כמובן עליכם ליצור את הגרפיקה, צרו כפתורים מעוצבים ושמרו אותם (בפורמט GIF או JPG), לאחר מכן כמובן תצתרכו להעלות אותם על שרת כדי לשלב אותם בפייסבוק. לאלו המתקשים אני מצרף כאן גם כמה פורמטים לכפתורים שתוכלו פשוט לשים עליהם טקסט ולשמור.

מומלץ להכין את הקבצים ברוחב 180 פיקסלים,  רוחב הסיידבר בפייסבוק הוא 200 פיקסלים ויש ספיים של 10 פיקסלים מכל צד, לכן על מנת לנצל את כל הרוחב מומלץ להשתמש בגרפיקה ברוחב 180 פיקסלים. הנה קצת כפתורים בשבילכם 🙂

  

2. משלבים את הגרפיקה בתוך לשונית FBML ויוצרים את הקישורים (למי שאין עדיין FBML מותקן אז רוצו להתקין), ניצור לשונית חדשה במיוחד בשביל הכפתורים ונכניס לתוכה את הקוד הבא: (שימו לב – זה הקוד שמשלב את הכפתורים שלי, כמובן שאתם צריכים לשנות את הפרמטרים לכפתורים והקישורים שלכם… הסבר בהמשך הפוסט).

<a href="http://www.ybpmedia.com/blog/">
<img border="0" src="
http://www.ybpmedia.com/use-blog.jpg" width="180" height="50"></a><br>
<a href="
http://ybpmedia.com/forum/">
<img border="0" src="
http://www.ybpmedia.com/use-forum.jpg" width="180" height="50"></a><br>
<a href="
http://www.ybpmedia.com/pagerank.htm">
<img border="0" src="
http://www.ybpmedia.com/use-pagegank.jpg" width="180" height="50"></a><br>
<a href="
http://www.ybpmedia.com/milon.htm">
<img border="0" src="
http://www.ybpmedia.com/use-milon.jpg" width="180" height="50"></a><br>
<a href="
http://www.ybpmedia.com/script.htm">
<img border="0" src="
http://www.ybpmedia.com/use-script.jpg" width="180" height="50"></a><br>
<a href="
http://www.ybpmedia.com/banners.htm">
<img border="0" src="
http://www.ybpmedia.com/use-banerim.jpg" width="180" height="50"></a><br>
<a href="
http://www.ybpmedia.com/wordscheck.htm">
<img border="0" src="
http://www.ybpmedia.com/use-milim.jpg" width="180" height="50"></a><br>
<a href="
http://www.ybpmedia.com/favicon.htm">
<img border="0" src="
http://www.ybpmedia.com/use-favicon.jpg" width="180" height="50"></a><br>
<a href="
http://www.ybpmedia.com/blog/?feed=rss">
<img border="0" src="
http://www.ybpmedia.com/use-rss.jpg" width="180" height="50"></a>

אז איזה פרמטרים יש לנו לשנות?
a href = הקישור, הדף אליו אתם רוצים להפנות
src = המקור של התמונה כפתור (על השרת שלכם)
width = רוחב הכפתור (כבר אמרתי… מומלץ 180)
height = גובה הכפתור

זהו, יש לנו לשונית מושלמת עם גרפיקה וקישורים, עכשיו איך נשלב אותה בסיידבר של דף האוהדים בפייסבוק… עברו לסעיף הבא:

שילוב FBML בבר הצדדי של פייסבוק:
1. ראשית נלך ל- EDIT PAGE (עריכת הדף שלנו)
שם נמצא את לשונית ה- FBML עם הכפתורים שלנו, נלחץ על הגדרות האפליקציה ושם ליד המילה BOX נלחץ על כפתור ADD

2. לאחר מכן נחזור לדף שלנו ושם נלך ללשונית BOXES (תיבות למשתמשים בעברית)

3. שם נמצא את לשונית ה- FBML המבוקשת שלנו, בצידה של הכותרת נמצא אייקון קטן של עיפרון – נלחץ עליו ואז בתפריט שיפתח נלחץ על MOVE TO WALL TAB (העבר ללשונית קיר בעברית).

זהו בעצם, יש לנו לשונית מעוצבת עם כפתורים מעוצבים בבר הצדדי של הפייסבוק. ניתן אף להוסיף ללשונית זו קודים כמו תיבת הזמנת חברים, סרטון יוטיוב או כל מה שנרצה בעצם. ניתן אף להוסיף מספר לשוניות לסיידבר, אין הגבלה.

מקווה שנהנתם, אני בכל אופן נהנתי לשתף ולעזור 🙂

16 תגובות
  1. אביב
    אביב says:

    צריך עזרה בנושא הסיידבר
    לפני מספר שבועת התקנתי את הסיידבר בדף העסקי שלי והכל עבד טוב
    אך לפני מספר ימים נכנסתי וראיתי שהוא לא מופיע שמה ניסיתי לעשות את כל הפעולה מחדש אך זה עדין לא נותן לי להוסיף אותו מחדש
    אשמח לעזרה ממכם במידה ומשהו יודע להכניס אותו בדרך אחרת
    תודה רבה חג שמח ושנה טובה
    אביב מזרחי
    מתקדמים http://www.kadem.co.il

    הגב
  2. רועי
    רועי says:

    מאמר מעולה, הוספת הכפתורי סיידבאר האלו יכולים ממש להעלות את התנועה שאני מקבל לאתר שלי מפייסבוק. תודה רבה!

    הגב
  3. הילה
    הילה says:

    שילוב FBML בבר הצדדי של פייסבוק:1. ראשית נלך ל- EDIT PAGE (עריכת הדף שלנו)שם נמצא את לשונית ה- FBML עם הכפתורים שלנו, נלחץ על הגדרות האפליקציה ושם ליד המילה BOX נלחץ על כפתור ADD

    לא ראיתי אופציה כזו בכלל

    הגב
  4. אביב
    אביב says:

    היי הילה
    למען האמת ניסיתי  לעשות את הפעולת הללו כבר מספר פעמים אך אני עדין לא מצליח להוסיף את התפריט הצדדי
    למרות שבפעם הראשונה כן הצלחתי
    הבעיה שלי כרגע היא שלא מופיע לי האופציה הוספה לתיבה אלה רק הוספת לשונית
    אשמח אם תוכלי לעזור לי דרך הפיסבוק
    תודה רבה
    כתובת פייסבוק aviv_15@walla.co.il

    בברכה,
    אביב מזרחי
    מתקדמים http://www.kadem.co.il

    הגב
  5. aviv
    aviv says:

    היי הילה
    למען האמת ניסיתי  לעשות את הפעולת הללו כבר מספר פעמים אך אני עדין לא מצליח להוסיף את התפריט הצדדי
    למרות שבפעם הראשונה כן הצלחתי
    הבעיה שלי כרגע היא שלא מופיע לי האופציה הוספה לתיבה אלה רק הוספת לשונית
    אשמח אם תוכלי לעזור לי דרך הפיסבוק
    תודה רבה
    כתובת פייסבוק aviv_15@walla.co.il

    בברכה,
    אביב מזרחי
    מתקדמים http://www.kadem.co.il

    הגב
  6. אסף
    אסף says:

    הי יואב,
    כתבת "ושוב בפעם המיליון…. עדיין יהיה אפשר להכניס כפתורי סיידבר, רק שזה לא יעבור דרך התיבות".
    מה זה אומר שזה לא יעבור דרך התיבות? על איזה מידע אתה מתבסס? ואם זה כך, מדוע הכפתורים בדף של YBPmedia לא קיימים בדף?
    אשמח לתשובה,
    אסף.

    הגב
  7. נחמה
    נחמה says:

    אז מה נגמר בסוף אפשר להכניס כפתורים לסרגל הצידי או לא.
    ובכלל האם יש אופציות נוספות ל FBML מעבר ללשונית – לא ברור לי מה זה
    תודה

    הגב
  8. shuli
    shuli says:

    פתחתי דף  – אורות – טלויזיה יהודית. וניסתי לראות היכן אוכל להוסיף עמוד לפי ההסברים שלך ולא מצאתי כלום. אשמח להכוונה .

    יישר כח על המידע וידע הרב שאתה חולק.

    תודה

    הגב
  9. משה גל
    משה גל says:

    שלום ותודה רבה לך על המידע המקצועי והמקיף – פשוט תענוג שיש כמוך!
    2 שאלות בבקשה
    האם כשאתה מציין הוספת .. לדף אוהדים – מדובר באותם אפשרויות גם לדף עסקי?
    וכן איך אני הופך את הלוגו של העסק מתמונה מרובעת קטנה לתמונה ארוכה וצרה בצד הימני של העמוד?
    תודה מראש

    הגב
  10. איתי
    איתי says:

    יש לי שאלה חשובה לגבי עברית ב
    FBML
    איזה קוד אני יכול לשים כדי שהעברית תיקרא מימין לשמאל?
    תודה
     

    הגב

Trackbacks & Pingbacks

השאירו תגובה

Want to join the discussion?
Feel free to contribute!

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *