معهد خبراء بلوجر - تركيب تعليقات الفيس بوك و لا أسهل من السهل

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

كود بلغة HTML:

<div class='comments' id='comments'>

سوف تجدها مكررة مرتين
تحت كل واحدة ضع الكود التالي

كود بلغة HTML:

  <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='http://4.bp.blogspot.com/-Tl0N8MDGaw0/UCHXhT9dUwI/AAAAAAAAB-k/3UihVeUEWG0/s1600/FACEBOOK.png'/>

<fb:comments-count expr:href='data:post.url'/> Comments

</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='http://4.bp.blogspot.com/-APHz6xxyC8o/UCHXgOR5KhI/AAAAAAAAB-c/ZJ7xTy_ZXVs/s1600/BLOGGER.png'/> 

<data:post.numComments/> Comments

</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='potter182' 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-left: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:left;padding:5px;margin-right:5px;cursor:pointer;background:transparent;);-o-transition:.5s

ease-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>

و الدي لم تعمل عنده الإضافة يضع قالبه و سوف تركب انشاء الله

و بهدا نكون قد أنهينا من حل مشكلة تعليقات بلوجر