יום רביעי, 20 באוקטובר 2010

איך להוסיף כפתור לייק לבלוג בבלוגר - המדריך המלא

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

הבלוג הרישמי של גוגל, נמצא על המערכת של בלוגר (Blogspot.com), אמנם מבחינת הקוד המערכת הזו אינה מושלמת והיה ניתן לשפר זמני טעינה, אך מכיוון שמערכת זו היא כה מורכבת ומעניקה כל כך הרבה אפשרויות שונות, חייבים להיות חלקים נכבדים של קוד בכל עמוד בכדי שהמערכת תתנהג בהתאם לדרישות השונות.

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

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

כל הכתוב בפוסט זה עובד בצורה יעילה ונוחה וכל שינוי של הקוד הוא על אחריות בעליו של הבלוג

בכדי להוסיף את כפתור הלייק לבלוגר שלנו נתחיל בשלבים הבאים:

קוד המקור של כפתור הלייק:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=35&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/>
</b:if>


נכנס לעורך התוכן שלנו---> נבחר באפשרות ערוך HTML --- >נסמן את התיבה של "הרחב תבניות ישומון" לאחר שהמסך שהחלונית עם הטקסט התרעננה, נוכל לבחור להטמיע את קוד המקור בכדי שיופיע כפתור הלייק שלנו, בתחילתו של כל פוסט.

בעורך התוכן עלינו לחפש את הקוד הבא:

<data:post.body/>

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

אם המידע הזה סייע לכם - תנו לפוסט לייק :) 

30 תגובות:

  1. תודה רבה אורי ,מאוד עזרת לי (-:

    השבמחק
  2. תודההההההההההההההההההההה :-)

    השבמחק
  3. ואם אני לא מוצאת אף אחת מהשורות? מה לעשות? :/

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

    השבמחק
  5. אני אמורה לראות את זה בתצוגה מקדימה, עוד לפני שעשיתי "שמור"?

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

    השבמחק
  7. אחרי זה בצם בשורה למטה או צמוד

    השבמחק
  8. אנו נבחור שורה אחת למטה ונטמיע את הכפתור, אפשרי ליצור מרווח אם כי את צריכה לראות איך זה ישפיע על התבנית. כמו כן תגבי את התבנית כולה לפני הטמעת הכפתור כמצוין במאמר :) בהצלחה...

    השבמחק
  9. מה אם אני מעוניינת שכפתור הלייק יופיע בסוף הפוסט?

    השבמחק
  10. אז עלייך למקם אותו בקוד מייד עם סיום הקטע של שהפוסט הכתוב נגמר...

    השבמחק
  11. היי אורי
    תודה על התגובה בבלוג שלי:)

    לא הבנתי את ההוראה שלך, למקם באותו הקוד בתבנית העריכה כאשר אני מסיימת לכתוב פוסט? או ב-Html של הפוסט שאותו אני כותבת?

    השבמחק
  12. את צריכה להטמיע את זה בתבנית עצמה, לא בכל פוסט :)

    השבמחק
  13. הי אורי
    המון תודה
    אני ממש מרגישה מומחית ל HTML
    לא האמנתי שאצליח
    והצלחתי!
    הנה תראה
    http://smartdesign-by-merav.blogspot.com/2011/02/blog-post.html

    השבמחק
  14. עשיתי במדויק את ההנחיות שלך וכלום לא קורה בבלוג
    מה יכולה להיות הסיבה?
    תודה

    השבמחק
  15. אם עשית במדויק את ההנחיות זה אמור להופיע, אלא אם יש לך תבנית (customized), או שלא ביצעת את ההוראות כראוי.

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

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

    א. לא הטמעתם את הקוד במקום הנכון
    ב. לא הטמעתם אותו בקובץ הנכון, או לא פעלתם לפי ההנחיות "הרחב תבניות ישומון" וכו'
    ג. ערכת העיצוב שלכם שונה או מעוצבת באופן פרטני (הזנתם קוד וכו')

    השבמחק
  18. יש לי בעיה ממש מעצבנת
    הוספתי את זה וזה רושם אתה אוהב את זה
    ושנייה אחרי חוזר להיות כאילו אני לא אהבתי את זה

    השבמחק
  19. טוב, לצערי לא מצליח לי... התבנית שאני משתמשת בה היא מהמבחר של בלוגר עצמו, ולתוכה הטמעתי בזמנו התאמה לעברית (ימין לשמאל). מעבר לזה לא ביצעתי בה שינויים (או שביצעתי וביטלתי בהמשך). אם יש לך רעיון למה ההטמעה לא עובדת - אשמח לשמוע. אגב, השורה שאחריה צריך להטמיע את הקוד - מופיעה פעמיים. כנ"ל השורה הנוספת שציינת כסמן. זה הגיוני בכלל??? תודה!

    השבמחק
  20. תודה,

    פעלתי לפי ההוראות.

    בכניסה לבלוגבראש העמוד הראשון מופיע הכפתור "אהבתי" פעמיים ואילו בכל יתר הרשומות לא.

    בלחיצה על דף הבית הכפתור נעלם... :)

    זה בעיניי מוזר :)

    רחל

    טארוט ועוד דברים טובים גשר לרבדים אחרים"

    בלוגר.

    השבמחק
  21. לא עובד. לא השתנה כלום

    השבמחק
  22. שלום אורי. פעלתי על פי ההנחיות שלך ולא הצלחתי! כל פעם מופיעה לי הודעה באדום שאומרת שאי אפשר להכניס את זה מטעמי בטיחות וכו'. יש לך רעיונות בשבילי?
    (הבלוג שלי הוא בבלוגר של גוגל)

    השבמחק
  23. http://www.simplebloggertutorials.com/2010/05/how-to-add-facebook-like-button-in.html

    השבמחק
  24. לכל המגיבים כרגע עידכנתי את הפוסט מחדש - הוא עובד וודאית והכפתור מופיע ביומו של כל פוסט..
    :)

    השבמחק
  25. שלום ותודה על המידע המועיל.
    האם יש דרך להעלות את כפתור הלייק לראש הפוסט?
    ואם כן איך אני עושה את זה בלי לחרב את הקוד (אני מתפלא שלא חירבתי בפעם הראשונה)

    השבמחק
  26. חן חן, עזרתי לעלמה מתוסכלת, קל פשוט ויעיל!

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

    השבמחק
  28. הי,
    ההוראות מצוינות אבל... אני לא מצליחה
    כאשר אני נכנסת אל הבלוג שלי אל הדף שאתה מדבר עליו- אין שם אפשרות של "הרחב תבניות יישומן" אלא- החזר תבניות יישומונים לברירת המחדל.... מה אני אמורה לעשות שם?
    אודה לעזרתך!
    איריס

    השבמחק