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

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

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

طريقة تركيب هذه الإضافة على مدونة البلوجر :
1- توجه إلى لوحة التحكم البلوجر لمدونتك , و اختر تخطيط .

<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(http://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/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;
}
</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(100).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/infosblogofficial&width=402&height=255&colorscheme=light&show_faces=true&border_color=%23E2E2E2&stream=false&header=false'



style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe>

</div></div>
2- ثم إضافة أداة ثم اختر HTML/Javascript والآن ألصق داخل المستطيل الكود التالي:
3- بعد إضافة الكود أعلاه، قم بتغيير www.facebook.com/infosblogofficial بعنوان صفحة الفيس بوك الخاصة بك، ثم إحفظ الأداة.
الآن أصبح بإمكانك أنت و زوارك رؤية صندوق الفيس بوك هذا على مدونتك لمرة واحدة فقط و لن يظهر الصندوق للزائر إلا إذا قام بمسح كوكيز المتصفح الخاص به. و ذلك (كما قلت سابقا) لكي لا تزعج زوار موقعك بانبثاق الصندوق عدة مرات أثناء تصفحهم لمدونتك..
لاتنسو ترك تعاليق


طريقة إضافة صندوق إعجاب الفيس بوك المنبثق على موقعك او مدونتك بطريقة سهلة طريقة إضافة صندوق إعجاب الفيس بوك المنبثق على موقعك او مدونتك بطريقة سهلة Reviewed by Unknown on 2/03/2016 05:58:00 م Rating: 5

هناك تعليقان (2):

يتم التشغيل بواسطة Blogger.