الأحد، 29 سبتمبر 2013

طريقة اضافة نافذة منبثقة لتسجيل الاعجاب على الفيس بوك





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

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


ثم ضع فوقه مباشرة الكو



 <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:#راديو بلادي  !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:#راديو بلادي  !important;font-size:18px !important;font-weight:normal !important;padding:5px !important;margin:0 !important;font-family:&quot;Lucida Sans Unicode&quot;, &quot;Lucida Grande&quot;, sans-serif !important;}

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

    #fblikepop #buttonArea{background:#راديو بلادي ;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: 'http://www.facebook.com/naghmat.bladi',
                closeable: true        });
        });
    //]]>
    </script>










لتخصيص الكود السابق بما يتناسب مع مدونتك ابحث 

عنhttp://www.facebook.com/naghmat.bladi واستبدله برابط صفحة مدونتك على الفيس بوك
 .  ابحث عن راديو بلادي  واستبدله باسم صفحتك 

  واخيرا ابحث عن مدونة نغمة بلادي  واستبدله باسم صفحتك 

 قم بعد ذلك بمعاينة المدونة

 ثم اضغط حفظ.





لا تقرا وترحل ساعدنا بنشرالموضوع ;

التعليقات
0 التعليقات

0 التعليقات :

إضغط هنا لإضافة تعليق

إرسال تعليق

Blogger Widgets