كود الاعجاب بصفحتك على الفيس بوك المنبثق الاحترافى وخفيف جداً
اليوم جبت ليكم كود منبثق للاعجاب بصفحتك على الفيس بوك خفيف جداً للمنتديات والمدونات والكود يعمل بخاصية الكوكنز التى تظهر للزائد مره واحده فقط ويمكن ان تعدل الكود ويظهر كل مره للزائر
مميزات الكود :
للكود مميزات كثيرة منها عرض صفحتك على الفيس للزائر بشكل احترافى
عيوب الكود :
جميع الاكواد المنبثقة التى تظهر للزائر مره واحده فقط تعمل على نظام البحث بالكوكنز حتى لا يظهر الا مره واحده فقط وهذا الامر يجعل الكود ثقيل جدا حتى يقوم بالبحث فى الكوكنز ويترتب هذا على سرعة الانترنت لديك وللتغلب على هذا الامر كمنا بتكبير ايقونة اغلاق الشكل المنبثق ونغلق امر البحث بالكوكنز حتى لا يقوم الكود بالبحث عن الكوكنز وهذا الامر يجعل الكود سريع جدا وسهل وكل مره الزائر يدخل يقوم باغلاق الكود بنفسة لان الايقونة كبيرة وواضحة جداً
وللعلم جميع الاكواد التى تظهر مره واحده للزائر بتخلى المدونة تقيله جدا وجميع الزوار بيشتكى من تقل المدونة وللتغلب على هذا الامر نغلق البحث عن الكوكنز ونشرح ذلك بالاسفل
الكود :
رمز Code:
<!-- كود الاعجاب بالصفحة منبثق -->
<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%;
}
#fanbox {
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;
}
#fanclose {
float:right;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj11tGxT5H9QSjcki0xm6DLCTeyzLAjvgP5OEJfU2EItv5kigItjF-dDLtoqxLzVc4CRvTEc34RMpYbEGFcxzWyKlMgaTpUa-QTK4qNEA1l8FCjd0-zlar_4lu0GYYiUEJLBh-Q7wsT-JVM/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') != 'no'){
$('#fanback').delay(5000).fadeIn('medium');
$('#fanclose, #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='fanbox'>
<div id='fanclose'>
</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/tabe5ak.helw&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: 402px; height: 230px;'></iframe><center>
<span id="linkit"> <a href="http://tabe5ak-helw.blogspot.com.eg">طبيخــ حلو ــك</a></span></center>
</div>
</div>
<!-- كود الاعجاب بالصفحة منبثق -->
للتعديل على الكود نقوم بتبديل هذا الرابط http://www.facebook.com/tabe5ak.helw برابط صفحتك
ولجعل الكود يظهر مره واحدة للزائر نقوم بالبحث عن هذا الكود
رمز Code:
if($.cookie('popup_user_login') != 'no'){
ونغيره بهذا الكود
رمز Code:
if($.cookie('popup_user_login') != 'yas'){
ونصيحة شخصية عدم جعل الكود يظهر مره واخد بيخلى الصفحة تحميلها تقيل جدا ويعتمد على سرعة الانترنت لدى الزائر ومش تدور على كود خفيف لان جميع الاكواد التى تبحث عن ملفات الكوكنز بتبقى تخلى الصفحة تقيله وبالتوفيق للجميع
إرسال تعليق
جميع الردود تعبّر عن رأي كاتبيها فقط. حريّة النقد والرد متاحة لجميع الزوار بشرط أن لا يكون الرد خارج نطاق الموضوع وأن يكون خال من الكلمات البذيئة. تذكّر قول الله عز وجل (مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد).
EmoticonClick to see the code!
To insert emoticon you must added at least one space before the code.