شرح كيفية تركيت إضافة " تعليقات فيسبوك " إلى مدونتك بلوجر بدون أخطاء

السلام عليكم ورحمة الله تعالى وبركاته، في هذا الدرس الجديد من سلسلة  تطوير المواقع، سوف نتعرف على إضافة جد مهمة لأي مدونة، وهي إضافة "تعليقات الفيسبوك" .

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

لإضافة التعليقات يبسبوك إلى مدونتك:
قم بالذهاب إلى لوحة تحكم مدونتك ثم إضغط على قالب ، وتحرير Html ثم متابعة ثم توسيع القالب، بعد ذلك إضغط على CTRL+F وإبحث عن هذا الكود

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

ملاحطة مهمة : سوف تجده مكرر مرتين، لهذا ضع أسفل كل واحد منهما هذا الكود.

==========================================================

  <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/AVvXsEiwwudbRY6SqoWQxyg2lDNO-gqQ6HTjrAlP7N0z_U02h5r6-QjYTWzJdgrQO3WiNtyne_TCQZv10WqLzVZypuxWkVq9fa2EumcrY_TEgm_wFFY5M1MPjrVFMvU6vRKuOzHT-7GdIxg8D2c/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijf10UeOJIvPPAmRj68BQMQgPZkork4o9H78lYj1WReXlSrVR6FILzkp20YUL9uBya8BzZphJVnrL4LsE8JpYjTM5rGuwUHkxdIgIH0ZvcSRadXwOE8RvAbFxlDvuaNh7zfT0Mt-ehUOg/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>

==========================================================
والآن قم بحفظ التغييرات ومبروك عليك الإضافة الجديدة :)

• فيسبوك
• تويرتر
• جوجل +
• لينكدين
واتساب

الكاتب : Unknown

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