أداة نافذة إعجابات فيسبوك المنبثقة للبلوجر

إليك طريقة رائعة لزيادة إعجابات صفحة الفيسبوك الخاصة  بالمدونة أو الموقع الخاص بك. هذه الإضافة المغرية في الموقع الخاص بك سوف تجعل مربع إعجابات الفيسبوك يطفو على السطح . سوف تظهر نافذة إعجابات الفيسبوك على الصفحة الخاصة بك بعد 10 ثوان من تحميل الصفحة (ولكن يمكن تخصيصها). هذه هي وسيلة مؤكدة لزيادة كبيرة في الإعجابات.

كيفية إضافة الأداة إلى المدونة؟

الذهاب إلى Blogger.com >> التخطيط  >> إضافة أداة >> HTML/JavaScript. ضع هذا الكود في المحتوى بدون عنوان ثم إضغط حفظ.

<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/AVvXsEhiSXxBMsxTnLlLpyT_N0bwue6VUo7oFiVYwp2d5Cu6tnJCjTryQrOv7BKKHguhMYDTJ1QVIGL-sETO3tPPmQ6nlocL2jcCEa4LPbmuTWTO-RrgqJ8EeP2TKPtUajtopr3EYmjT1ONhTzKw/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 a.visited,#linkit a,#linkit a:hover {
color:#80808B;
font-size:10px;
margin: 0 auto 5px auto;
float:center;
}
</style>
<pre></pre>
<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(10000).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/3jaeb&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>
<a href="http://template-ar.romoz.com" rel="nofollow">Facebook Popup Widget</a></center>

كيفية تخصيص الأداة؟

قم بالبحث عن الكود أدناه وقم بتغيره بوضع عنوان صفحتك على الفيسبوك

http://www.facebook.com/3jaeb

إذا أردت أن تظهر النافذة بعد أكثر من 10 ثواني قم بتغيير القيمة 10000 بالقيمة المطلوبة مثلا ذا أردت ظهور النافذة بعد 20 ثانية ضع 20000 وهكذا...

إذا أردت أن تظهر النافذة في كل مرة يتم تحميل الصفحة فيها قم بحذف هذا الكود

$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });

إذا أردت أن تظهر النافذة فقط على الصفحة الرئيسية ضع الكود داخل هذا الكود

<b:if cond='data:page.type == "index"'>
ضع الكود هنا
</b:if>