أعلن هــــــــنا

اضافة صندوق اعجابات فيس بوك منبثق لموقعك

أصبح مؤخرا فيس بوك في ريادة وسائل الاتصال الاجتماعي لاحتوائه على ما يزيد عن 1,4 بليون مستخدم ، يسجل حوالي 800 مليون منهم الدخول لمرة واحدة في اليوم على الأقل ... مما جعله مصدرا مهما للزيارات يستخدمه جل المدونين لجلب الزوار لمدوناتهم و التسويق لها . و لهذا يسعى الجميع لزيادة عدد معجبيه على صفحة الفيس بوك الخاصة بمدونته و من بين الطرق الناجحة في ذلك و المجربة هو استعمالك هذه الاضافة
popup facebook fan page box

ماذا ستربح من استعمال هذه الاضافة ؟

  • تحويل عدد كبير من زوار مدونتك الى معجبين بصفحتك على الفيس بوك - نظرا لتموقع الاضافة الممتاز و طريقة عملها يجعل من المستحيل عدم ملاحظتها ، و بذلك لن تضيع فرصة أي زائر يمكن أن يضغط على زر الاعجاب لصفحتك .
  • تحويل زائر عادي الى قارئ وفي و صديق للمدونة - بعد أن يعجب الزائر بصفحتك ستظهر منشوراتك في حائطه الخاص على الفيس بوك بالطبع و ذلك سيزيد من احتمالية عودته لمدونتك مرارا و تكرارا
  • زيادة عدد الزائرين لمدونتك - يرتبط عدد زوار مدونتك طرديا مع عدد القراء الأوفياء فكلما زاد متتبعوك الأوفياء ازدادت الزيارات بطبيعة الحال .
  • زيادة تفاعل القراء - من الملاحظ و الشائع في مجتمع المدونين أن القراء العرب يميلون الى التعليق على صفحات الفيس بوك أكثر من التعليق في أي شيء آخر . 

خصائص الاضافة ؟

صندوق جذاب و مريح للزائرين و غير مزعج حيث يعتمد على الكوكيز ليظهر مرة واحدة عند دخول الزائر الجديد ثم يتوقف عن الظهور أثناء تصفح الزائر للمدونة.

<تنبيه> قبل أن تقوم بتنصيب الاضافة و قبل أن تقوم بمعاينتها أنصحك بقراءة قسم التعديلات و القيام بتعديل الاضافة لتصبح قادرا على معاينتها كلما زرت مدونتك (أي احذف كود الكوكيز) ... ثم بعد الانتهاء من تنصيبها و الاقتناع بالصورة التي هي عليها قم باضافة كود الكوكيز ان أردت ذلك ... لانك لو ابقيت على كود الكوكيز لن تتمكن من معاينة الاضافة الا مرة واحدة ثم لن تنبثق النافذة مرة أخرى </تنبيه>

طريقة تنصيب الاضافة :

  • سجل الدخول لحسابك على بلوجر >> اختر المدونة التي تريد أن تضيف اليها الاضافة >> اختر التخطيط >> ثم اضغط على اضافة أدات (لا يهم مكان اضافة الأدات)
  • بعد أن تفتح لك نافذة اضافة الأداة : اختر "HTML/Java script" من القائمة

  • قم بنسخ و لصق الكود المرفق أسفله ثم اضغط على زر حفظ
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></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)
.delay(5000)

  • الاضافة كما سبق و ذكرت تعتمد على الكوكيز و هي مبرمجة على الظهور مرة واحدة فقط لأي زائر جديد ثم ستتوقف عن الظهور مدى الحياة الا ان قام الزائر بمحو الكوكيز من متصفح الويب لديه . ان أردت أن تنبثق نافذة الاضافة في كل مرة يتم فيها تصفح أي صفحة من موقعك ما عليك الا حذف "كود الكوكيز" هذا الكود : 
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });


  •  و أما ان أردت أن تنبثق الاضافة كلما زار أحدهم الصفحة الرئيسية لمدونتك مهما كان ، ما عليك الا محو "كود الكوكيز" ثم التوجه الى لوحة التحكم >> قالب >> تخصيص >> لا تنسى الاحتفاظ بنسخة احتياطية قبل اجراء أي تغيير>> ابحث عن 
</ body>
ثم قم بنسخ و لصق الكود التالي أسفله مباشرة :

&lt;b:if cond='data:page.type == "index"'&gt;<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></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> &lt;/b:if&gt;
  • ثم اضغط على حفظ

الخاتمة : 

بعد كل هذا العناء و التغيير و التعديل ستبدأ اضافتنا بتحويل قرائك و زوارك الجدد الى قراء أوفياء يتابعون صفحتك على الفيس بوك و يتفاعلون مع منشوراتك عليها .

<ملاحظة> اذا لم تستطع معاينة الاضافة و لم تنبثق لك نافذة صندوق اعجابات الفيس بوك تأكد جيدا :
  • من تطبيقك لكل الخطوات بسلاسة
  • قم بمحو الكوكيز من متصفح الويب خاصتك (يمكنك فعل ذلك عن طريق برنامج الـ C Cleaner)
  • راجع قسم تعديل الاضافة من هذه التدوينة لتتعلم طريقة السماح للاضافة بالظهور في كل زيارة لمدونتك
 ثم أعد المحاولة </ملاحظة>

أتمنى أن تفيدكم تدوينة نهار اليوم ، ان واجهتك أي مشكلة مع الاضافة لا تتردد في استعمال صندوق التعليقات لطرح مشكلتك و سأجيبك في أقرب الآجال . كما ان أعجبتك الاضافة لا تبخل على زملائك المدونين و شاركها معهم عن طريق أزرار المشاركة أسفل التدوينة.

هنا وصلنا للنهاية ، لم يبقى لي الا أن أقول لكم بالتوفيق للجميع،

مع تحيات أبو معاذ،

سلام .

إرسال تعليق

4 تعليقات

  1. شكرا تم التطبيق على شغل مباشر
    http://mobasherjob.blogspot.com.eg/

    ردحذف
    الردود
    1. العفو نحن دائما في الخدمة ... لا تتردد في طرح انشغالاتك و استفساراتك و واصل العمل على مدونتك فكرتها ممتازة و فريدة

      مع تمنياتي لك بالنجاح
      أبو معاذ

      حذف
  2. الردود
    1. لعفو نحن دائما في الخدمة ...

      حذف

اكتب تعليقك...