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

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

معاينة الاضافة

شرح تركيب إضافة الفيس بوك

الأول : الذهاب إلى  التخطيط

الثاني : إضافة أداة> HTML / JavaScri    

الثالث : ضع الكود التالي:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><style type="text/css">img, a { border: 0; }#on { visibility: visible; }#off { visibility: hidden; }#facebook_div { width: 196px;height: 340px;overflow: hidden; }#facebook_right {z-index: 10005;border: 2px solid #3c95d9;background-color: #fff;width: 196px;height: 353px;position: fixed;right: -200px; }#facebook_right img {position: absolute;top: -2px;left: -35px; }#facebook_right iframe {border: 0px solid #3c95d9;overflow: hidden;position: static;height: 360px;left: -2px;top: -3px; }#facebook_left {z-index: 10005;border: 2px solid #3c95d9;background-color: #fff;width: 196px;height: 353px;position: fixed;left: -200px; }#facebook_left img {position: absolute;top: -2px;right: -35px; }#facebook_left iframe {border: 0px solid #3c95d9;overflow: hidden;position: static;height: 360px;right: -2px;top: -3px; }</style><script type="text/javascript">jQuery(document).ready(function () {jQuery("#facebook_right").hover(function () {jQuery(this).stop(true, false).animate({ right: 0 }, 500); }, function () { jQuery("#facebook_right").stop(true, false) .animate({ right: -200 }, 500); });});</script> <br /> <div id="on"> <a href="http://www.jobsmag.in/" rel="dofollow" target="_blank" title="Jobsmag.in"><img src="http://img1.blogblog.com/img/blank.gif" alt="Jobsmag.in" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://www.jobsmag.in/" rel="dofollow" target="_blank" title="Indian Education Blog"><img src="http://img1.blogblog.com/img/blank.gif" alt="Indian Education Blog" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://things-guide.blogspot.com/" rel="dofollow" target="_blank" title="ThingsGuide"><img src="http://img1.blogblog.com/img/blank.gif" alt="ThingsGuide" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><div id="facebook_right" style="top: 10%;"><div id="facebook_div"><img alt=""src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiASKrtQucP7saVrwK2xK-31_bnKeReTp-0hx1VvH2HKHzGC91xKE3l30ELsghkovcfozuVY9OZ7luz5eL7SCnHHJDwt8IXIGBqT5yEn1WbVKHmfS5QbIz44Wngqwz5x3z11NZ4LIK03Li2/s1600/NBTfacebook_right.png" /><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages/ThingsGuide/281417998619583&amp;width=200&amp;height=346&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" style="border: none;height: 346px;overflow: hidden;width: 200px;"></iframe></div></div></div>

أربعا : قم بتعديل   pages/ThingsGuide/281417998619583 إلى رابط صفحتك على الفيس بوك

مثال  انسخ مثل التالي