إضافة نافذه منبثقه لتسجيل الاعجاب على الفيس بوك % شغالة 100

تعديل

إضافة نافذه منبثقه لتسجيل الاعجاب على الفيس بوك % شغالة 100

السلام عليكم ورحمة الله وبركاته , اضافة اليوم كما هو واضح من العنوان تتيح لزوار مدونتك تسجيل الاعجاب والانضمام لصفحة مدونتك على موقع التواصل الاجتماعي facebook , الاضافة على شكل صندوق صغير الحجم يظهر من خلال نافذة منبثقة من الموقع لا تسبب ثقل في تصفح المدونة, ويظهر الصندوق كالتالي:

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

لتطبيق الاضافه سجل دخول الى لوحة تحكم بلوجر ثم اذهب الي تحرير html وابحث عن الوسم التالي </body> ثم ضع فوقه مباشرة الكود الموجود في الاسفل

رمز PHP:

<script type='text/javascript'>
    //<![CDATA[
        KNFBFansPRO='المحترف'

    //]]>
    </script>
    <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:18px !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://connect.facebook.net/ar_AR/all.js#xfbml=1' type='text/javascript'/>

    <script src='https://my-tqarob.googlecode.com/svn/trunk/likebox2.js' type='text/javascript'/>

    <script language='javascript'>
    //<![CDATA[
        $(document).ready(function(){
            $().KNFBFansPRO({
               timeout: 30,
                wait: 0,
                url: ' https://www.facebook.com/baramij101?ref=hl',
                closeable: true        });
        });
    //]]>
    </script>
    <div id='fbtpdiv'/>

لتخصيص الكود السابق بما يتناسب مع مدونتك ابحث فيه عن https://www.facebook.com/baramij101?ref=hl واستبدله برابط صفحتك على الفيس بوك . واخيرا ابحث عن مدونة المحترف واستبدله باسم صفحتك . قم بعد ذلك بمعاينة المدونه ثم اضغط حفظ.أما بالنسبة للمنتديات والمواقع فضع الكود في أي مكان هذا هو كل شئ . اى استفسار يرجا كتابته في الاسفل. بالتوفيق للجميع ان شاء الله

تعديل