طريقة إضافه تعليقات الفيس بوك ودمجها مع بلوجر فعالة 100/100

السلام عليكم سوف نشرح بهذه المقالة عن طريقة اضافة مربع التعليقات ليستطيع الزائر الى موقعك ان يكتب تعليق وهو في موقعك عن طريق حسابه في الفيس بوك والطريقة مجربة وتعمل 100/100 لنبدأ الشرح :

1-نذهب الى لوحة التحكم في مدونة البلوجر الخاصة بنا .

2-نضغط على قالب ومن ثم تحرير هتميل .

3-نقوم بالبحث عن هذا :<div class='comments' id='comments'>

4- وعندما نجده نضع الكود الاتي وهو لاداة تعليقات فيس بوك :

  <div class='comakauttafb-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Add Comments via Facebook'><img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvcroeU_z1rxFimKJAd2gixOJgrddDqQFCDQHlX0MR95yMYiANVdslrMyHhRDHNM48cmC1BRlYcOPNaYN-YSjaUeZPLY8jL3KzJ8NXXC8b2ZOz4oNLfbFqXCHmTwDPMgTuvqhRwEOLBBc/s1600/FACEBOOK.png'/><fb:comments-count expr:href='data:post.url'/> التعليقات</div><div class='comakauttafb-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Add Comments via Blogger'><img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKzc_1sg704T8niUyuXRpBTcYCvk0SPWUREJYOx0mrL70KRYMT7wDKoKm6kFlv98AFzbAnBtz4Z-y3mqS95Amz4DLNwgvNIn-v7DfUVp-fE5NFhYzcHEhJceA1P0Bs7bF_0PJQwx1UkuI/s1600/BLOGGER.png'/> <data:post.numComments/> التعليقات</div><div class='clear'/></div><div class='comakauttafb-page' id='fb-comments-page'><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='fb-root'/><fb:comments color='dark' expr:href='data:post.url' num_posts='10' width='680'/></b:if></div><div class='comments comakauttafb-page' id='blogger-comments-page'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='additions.blogger' property='fb:admins'/><script type='text/javascript'>function commentToggle(selectTab) {$(&quot;.comakauttafb-tab&quot;).addClass(&quot;inactive-select-tab&quot;);$(selectTab).removeClass(&quot;inactive-select-tab&quot;);$(&quot;.comakauttafb-page&quot;).hide();$(selectTab + &quot;-page&quot;).show();}</script><style type='text/css'>.comakauttafb-page, .comakauttafb-tab {-moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; border-right:5px solid #ccc; border-top:3px solid #ccc; border-bottom:3px solid #ccc; border-right:5px solid #ccc}.comakauttafb-page {background:transparent;);margin-top:8px;}#blogger-comments-page {padding:0px 5px;display:none;}.comakauttafb-tab {text-shadow:0px 1px 1px #fff;color:#000;float:right;padding:5px;margin-right:5px;cursor:pointer;background:transparent;);-o-transition:.5sease-out;-moz-transition:.5s ease-out;-webkit-transition:.5s ease-out}.comakauttafb-tab-icon {height:16px;width:16px;margin-right:5px;}.comakauttafb-tab:hover {background:rgba(219,219,219,.8);}.inactive-select-tab {background:rgba(255,255,255,.4);}.inactive-select-tab, .comakauttafb-tab:hover {box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000;-moz-box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000;-webkit-box-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px 1px 5px #000}</style>

 ________________________________________________________________________

اداة اضافة تعليقات فيس بوك

5-قم باختيار اللون الذي يعجبك ليظهر في مدونتك لتعليق الفيس بوك .

6- اضغط على حفظ وتطبيق التغييرات انتهيت من العمل .