اخوانى الكرام
احب ان اقدم لكم تقنيه جديده ورائعه جدا لمن لديهم مدونات ويرغبون فى نشر صفحات الفيس بوك الخاصه بهم على مدوناتهم بشكل مميز
وللعلم يمكن استخدام الكود فى اى موقع او مدونه اخرى غير بلوجر
كود جديد يضع صفحه الفيس بوك فى نافذه امام زائر المدونه ليضغط لايك او يغلق النافذه
طريقة التركيب
اتبع الخطوات فقط :
-ادخل الى لوحة تحكم بلوجر
-ادخل الى تخطيط تم انقر على اضافة اداة
ابحت عن اداة HTML/java script تم انسخ فيها الكود التالي:
<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/AVvXsEh9jA8Y5a8gtMYNagvnwuA0TOiurNWfb6AgNO8zwZw3ilumeYZ62Q2JoOHX4P8D4pz2FlQl76PSZcyqGyqBgI60lXSKZwm4VzoBdRJmlABV-n_xD9MRafsbNfmQPyWioisy3JXIgS4Sv6vz/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=https://www.facebook.com/Sa3D.T3c&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>
مع تغير الرابط اللي باللون الاحمر الى رابط صفحتك على الفيسبوك
عنوان التدوينة:
الدرس 26: شرح اضافة الصندوق المنبثق للاعجاب بصفحتك على الفيسبوك لمدونة بلوجر
تقييم :
10
من 10
مرتكز على
24 تقييم.
الكاتب : أيوب سباعي مدير مدونة المحترف العربي
* بإمكانك إدراج الأكواد الغير قابلة لنشر بتحويله عبر محول الأكواد
تحويل الأكوادإغلاق التعبيراتإخفاء