اضافة نافذه منبثقه لتسجيل الاعجاب على الفيس بوك
السلام عليكم ورحمة الله وبركاته , اضافة اليوم كما هو واضح من العنوان تتيح لزوار مدونتك تسجيل الاعجاب والانضمام لصفحة مدونتك على موقع التواصل الاجتماعي فيس بوك ,
الاضافه على شكل صندوق صغير الحجم يظهر من خلال نافذه منبسقه لا تسبب اى ثقل في تصفح المدونه, ويظهر الصندوق كما هو الحال في هذا المثال الحى او من خلال الصوره المرفقه
لتطبيق الاضافه سجل دخول الى لوحة تحكم بلوجر ثم اذهب الي تعديل القالب وابحث عن الوسم التالي </body> ثم ضع فوقه مباشرة الكود الموجود في الاسفل
<script type='text/javascript'> //<![CDATA[ KNFBFansPRO='مركز الماهرللاتصالات و للانترنت ' //]]> </script> <style>#fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 6*/width:450px;border:10px solid #6F6F6F;z-index:200;-moz-border-radius: 9px;-webkit-border-radius: 9px;margin:0pt;padding:0pt;color:#333333;text-align:left;font-family:arial,sans-serif;font-size:13px;} #fblikepop body{background:#fff none repeat scroll 0%;line-height:1;margin:0pt;height:100%;} .fbflush{cursor: pointer;font-size:11px !important;color:#FFF !important;text-decoration:none !important;border:0 !important;} #fblikebg{display:none;position:fixed;_position:absolute; /* hack for IE 6*/height:100%;width:100%;top:0;left:0;background:#000000;z-index:100;} #fblikepop #closeable{float:right;margin:7px 15px 0 0;} #fblikepop h1{background:#6D84B4 none repeat scroll 0 0;border-top:1px solid #3B5998;border-left:1px solid #3B5998;border-right:1px solid #3B5998;color:#FFFFFF !important;font-size:18px !important;font-weight:normal !important;padding:5px !important;margin:0 !important;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;} #fblikepop #actionHolder{height:30px;overflow:hidden;} #fblikepop #buttonArea{background:#F2F2F2;border-top:1px solid #CCCCCC;padding:10px;min-height:50px;} #fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important;} #fblikepop #buttonArea a:hover{color:#333 !important;text-decoration:none !important;border:0 !important;} #fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#fff !important;} #fblikepop #counter-display{float:right;font-size:11px !important;font-weight:normal !important;margin:5px 0 0 0;text-align:right;line-height:16px;}</style> <script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1' type='text/javascript'/> <script src='https://my-tqarob.googlecode.com/svn/trunk/likebox2.js' type='text/javascript'/> <script language='javascript'> //<![CDATA[ $(document).ready(function(){ $().KNFBFansPRO({ timeout: 30, wait: 0, url: 'http://www.facebook.com/ALmaher.Tech.ye', closeable: true }); }); //]]> </script> <div id='fbtpdiv'/>
تخصيص الكود السابق بما يتناسب مع مدونتك ابحث فيه عن facebook.com/ALmaher.Tech.ye واستبدله برابط صفحة مدونتك على الفيس بوك .
واخيرا ابحث عن مجتمع التدوين العربي واستبدله باسم صفحتك . قم بعد ذلك بمعاينة المدونه ثم اضغط حفظ.