יום שלישי, 6 בספטמבר 2016

Blogger - התקנת תיבת לייק קופצת של פייסבוק בכניסה לבלוג


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




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

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

להלן שלבי ההתקנה:

היכנסו לתפריט הבלוג > לחצו על פריסה > הוסף גאדג'ט.



העתיקו את הקוד בשלמותו והדביקו בחלון שייפתח.

------------------------------------------------------------------------------------------------
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<script src='http://aireshalili.github.io/internetsmash/facebook-popup-box.js' type='text/javascript'></script>


<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];3
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/he_IL/sdk.js#xfbml=1&appId=124246297655999&version=v2.3";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<style>
#fb-box-background {display: none;background: rgba(0, 0, 0, 0.8);width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 99999;}
#fb-box-close {width: 100%;height: 100%;}
#fb-box {background: #eaeaea;border: 2px solid #3A3A3A;-webkit-border-radius: 5px;-moz-border-radius: 5px;padding: 4px 10px 4px 10px;border-radius: 5px;position:absolute;top: 40%;left: 40%;margin-top: -50px;margin-left: -50px;}


#fclose-button {position: absolute;top: -10px;right: -10px;background: #fff;font: bold 16px Arial, Sans-Serif;text-decoration: none;line-height: 22px;width: 22px;

text-align: center;color: #000000;border: 2px solid #2F2F2F;-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
box-shadow: 0px 1px 2px rgba(0,0,0,0.4);-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 25px;cursor: pointer;}
#fclose-button:before {content: "X";}
#Poweredby,#Poweredby a.visited,#Poweredby a,#Poweredby a:hover {color: #aaaaaa;font-size: 9px;text-decoration: none;text-align: center;padding: 5px;}
#follow-us{font-size: 1.7em;color: #010069;}
</style>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_facebook_box') != 'yes'){
$('#fb-box-background').delay(15000).fadeIn('medium');
$('#fclose-button, #fb-box-close').click(function(){
$('#fb-box-background').stop().fadeOut('medium');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires:10 });
});
</script>
<div id='fb-box-background'>
<div id='fb-box-close'>
</div>
<div id='fb-box'>
<div id="follow-us">עקבו אחרי בפייסבוק</div>
<div id='fclose-button'>
</div>
<div class="fb-page" data-href="https://www.facebook.com/nekudatinyan" rel="nofollow" data-width="400" data-height="400" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"></div>
<div id="Poweredby">Powered by: <a style="padding-left: 0px;" href="http://www.internetsmash.com" rel="nofollow">Internetsmash</a></div>
</div>
</div>
------------------------------------------------------------------------------------------------

הערה: להשאיר את שדה הכותרת ריק.

ניתן לשנות פרטים מסויימים ולהתאים את התיבה לפי בחירתכם (בסיום לחצו על שמירה):
  • צבע צהוב - תצוגת החלון היא בשפה העברית. לשפה האנגלית שנו ל- en_US
  • צבע כתום - על פי הגדרת הקוד, התיבה תעלה לבלוג 15 שניות לאחר שהוא נפתח. תוכלו לשנות את הזמן כרצונכם (1000= שניה אחת).
  • צבע ירוק - עפ"י הגדרת הקוד, התיבה תופיע שוב לאחר 10 ימים (זאת כדי שלא להטריד את הגולשים שוב ושוב). ניתן לשנות ולהגדיר את מספר הימים על פי בחירתכם. לתשומת לבכם: אם תבחרו לרשום 0 ימים, התיבה תקפוץ בכל פוסט שהגולשים ילחצו עליו לקריאה (לגמרי מטריד ומעצבן).
  • צבע ורוד - כותרת התיבה מוגדרת לשפה העברית אך היא ניתנת לשינוי. באנגלית - Follow us on Facebook).
  • צבע טורקיז - השם המוגדר בקוד הוא שם הבלוג שלי. מחקו והזינו את שם הדף שלכם בפייסבוק.
על מנת שתוכלו לבדוק את התקנת התיבה בבלוג שלכם יש למחוק קבצי cookies.
ניתן לעשות זאת בניקוי הסטוריית הגלישה (לחיצה על Ctrl + Shift + Delete).


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



אין תגובות:

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