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

 ابحث عن الكود التالي :

]]></b:skin>

وضع قبله الكود الموجود بالاسفل ويمكنك تغيير القيمه  540 الي اى قيمه اخرى فهى خاصه بعرض الاضافه

.fb_like_box {
margin-top:10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px;
background-color:#3B5999;
border:3px solid #2B2B2B;
margin-bottom:10px;
padding:10px 7px;
width:540px;
}
.fb_like_top {
overflow:visible;
padding:0;margin:0 0 5px;
width:349px;
height:24px;
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_4A8dGGDv6T-mv9XUZ0IQ6dTKgjYO2iOH53pqMSPZ160SFaPCUIJU_1xeXSpDwUG20ZFm8RbxH59Vr699wa6fYsVhgqCuMIC4ronUMLRFwEUYfWe5J2EPNg06LK8Pm7W0-pZdpJfioPw/") no-repeat scroll left top transparent;
}
.fb_like_top a {
height:24px;
width:114px;
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiyUnXV6hzN5_uDp4J7Q9HWVMMifI6UoIisCoe_ktZS5Km11kuVMNlMhzKVycskeDKhVLZtrFkXbAG9_z9QUhME8hqat02b2BizzKpst1M6hesHJ_7hir7GUy0-KpIkMZgfIwUCd7CFw/") no-repeat scroll left top transparent;
display:block;
margin-left:425px;
text-indent:-5000px;
}.fb_like_button_holder {
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px;
background:none repeat scroll 0 0 #FFFFFF;
padding:12px 12px 0 12px;
width:515px;
height:42px;
}

ثم ابحث مجددا عن الكود التالي :

<data:post.body/>

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

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='fb_like_box'>
<div class='fb_like_top'><a rel='nofollow' href='http://www.facebook.com/EgyMigrants'>Be a Fan</a></div>
<div class='fb_like_button_holder'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px;height:30px;'/>
</div>
</div>
</b:if>