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

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

Live Demo

كيفية إضافة صندوق أعجبني الفيسبوك /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

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

استمتع! :)