18‏/03‏/2017

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

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

هل تريد الإستفادة أكثر من زوار مدونتك وزيادة عدد المتابعين عير فيس بوك؟ جرب هذه الأداة وإن كانت لا تعتبر من الإضافات الضرورية إلا أنها مهمة.

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


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

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

لإضافة نافذة منبثقة على شكل مربع متابعة فيس بوك، اتبع الخطوات التالية:



لا تنسى حفظ نسخة من القالب تجنبا لفقدانه.

1 - من واجهة التحكم في المدونة قم بالنقر على المظهر ثم تحرير html
2 - قم بالبحث عن الكود التالي:
<body

وتحته مباشرة اضف الكود التالي:

<link href='//fontawesome.io/assets/font-awesome/css/font-awesome.css' rel='stylesheet'/>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'/>


4 - بعد ذلك، قم بالبحث عن   </head>  وفوقه مباشرة اضف:

<style>
#mba-likebox-bg {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#mba-likebox-bg-out {
width:100%;
height:100%;
}
#mba-likebox {
background:#fff;
padding: 20px 10px 10px 10px;
top: 20%;
left: 33%;
position: absolute;
-webkit-box-shadow: inset 0 10px 0 0 #3b579d;
-moz-box-shadow: inset 0 10px 0 0 #3b579d;
box-shadow: inset 0 10px 0 0 #3b579d;
}
#mba-likebox-out {
position: absolute;
top: 0;
right: 0;
cursor: pointer;
color: #e1e1e1;
z-index: 999;
}
#mba-likebox-out:before {
font-family: &quot;FontAwesome&quot;;
font-weight: normal;
font-style: normal;
text-decoration: none;
content: &quot;\f00d&quot;;
text-align:center;
display: block!Important;
width: 40px;
height: 40px;
line-height: 40px;
background:#3b579d;
}
#mba-likebox-out:hover:before{
color:#fff;
}
#likebutton {
background: #4b4f56;
border-radius: 3px;
color: #ffffff;
padding: 10px 15px;
text-decoration: none;
cursor: pointer;
text-align: center;
}
#likebutton:hover {
color: #ccc;
}
#credits a {
color: #f09020;
}
</style>


5 -  مرة اخرى بالبحث عن  </body>  وفوقه مباشرة اضف الكود:
قم بتغيير المكان المحدد بالأحمر بإسم صفحتك على فيس بوك.

<div id='mba-likebox-bg'>
<div id='mba-likebox-bg-out'>
</div>
<div id='mba-likebox'>
<div id='mba-likebox-out'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ffolfoly&amp;colorscheme=light&amp;show_faces=true&amp;show_border=false&amp;stream=false&amp;header=false&amp;' style='width:390px; height: 230px;'/>
<div id='credits'>
أداة من <a href='http://www.folfoly.com' id='creditlink' rel='nofollow' target='_blank' title='تعلم كيف تستفيد من الانترنت'>فولفولي</a>
</div>
</div>

</div>
<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 src='http://yourjavascript.com/7411453777/blogger.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie(&#39;popup_user_login&#39;) != &#39;yes&#39;){
$(&#39;#mba-likebox-bg&#39;).delay(100).fadeIn(&#39;medium&#39;);
$(&#39;#mba-likebox-out, #mba-likebox-bg-out&#39;).click(function(){
$(&#39;#mba-likebox-bg&#39;).stop().fadeOut(&#39;medium&#39;);
});
}
$.cookie(&#39;popup_facebook_box&#39;, &#39;yes&#39;, { path: &#39;/&#39;, expires: 7 });
});
</script>


6 - قم بحفظ التغييرات، تم.

لقد قمت للتو بإضافة كود تظهر صندوق تابعنا على فيس بوك، وسترى زيادة في عدد المعجبين بمرور الوقت.


قد تود قراءة:

لكل سؤال أو إضافة، يرجى كتابة تعليقك في الخانة اسفله