اضف صندوق فايسبوك منبثق لواجهة موقعك | add fb popup box

صندوق  منبثق  في بداية الصفحة  

نبدا بالنتيجة :

EXEMPLE

نمر الى  الاضافة  :  

من خانة تخطيط على بلوجر  توجه الى اضافة اداة  HTML   

و هنا انسخ و الصق  كود سكريبت الموالي : 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script><br /><style><br />#fbox-background {<br />    display: none;<br />    background: rgba(0,0,0,0.8);<br />    width: 100%;<br />    height: 100%;<br />    position: fixed;<br />    top: 0;<br />    left: 0;<br />    z-index: 99999;<br />}<br /><br />#fbox-close {<br />    width: 100%;<br />    height: 100%;<br />}<br /><br />#fbox-display {<br />    background: #eaeaea;<br />    border: 5px solid #828282;<br />    width: 340px;<br />    height: 230px;<br />    position: absolute;<br />    top: 32%;<br />    left: 37%;<br />    -webkit-border-radius: 5px;<br />    -moz-border-radius: 5px;<br />    border-radius: 5px;<br />}<br /><br />#fbox-button {<br />    float: right;<br />    cursor: pointer;<br />    position: absolute;<br />    right: 0px;<br />    top: 0px;<br />}<br /><br />#fbox-button:before {<br />    content: "CLOSE";<br />    padding: 5px 8px;<br />    background: #828282;<br />    color: #eaeaea;<br />    font-weight: bold;<br />    font-size: 10px;<br />    font-family: Tahoma;<br />}<br /><br />#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover {<br />    color: #aaaaaa;<br />    font-size: 9px;<br />    text-decoration: none;<br />    text-align: center;<br />    padding: 5px;<br />}<br /></style><br /><script type='text/javascript'><br />//<![CDATA[<br />jQuery.cookie = function (key, value, options) {<br />// key and at least value given, set cookie...<br />if (arguments.length > 1 && String(value) !== "[object Object]") {<br />options = jQuery.extend({}, options);<br />if (value === null || value === undefined) {<br />options.expires = -1;<br />}<br />if (typeof options.expires === 'number') {<br />var days = options.expires, t = options.expires = new Date();<br />t.setDate(t.getDate() + days);<br />}<br />value = String(value);<br />return (document.cookie = [<br />encodeURIComponent(key), '=',<br />options.raw ? value : encodeURIComponent(value),<br />options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE<br />options.path ? '; path=' + options.path : '',<br />options.domain ? '; domain=' + options.domain : '',<br />options.secure ? '; secure' : ''<br />].join(''));<br />}<br />// key and possibly options given, get cookie...<br />options = value || {};<br />var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;<br />return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;<br />};<br />//]]><br /></script><br /><script type='text/javascript'><br />jQuery(document).ready(function($){<br />if($.cookie('popup_facebook_box') != 'yes'){<br />$('#fbox-background').delay(5000).fadeIn('medium');<br />$('#fbox-button, #fbox-close').click(function(){<br />$('#fbox-background').stop().fadeOut('medium');<br />});<br />}<br />$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });<br />});<br /></script><br /><div id='fbox-background'> <br /><div id='fbox-close'> <br /></div> <br /><div id='fbox-display'> <br /><div id='fbox-button'> <br /></div> <br /><iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?<br />href=https://www.facebook.com/alamalweb&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'<br />style='border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></iframe><br /><div id="fbox-link"> Powered by <a style="padding-left: 0px;" href="http://alamal-web.blogspot.com" rel="nofollow">helper</a></div> <br /></div> <br /></div>

و الان التعديل عليه  ليتناسب معك : 

ابحث عن  

www.facebook.com/alamalweb 

و قم باستبدالها   بصفحتك  

و  اذا  اردت التعديل على زمن ظهور هذا الصندوق  ما عليك الا تغيير القيمة الموالية :

ابحث عن

.delay(5000)

قم  بتغيير القيمة  5000  الى اي وقت يناسبك حيث ان  

5000 = 5 second 

يعني  5 ثواني بعد الدخول الى موقعك  

ان الزائر  سيشاهد هذا الصندوق  لاول مرة من بعد دخوله  و لكن  في المرات الاخرى لن يظهر  

اذن اذا اردت ان يظهر  هذا الاخير في كل وقت كلما قمت بتجديد الصفحة ما عليك الا البحث عن 

$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });

و قم  بحذف ذلك السطر    

الان اذا اردت ان يظهر  فقط  في صفحتك الرئيسية   ما عليك الا اتباع الاتي  : 

نتوجه  الى   التعديل على القالب  الموجودة في منصة بلوجر و نبحث  عن الوسم

</body> 

 ممتاز  الان  فوقه  مباشرة   ضع  سطر الاوامر  الموالي 

 &lt;b:if cond='data:page.type == "index"'&gt;ADD THE FACEBOOK WIDGET CODE HERE &lt;/b:if&gt;

 هنيئا  لك  تم   كل  شيء