יום שני, 12 באוגוסט 2013

Blogger - הוספת יישומון לב מתפצל עם כפתורי שיתוף


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


את היישומון ניתן לראות "בפעולה" כאן.
למי שאהב את הרעיון אבל לא את ה- "לב", בקרוב אוסיף פוסט על יישומון
אינטראקטיבי אחר.

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

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


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


אתרו את השורה:
</head>      

לאיתור מהיר, הקישו קונטרול F ובשורת החיפוש שתופיע הדביקו את התווים.
לחצו אנטר והשורה תופיע מובלטת בצבע צהוב.



העתיקו את הקוד והדביקו מעל/ לפני שורה זו.
------------------------------------------------------------------------------------------------------
<!-- Start Heart Bookmarking Gadget Code From http://www.spiceupyourblog.com/ -->
<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: &quot;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>
<!-- End Heart Bookmarking Gadget Code From http://www.spiceupyourblog.com/ -->
------------------------------------------------------------------------------------------------------


אתרו בתבנית את השורה:
</body>     

העתיקו והדביקו את הקוד מעל/ לפני שורה זו.

------------------------------------------------------------------------------------------------------
<!-- Start Heart Share Code From http://www.spiceupyourblog.com/ -->
<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareHeart&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareheart&#39;});</script><a href="http://www.spiceupyourblog.com/">Blogger Wordpress Gadgets</a>
<!-- End Heart Share Code From http://www.spiceupyourblog.com/ -->
------------------------------------------------------------------------------------------------------


לחצו "שמור תבנית".

הערה: ניתן לבחור את מיקום הלב בבלוג בשינוי חלק הקוד המודגש בצהוב.
בקוד הקיים הוא מוגדר למטה, אך אם אתם מעדיפים שיהיה למעלה מחקו
את botoom והקלידו top. ניתן לשנות גם את הצד - במקרה כזה מחקו
את left והקלידו right.




למאמר בשפה האנגלית מאתר Spice UpYour Blog.



אין תגובות:

הוסף רשומת תגובה