اضافة صندوق اعجابات فيس بوك منبثق لموقعك
ماذا ستربح من استعمال هذه الاضافة ؟
- تحويل عدد كبير من زوار مدونتك الى معجبين بصفحتك على الفيس بوك - نظرا لتموقع الاضافة الممتاز و طريقة عملها يجعل من المستحيل عدم ملاحظتها ، و بذلك لن تضيع فرصة أي زائر يمكن أن يضغط على زر الاعجاب لصفحتك .
- تحويل زائر عادي الى قارئ وفي و صديق للمدونة - بعد أن يعجب الزائر بصفحتك ستظهر منشوراتك في حائطه الخاص على الفيس بوك بالطبع و ذلك سيزيد من احتمالية عودته لمدونتك مرارا و تكرارا
- زيادة عدد الزائرين لمدونتك - يرتبط عدد زوار مدونتك طرديا مع عدد القراء الأوفياء فكلما زاد متتبعوك الأوفياء ازدادت الزيارات بطبيعة الحال .
- زيادة تفاعل القراء - من الملاحظ و الشائع في مجتمع المدونين أن القراء العرب يميلون الى التعليق على صفحات الفيس بوك أكثر من التعليق في أي شيء آخر .
خصائص الاضافة ؟
<تنبيه> قبل أن تقوم بتنصيب الاضافة و قبل أن تقوم بمعاينتها أنصحك بقراءة قسم التعديلات و القيام بتعديل الاضافة لتصبح قادرا على معاينتها كلما زرت مدونتك (أي احذف كود الكوكيز) ... ثم بعد الانتهاء من تنصيبها و الاقتناع بالصورة التي هي عليها قم باضافة كود الكوكيز ان أردت ذلك ... لانك لو ابقيت على كود الكوكيز لن تتمكن من معاينة الاضافة الا مرة واحدة ثم لن تنبثق النافذة مرة أخرى </تنبيه>
طريقة تنصيب الاضافة :
- سجل الدخول لحسابك على بلوجر >> اختر المدونة التي تريد أن تضيف اليها الاضافة >> اختر التخطيط >> ثم اضغط على اضافة أدات (لا يهم مكان اضافة الأدات)
- بعد أن تفتح لك نافذة اضافة الأداة : اختر "HTML/Java script" من القائمة
<style>
#fbox-background {
display: none;
background: rgba(0,0,0,0.8);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99999;
}
#fbox-close {
width: 100%;
height: 100%;
}
#fbox-display {
background: #eaeaea;
border: 5px solid #828282;
width: 340px;
height: 230px;
position: absolute;
top: 32%;
left: 37%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#fbox-button {
float: right;
cursor: pointer;
position: absolute;
right: 0px;
top: 0px;
}
#fbox-button:before {
content: "X";
padding: 5px 8px;
background: #828282;
color: #eaeaea;
font-weight: bold;
font-size: 10px;
font-family: Tahoma;
}
#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover {
color: #aaaaaa;
font-size: 9px;
text-decoration: none;
text-align: center;
padding: 5px;
}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_facebook_box') != 'yes'){
$('#fbox-background').delay(5000).fadeIn('medium');
$('#fbox-button, #fbox-close').click(function(){
$('#fbox-background').stop().fadeOut('medium');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fbox-background'>
<div id='fbox-close'>
</div>
<div id='fbox-display'>
<div id='fbox-button'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/betheproblogger&width=342&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></iframe>
<div id="fbox-link">Powered by <a style="padding-left: 0px;" href="http://betheproblogger.blogspot.com/">Helplogger</a></div>
</div>
</div>
طريقة تعديل الاضافة :
- بعد اضافة الكود عليك تغيير "https://www.facebook.com/betheproblogger" برابط صفحتك على الفيس بوك
- الاضافة مبرمجة على الظهور بعد قضاء الزائر 5 ثواني في موقعك . لو أردت أن تنبثق نافذة الاضافة في وقت أطول أو أقل من ذلك ما عليك الا تغيير الرقم 5000 في الكود التالي (ابحث عنه باستخدام Ctrl+F)
- الاضافة كما سبق و ذكرت تعتمد على الكوكيز و هي مبرمجة على الظهور مرة واحدة فقط لأي زائر جديد ثم ستتوقف عن الظهور مدى الحياة الا ان قام الزائر بمحو الكوكيز من متصفح الويب لديه . ان أردت أن تنبثق نافذة الاضافة في كل مرة يتم فيها تصفح أي صفحة من موقعك ما عليك الا حذف "كود الكوكيز" هذا الكود :
- و أما ان أردت أن تنبثق الاضافة كلما زار أحدهم الصفحة الرئيسية لمدونتك مهما كان ، ما عليك الا محو "كود الكوكيز" ثم التوجه الى لوحة التحكم >> قالب >> تخصيص >> لا تنسى الاحتفاظ بنسخة احتياطية قبل اجراء أي تغيير>> ابحث عن
- ثم اضغط على حفظ
الخاتمة :
<ملاحظة> اذا لم تستطع معاينة الاضافة و لم تنبثق لك نافذة صندوق اعجابات الفيس بوك تأكد جيدا :
- من تطبيقك لكل الخطوات بسلاسة
- قم بمحو الكوكيز من متصفح الويب خاصتك (يمكنك فعل ذلك عن طريق برنامج الـ C Cleaner)
- راجع قسم تعديل الاضافة من هذه التدوينة لتتعلم طريقة السماح للاضافة بالظهور في كل زيارة لمدونتك
أتمنى أن تفيدكم تدوينة نهار اليوم ، ان واجهتك أي مشكلة مع الاضافة لا تتردد في استعمال صندوق التعليقات لطرح مشكلتك و سأجيبك في أقرب الآجال . كما ان أعجبتك الاضافة لا تبخل على زملائك المدونين و شاركها معهم عن طريق أزرار المشاركة أسفل التدوينة.
مع تحيات أبو معاذ،
إرسال تعليق
4 تعليقات
شكرا تم التطبيق على شغل مباشر
ردحذفhttp://mobasherjob.blogspot.com.eg/
العفو نحن دائما في الخدمة ... لا تتردد في طرح انشغالاتك و استفساراتك و واصل العمل على مدونتك فكرتها ممتازة و فريدة
حذفمع تمنياتي لك بالنجاح
أبو معاذ
شكرا
ردحذفلعفو نحن دائما في الخدمة ...
حذفاكتب تعليقك...