نافدة منبثقة للاعجاب بصفحة الفيسبوك

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

 تدهب للتخطيط

اضافة اداة كود html/javascript

ثم تنسخ الكود التالي

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<!-- code by www.pensweb.blogspot.com -->
<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/AVvXsEjOQVlojK3y5d7JfSRR58l9EgNDEVpo10Z9s_HHRd4i2VYsgqsVGXpyz1rBmYTILf3SFpf69hdgC1aWS3gC3XNkbNyloQ6iRB_xCvDVmvk7P7mGX5jq8yJq6mRvLvMK-ZD2d4tWgkh9yj_Z/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/info4arabs&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>
<!-- code by www.pensweb.blogspot.com -->

بقلم ياسين

ياسين بوصباع مجرد شاب احب المعلوميات من جميع جوانبها لهدا انشأ هده المدونة ليعرض تجاربه على القراء.

شارك الموضوع مع اصدقائك؟

هل أعجبك الموضوع ؟

Share

Tweet

اذا كان لديك اي استفسار عزيزي الزائر بامكانك وضعه في تعليق!