إضافة زر الإعجاب بمدونتك على الفيسبوك

السلام عليكم ورحمة الله وبركاته

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

في الصورة أعلاه نموذج لهاته الإضافة ولتطبيقها مباشرة على مدونتك ، قم بالذهاب إلى لوحة التحكم وقم بالضغط على التخطيط ، ثم إضافة أداة ، و تختار html /java script ، وقم بلصق هذا الكود

<div dir="rtl" style="text-align: right;" trbidi="on">
<div id="fbslidebox" style="-moz-border-radius: 15px 15px 15px 15px; background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwqBipWfUfd9y_GNEu2wqv1H2sbKUMdHmhnULzY2n20CiBBUS3SBmjH9j5PA9ztxATuvYmM5Erbq-5sod_Cop-12u4cHx4kDVimKcIjkpkdrlmdpr8LzTJPiSVgeMkm73NjTetIktP22li/s0/bo-bg-html.gif&quot;) repeat scroll 0% 0% transparent; border: 2px solid rgb(17, 17, 17); bottom: 20px; display: block; overflow: hidden; position: fixed; right: 10px; width: 342px;">
<div style="margin: 0pt auto; overflow: hidden; padding: 10px; width: 320px;">
<b style="color: #66ad3d;"><span style="color: magenta;"> <span style="color: #f3f3f3;"><b>معجبو المدونه على الفيسبوك</b></span></span><br /> </b><br />
<div class=" fb_reset" id="fb-root">
<div style="height: 0px; position: absolute; top: -10000px; width: 0px;">
<div>
<iframe id="fb_xdm_frame_http" name="fb_xdm_frame_http" src="http://static.ak.facebook.com/connect/xd_arbiter.php?version=11#channel=f37ef819d78dba8&amp;origin=http%3A%2F%2Fforum.al-wlid.com&amp;channel_path=%2Ft11316.html%3Ffb_xd_fragment%23xd_sig%3Df28002bab7e5e2%26"></iframe><iframe id="fb_xdm_frame_https" name="fb_xdm_frame_https" src="https://s-static.ak.facebook.com/connect/xd_arbiter.php?version=11#channel=f37ef819d78dba8&amp;origin=http%3A%2F%2Fforum.al-wlid.com&amp;channel_path=%2Ft11316.html%3Ffb_xd_fragment%23xd_sig%3Df28002bab7e5e2%26"></iframe></div>
<div>
</div>
</div>
</div>
<b style="color: #66ad3d;"> <script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ar_AR/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script> <div class="fb-like fb_edge_widget_with_comment fb_iframe_widget" data-href="https://www.facebook.com/arabgoogl" data-send="false" data-show-faces="false" data-width="250">
<span style="height: 46px; width: 250px;"><iframe class="fb_rtl " id="f181becd14fa7d8" name="f1d5791a6f5c34e" scrolling="no" src="http://www.facebook.com/plugins/like.php?channel_url=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D11%23cb%3Df21b75c41cc7cda%26origin%3Dhttp%253A%252F%252Fforum.al-wlid.com%252Ff37ef819d78dba8%26domain%3Dforum.al-wlid.com%26relation%3Dparent.parent&amp;extended_social_context=false&amp;href=http%3A%2F%2Fwww.facebook.com%2Fمدونة عرب جوجل للمعلومات&amp;layout=standard&amp;locale=ar_AR&amp;node_type=link&amp;sdk=joey&amp;send=false&amp;show_faces=false&amp;width=250" style="border: medium none; height: 46px; overflow: hidden; width: 250px;" title="Like this content on Facebook."></iframe></span></div>
</b></div>
</div>
</div>

لتخصيص الإضافة قم بتغيير الرابط باللون الأزرق إلى رابط صفحتك على الفيسبوك ، وقم بتغيير الكلام باللون الوردي إلى إسم صفحتك على الفيسبوك.