יום שלישי, 24 בדצמבר 2013

Blogger - התקנת לחצן לייק ושיתוף של פייסבוק בבלוג


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




לחצני Like & Share יופיעו בסוף כל פוסט שתפרסמו בבלוג ועל פי הגדרתכם,
יופיעו באנגלית או בעברית (אהבתי / שתף). דוגמא תוכלו למצוא בבלוג זה.

אז בואו נתחיל...

היכנסו לתפריט מרכז השליטה של הבלוג ולחצו על "תבנית".


בצעו גיבוי לתבנית הקיימת, אליה תוכלו לחזור במידה ותהיה בעיה כלשהי.
לחצו על "ערוך HTML".


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


העתיקו את הקוד להלן:


<div style='float:right'>
<b:if cond='data:post.isFirstPost'>
<script>(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/he_IL/all.js#xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if>
<fb:like expr:href="data:post.canonicalUrl" layout='standard' send='true' show_faces='false' font="arial" action="like" colorscheme="light"></fb:like>
</div>


אתרו בתבנית את השורה הבאה:

<data:post.body/>

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



קוד זה מוגדר לשפה העברית. כדי לשנות את הלחצנים לשפה האנגלית
יש להחליף את הכיתוב המודגש בצהוב ל- en_US (במידה ויש לכם בתבנית
הבלוג לחצנים או plugins אחרים של פייסבוק, כולם חייבים להיות מוגדרים
באותה שפה).


אתרו בתבנית את השורה הבאה:

    <html


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

 xmlns:fb="https://www.facebook.com/2008/fbml"
------------------------------------------------------------------------------------------------------


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



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


למאמר בשפה האנגלית מאתר BloggerPlugins.


7 תגובות:

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

    השבמחק
    תשובות
    1. על מנת להחזיר את התבנית עליך להיכנס לתבנית, ללחוץ על גיבוי/שיחזור ולהעלות את הקובץ ששמרת לפני שעשית את השינויים.

      מחק
    2. אם לא תצליחי פני אלי במייל.

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

    השבמחק
    תשובות
    1. תבדוק איך מוגדרת תצוגת התגובות בהגדרות הבלוג. התגובות לא אמורות להיעלם כשמוסיפים את תגובות הפייסבוק.

      מחק