22/7/2014
أضافة تعليق
 |
| اضافة صتدوق اعجاب فيس بوك |
اضافة صندوق اعجاب فيس بوك
ما الجديد فى اضافة صتدوق اعجاب فيس بوك او Facebook Like Box Pop-Up widget
الجديد فى هذه الاضافه الشهيره هو
التحكم الكامل فى عرض الاضافه تحكم وقت الظهور وتحكم فى مرات العرض
هذا بالاضافه الى سهولة التركيب و توافق الاضافه مع جميع المتصفحات
هذا الشرح مقدم من مدونة المايسترو
شرح تركيب اضافة صتدوق اعجاب فيس بوك Facebook Like Box Pop-Up widget
1- اذهب الى لوحة تحكم مدونتك
2- اختر تخطيط
3- اختر اضافة اداة
4 - بعد اختيارك اضافة اداه اختر Html/Java
الان انسخ الكود التالى
<!-- Facebook Popup Widget START --><!-- Brought to you by www.th3maestro.com -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#th3maestro {
background:white;
width:420px;
height:270px;
position:absolute;
top:58%;
left:63%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #939393;
-moz-box-shadow: inset 0 0 50px 0 #939393;
box-shadow: inset 0 0 50px 0 #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#maestro {
float:right;
cursor:pointer;
background:url(http://1.bp.blogspot.com/-cvSuUkXwRyg/U82qUDZm3qI/AAAAAAAAAQk/5lTZ85WqbgM/s1600/fanclose.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
color:#80808B;
font-size:10px;
margin: 0 auto 5px auto;
float:center;
}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_user_login') != 'yes'){
$('#fanback').delay(20000).fadeIn('medium');
$('#maestro, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fanback'>
<div id='fan-exit'>
</div>
<div id='th3maestro'>
<div id='maestro'>
</div>
<div class='remove-borda'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=http://www.facebook.com/ith3maestro&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; margin-top: -19px; width: 391px; height: 233px;'></iframe><center>
<span id="linkit">Powered by Th3maestro - <a href="http://www.th3maestro.com">احصل على هذه الاضافة</a></span></center>
</div>
</div>
<!-- Facebook Popup Widget END. -->
التعديل على الاضافة
اولا اضافة رابط صفحتك على الفيس بوك
استبدل الرابط التالى برابط صفحتك على فيس بوك
http://www.facebook.com/ith3maestro
ثانيا تغيير وقت ظهور الاضافه
الاضافة تظهر تلقائيا بعد مرور 10 ثوانى من انتهاء تحميل الصفحه
لتغيير وقت الظهور ابحث عن .delay(10000) وغير الرقم الى ما يناسبك
مع العلم ان 10 ثوانى تعنى 10000 وان 60 ثانيه تعنى 60000
ثالثا تغيير مرات ظهور الاضافه
هذه الاضافه تعمل بملفات الكوكيز اى انها تظهر مره واحده كل 7 ايام
لتغيير ذلك وجعل الاضافه تظهر كل مره بعد تحميل الصفحه
احذف السطر التالى من الكود
$.cookie(‘popup_user’, ‘yes’, { path: ‘/’, expires: 7 });
ملحوظه سخصيه:
لا ارجح هذا التغيير لانه قد يزعج الزوار
واخيرا لاى استفسار الرجاء ترك رد فى هذا الموضوع
0 التعليقات على "اضافة صندوق اعجاب فيسبوك الى بلوجر "
إرسال تعليق