יום ראשון, 4 באוגוסט 2013

Blogger - הוספת כפתור Like לרשומות


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


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

להלן המדריך שלב אחר שלב:

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


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


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


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

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div style='float: none;'>
<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;'/>
</div>
</b:if>
_________________________________________________________________


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

<div class='post-outer'>
        <b:include data='post' name='post'/>


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

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

פוסט סגור
פוסט פתוח

בהצלחה!
לחצו Like אם פוסט זה הועיל לכם.



19 תגובות:

  1. תודה רבה!!! סופסוף הצלחתי. זה הפוסט היחיד שמצאתי ברשת שבאמת עזר!

    השבמחק
  2. תודה על הפידבק נטלי.

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

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

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

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

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

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

      מחק
  6. שוב אני...
    יש קוד לפיצ'ר הזה, שצריך לערוך ולהוסיפו בhtml, בדומה למה שלימדת לגבי הלייק, רק שאין לי מושג היכן להוסיפו...
    הפיצ'ר, הנראות והקוד בלינק המצ"ב:
    http://snapwidget.com/?cmpgn=view_othr1#getstarted

    השבמחק
    תשובות
    1. אחלה קישור. זה קל, את לא צריכה להיכנס ל- HTML.
      היכנסי לפריסה, הוסף גאדג'ט, HTML/JavaScript, הדביקי
      את הקוד ולחצי שמור. את יכולה כמובן להוסיף כותרת אם את רוצה.

      מחק
  7. הוספתי הכל במיקומים הנכונים עשיתי שמור והוא לא כתב שיש שום שגיעה אבל הוא לא מראה את הפתורים מה לעשות

    השבמחק
    תשובות
    1. נבו, קצת קשה לי לענות. אוכל כדאי לשחזר את התבנית הקודמת (מקווה ששמרת לגיבוי) ולנסות שוב.

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

    השבמחק
    תשובות
    1. זו הכתובת http://bi-click.blogspot.co.il/

      מחק
    2. יפה מאוד נבו. בהצלחה!!!

      מחק
  9. אני לא מוצא את ה <'div> וההמשך

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

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

      מחק