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

بواسطة Unknown يوم القسم : 0 التعليقات

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

Live Demo

كيفية إضافة صندوق أعجبني الفيسبوك /LikeBox منبثق مع عدد مؤقت إلى Blogger؟

1. انتقل إلى لوحة بلوجر > تحرير HTML

2.قم بتنزيل نسخة من القالب

3. إنقرعلى زر تابع

4. ابحث الآن على الكود

أدناه في القالب

إضافة Code قبله مباشرة

<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="alger1a",
 kakinetworkdotcom01title="انضموا إلينا على الفيسبوك!",
 kakinetworkdotcom01skin="02",
 kakinetworkdotcom01time="15",
 kakinetworkdotcom01wait="0",
 kakinetworkdotcom01lang="en"
//]]>
</script>
<script type="text/javascript" src="http://3akliya-dz.tk/js/likebox-with-timer.js"></script>
<script type="text/javascript">
//<![CDATA[
 $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});
//]]>
</script>

الآن استبدل alger1a إلى الإسم المستخدم الفيسبوك الخاص بك
يمكنك تعديل عنوان المنبثقة likebox، لتغييرها ببساطة تعديل كلمة "انضموا إلينا على الفيسبوك!"

والمنبثقة سوف تختفي بعد الوقت الذي وضعتموه، ولقد ضبط الوقت إلى 15 ثانية، ويمكنك تغييرها ببساطة عن طريق تغيير قيمة

kakinetworkdotcom01time = "15"

القطعة تضهرمباشرة بعد دخول زائر . إذا كنت تريد أن تضهر بعد دقيقة واحدة أو أكثر ثم قم بتعديل الانتظار: 0 في ،

kakinetworkdotcom01wait = "0"

لتغيير صورة أي شعار في المنبثقة تم عدل ببساطة

kakinetworkdotcom01skin = "02"

تغيير 02 إلى 01،02،03 أو 04. وفيما يلي بعض الأمثلة على شعارات الفيسبوك

Skin 01

Skin 02

Skin 03

Skin 04

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

0 التعليقات:

إرسال تعليق

كلمة شكر على اقل