تضمين صندوق أعجبني الفيس بوك jQuery Facebook Like Box منبثق مع مؤقت الى Blogger


تركيب هذه الأداة سهلة للغاية، يجيب عليك فقط نسخ ولصق الكود بعد تغيير اسم المستخدم الفيسبوك. الآن دعونا معرفة كيفية إضافته إلى  مدونة بلوجر/ Blogger  . رؤية أول عرض من LikeBox بالنقر على رابط  أدناه


كيفية إضافة صندوق أعجبني الفيسبوك /LikeBox منبثق مع عدد مؤقت  إلى Blogger؟
         1. انتقل إلى لوحة بلوجر > تحرير HTML 
         2.قم بتنزيل نسخة من القالب
         3. إنقرعلى زر تابع
         4. ابحث الآن على الكود  أدناه في القالب
</body>
إضافة Code  أدناه مباشرة فوقه 
<!-- Stupcomp.blogspot.com Likebox Pro FBFan Code Start -->
<style>#fblikepop {
    background-color: #fff;
    display: none;
    position: fixed;
    top: 200px;
    _position: absolute;
 /* hack for IE 6*/
    width: 450px;
    border: 10px solid #6F6F6F;
    z-index: 200;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    margin: 0pt;
    padding: 0pt;
    color: #333333;
    text-align: left;
    font-family: arial,sans-serif;
    font-size: 13px;
}

#fblikepop body {
    background: #fff none repeat scroll 0%;
    line-height: 1;
    margin: 0pt;
    height: 100%;
}

.fbflush {
    cursor: pointer;
    font-size: 11px !important;
    color: #FFF !important;
    text-decoration: none !important;
    border: 0 !important;
}

#fblikebg {
    display: none;
    position: fixed;
    _position: absolute;
 /* hack for IE 6*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000;
    z-index: 100;
}

#fblikepop #closeable {
    float: right;
    margin: 7px 15px 0 0;
}

#fblikepop h1 {
    background: #6D84B4 none repeat scroll 0 0;
    border-top: 1px solid #3B5998;
    border-left: 1px solid #3B5998;
    border-right: 1px solid #3B5998;
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: normal !important;
    padding: 5px !important;
    margin: 0 !important;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
}

#fblikepop #actionHolder {
    height: 30px;
    overflow: hidden;
}

#fblikepop #buttonArea {
    background: #F2F2F2;
    border-top: 1px solid #CCCCCC;
    padding: 10px;
    min-height: 50px;
}

#fblikepop #buttonArea a {
    color: #999999 !important;
    text-decoration: none !important;
    border: 0 !important;
    font-size: 10px !important;
}

#fblikepop #buttonArea a:hover {
    color: #333 !important;
    text-decoration: none !important;
    border: 0 !important;
}

#fblikepop #popupMessage {
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: 22px;
    padding: 8px;
    background: #fff !important;
}

#fblikepop #counter-display {
    float: right;
    font-size: 11px !important;
    font-weight: normal !important;
    margin: 5px 0 0 0;
    text-align: right;
    line-height: 16px;
}</style>
<script src="http://www.google.com/jsapi"></script><script>google.load("jquery", "1");</script> 
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<script type="text/javascript">
//<![CDATA[
 kakinetworkdotcom01username="WikiLazy",
 kakinetworkdotcom01title="انضموا إلينا على الفيسبوك!",
 kakinetworkdotcom01skin="02",
 kakinetworkdotcom01time="15",
 kakinetworkdotcom01wait="0",
 kakinetworkdotcom01lang="en"
//]]>
</script>
<script type="text/javascript" src="https://sites.google.com/site/wikilazy/codewikilazy/likebox-with-timer.js"></script>
<script type="text/javascript">
//<![CDATA[
 $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
//]]>
</script>
<!-- StupComp.Blogspot.com Likebox Pro FBFan Code End -->



  الآن استبدل Wikilazy  إلى الإسم المستخدم الفيسبوك الخاص بك
  يمكنك
تعديل عنوان المنبثقة likebox، لتغييرها ببساطة تعديل كلمة "انضموا إلينا على الفيسبوك!"
  والمنبثقة سوف تختفي بعد الوقت الذي وضعتموه، ولقد ضبط الوقت إلى 15 ثانية، ويمكنك تغييرها ببساطة عن طريق تغيير قيمة  
kakinetworkdotcom01time = "15"
  القطعة تضهرمباشرة بعد دخول زائر . إذا كنت تريد أن تضهر بعد دقيقة واحدة أو أكثر ثم قم بتعديل الانتظار: 0 في ،
kakinetworkdotcom01wait = "0"
  لتغيير صورة أي  شعار في المنبثقة تم عدل ببساطة
 kakinetworkdotcom01skin = "02"
  تغيير 02 إلى 01،02،03 أو 04. وفيما يلي بعض الأمثلة على شعارات الفيسبوك  

Skin 01


Skin 02


Skin 03



Skin 04



أتمنى لكم جميعا أن يعجبكم  بالتأكيد  هذا المنبثقة. وأنا أن هذا سوف يزيد بالتأكيد عدد الخاص بك من المشجعين في الفيسبوك.

استمتع! :)

15 تعليقات

  1. غير معرف24/11/12 12:44

    شكرا على الاضافة الجميلة
    عندى مشكلة لو سمحت ساعدنى فى حلها
    اخى كلمة اعجبنى بتظهر عندى بالانجلش وانا عاوزها تظهر بالعربى اعمل اية

    ردحذف
  2. غير كلمة en إلى ar في سطر kakinetworkdotcom01lang="en"

    ردحذف
  3. غير معرف26/11/12 20:53

    متشكر جدا يا باشا فعلت قلبت عرب
    بس فية سؤال تانى وانا اسف انى بزعجك
    ازاى اشيل كلمة close x
    اسف للازعاج مرة تانية

    ردحذف
  4. غير معرف26/11/12 20:57

    خلاص يا باشا مافى داعى للجواب على اخر تعليق انا عرفتها وعملتها متشكر جدا لحضرتك على الاضافة الجميلة ومنتظرين جديدك سلام عليكم

    ردحذف
  5. السلام عليكم ورحمه الله وبركاتة

    لو سمحت عاوز شرح طريقة عمل صفحة على الفيس بوك وعمل ربط بين المدونه والصفحة وكمان اعمل صندوق التعليق لكل موضوع ؟

    ولكم جزيل الشكر لو سمحتم برجاء الاسراع للاحتياج

    ردحذف
  6. السلام عليكم أخي الكريم هل الإضافة متوفرة بالفرنسية ؟ شكرا على هذا الموضوع المفيد ...

    ردحذف
  7. أخي vente caftan marocain غير الجلمة (انضموا إلينا على الفيسبوك!) إلى الفرنسية و غير kakinetworkdotcom01lang="en" إلى kakinetworkdotcom01lang="fr" و شكرا لك :)

    ردحذف
  8. غير معرف17/3/13 08:03

    اريد ان اضع الكود على موقعي لكن بدون جدوى الموقع http://www.koorajsc.com/

    ردحذف
  9. أخي @غير معرف الإضافة تعمل على أي موقع وأنا جربته في مواقع ليست بلوجر ويعمل جيدا بدون مشاكل ، أنا أعتقد أن المشكل عندك في الموقع ، جرب إضافة كود jquery إلى مدونتك يمكن أن يعمل و هنا ربط لآخر إصدارت jquery
    https://developers.google.com/speed/libraries/devguide?hl=ar#jquery

    ردحذف
  10. درس رائع ومفيد لزيادة عدد المعجبين في الفيس بوك
    شكرا لك

    ردحذف
  11. شكرا اخي ولكن الصورة لا تظهر هل من حل ؟

    ردحذف
  12. أزال المؤلف هذا التعليق.

    ردحذف
  13. ونبي ترد علية من فضلك الصورة عندي لا تظهر وكمان اريد بعد الضغط علي Powered By Blogger Widgets يظهر لي رابط صفحتي وشكرا لك

    ردحذف
    الردود
    1. هناك مشكلة في هذه الإضافة صورة شعار فيس بوك لن تظهر لك :(
      سوف أحاول إصلاح المشكلة :)

      حذف
أحدث أقدم