شرح طريقة إضافة نافذة الإعجاب بالفيسبوك على بلوجر بكل سهولة
الزيارات:

Unknown | 1:02 م |

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

أولا ندخل للوحة تحكم بلوجر ثم للقالب :


ثم تحرير HTML :

 

بعد ذلك نبحث عن هذا الكود :
</body>

كما في الصورة :

ثم نضيف قبله أي هنا كما في الصورة :
 
نضيف الكود التالي مع تغيير العبارات الملونة باسم المدونة و رابط صفحة المدونة على الفيسبوك :

              

script src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js' type = 'text / javascript' /><script type='text/javascript'>
    / / <! [CDATA [
        KNFBFansPRO = 'YE-IT'

    / /]]>
    </ Script>
    <style>
    . Fb_edge_widget_with_comment
    {
        left: 10px;
     
    }
 
    # 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:

    # 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: 65px; 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: 'http://www.facebook.com/YEITMaroc',
                closeable: true});
        });
    / /]]>
    </ Script>
    <div id='fbtpdiv'/>

YE-IT : اسم المدونة
http://www.facebook.com/YEITMaroc : صفحة المدونة على الفيسبوك 
30 : مدة الظهور بالثواني
true : إظهار زر الغلق، لعدم إظهاره يجب وضع false
                                                                                                                                                 
                                                   
 



إلى هنا ينتهي الشرح، شكرا على المتابعة.




















التسميات:

0 التعليقات:

إرسال تعليق