السلام عليكم
لكي تحظى بمدونة ناجحة لازم تتفاعل مع الزوار,هذا التفاعل اما ان يكون عن طريق تعليقات بلوجر أو تعليقات فيسبوك.أغلبية الزائرين يفضلون تعليقات فيسبوك نظرا للانتشار الواسع لموقع فيسبوك و الكل يستعمله,لذلك من المهم جدا أن يكون لديك صندوق تعليقات فيسبوك في مدونتك حتى تتيح للجميع ابداء رأيهم واستفساراتهم حول منشوراتك.
طريقة اضافة صندوق تعليقات فيسبوك الى بلوجر

طريقة تركيب صندوق تعليقات فيسبوك في مدونة بلوجر

1- من لوحة التحكم  >>>  قالب >>> تحرير html .
2- ابحث بواسطة  ctrl+f على :
<div class='comments' id='comments'>
3- ستجده مكرر مرتين ضع تحت كل واحد الكود التالي :
  <div class='comakauttafb-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='تعليقات فيسبوك'><img class='comakauttafb-tab-icon' src='http://2.bp.blogspot.com/-7tOKASmiUzo/UhoTGUakfCI/AAAAAAAAAUc/Xwo4Im3jnt0/s1600/add-b.blogspot1.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='تعليقات بلوجر'><img class='comakauttafb-tab-icon' src='http://1.bp.blogspot.com/-s3pIgC2LYP0/UhoUg2OvDBI/AAAAAAAAAUo/KWjQDYKZQUU/s1600/add-b.blogspot.com.jpg'/> <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='600'/></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>
4- احفظ القالب

طريقة تعديل صندوق تعليقات فيس بوك ليتناسب مع مدونتك

التعديل حسب الارقام في الصورة في الأعلى.
' width='600  :عرض صندوق التعليقات يمكنك تغيير الرقم600 برقم آخر ليتوافق مع مدونتك
1- الرابط الأزرق : رابط صورة تعليقات فيسبوك (انظر رقم 1 في الصورة في الأعلى)
2- الرابط الأخضر: رابط صورة تعليقات بلوجر  (انظر رقم 2 في الصورة في الأعلى)
3- تعليقات فيسبوك و تعليقات بلوجر هي الكلمات التي تظهر عند تمرير الماوس على أيقونات التعليقات
 (انظر رقم 3 في الصورة في الأعلى)

تنبيه : الكود المقدم في الشرح لايظهر تعليقات فيسبوك وبلوجر في آن واحد وانما يظهر التعليقات التي تضغط عليها. فان قمنا بالضغط على تعليقات فيسبوك تظهر تعليقات فيسبوك وصندوق تعليقات فيسبوك وتختفي تعليقات بلوجر وصندوق تعليقات بلوجر والعكس اذا ضغطنا على تعليقات بلوجرأي تختفي تعليقات فيسبوك
اذا أردت ظهور تعليقات فيسبوك وبلوجر معا دون الحاجة الى الضغط على تعليقات فيسبوك أو بلوجر اقرأالشرح التالي:
كلمات مفتاحية

  • تعليقات فيسبوك
  • تعليقات بلوجر
  • فيسبوك
  • بلوجر
  • اضافة تعليقات فيسبوك
  • شرح تعليقات فيسبوك
rydnet

[اذا اعجبك الموضوع هذه روابط النشر]

URL Of Post:



Paste This HTML Code On Your Page:


التعليقات : 21

Iheb Melki
أزال أحد مشرفي المدونة هذا التعليق.
Mohamed Ezz

شكرا على الاضافة
http://www.mtvision.co/

hamza ramzi

العفو اخي الكريم

Faycal Ladjadj

بارك الله فيك
مطوري البرمجيات
http://www.dev4soft.com

hamza ramzi

وبارك فيكم جميعا

المبرمج

شكرااااااااااااا
جزيلااااااا عالابداع
ممكن كيف يتم ارفاق ملفات اوفس وبي دي اف

hamza ramzi

العفو
اين تريد ارفاق هذه الملفات ؟؟؟؟

dahy fouad

اخى انا لما بضيف الاضافة بتاعت الفيس بتظهر صور الفيس لكن لما بضغط عليها مبيظهرش اطار منبثق ذى البوجر رابط مدونتى وهذا مثال http://happyfarmhuckonfacebook.blogspot.com/2014/08/blog-post_17.html

عامر عاشق الانمي.

444444444444

mohamed ismail

اعرف وزنك المثالي بضغطة زر
http://idealweight-calculator.blogspot.com/

achref bel

أخي كيف اضع الادمن في التعليقات

hamza ramzi

اخي لم افهم سؤالك ???

hossam sayed

تسلم
جزاك الله كل خير
http://qesasgamda.blogspot.com/2015/06/mohamed.html
http://qesasgamda.blogspot.com/2015/06/video.html
http://qesasgamda.blogspot.com/2015/06/fwakeh-ghareba.html
http://qesasgamda.blogspot.com/2015/06/tahrim-elmosiqa.html
http://qesasgamda.blogspot.com/2015/06/ramadan-2.html

sami fouad

www.proinfo-24.blogspot.com

sami fouad

www.proinfo-24.blogspot.com

hossam sayed

جزاك الله كل خير
http://qesasgamda.blogspot.com/2015/07/agmal-7adeka-fi-alalam.html

http://qesasgamda.blogspot.com/2015/07/1.html

http://qesasgamda.blogspot.com/2015/07/2.html

http://qesasgamda.blogspot.com/2015/07/3.html

http://qesasgamda.blogspot.com/2015/07/5.html

http://qesasgamda.blogspot.com/2015/07/4.html

Ahmed Fadl

شكرا اخي بارك الله فيك http://egydrop.blogspot.com/

فوزي جمعه
أزال أحد مشرفي المدونة هذا التعليق.
zakaria

http://www.whatsappnumber.cf/

Eslam Teknology

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

نشكرك على الشرح العريق والمفصل

تكنولوجيا اسلام سوفت
http://t5e5s.blogspot.com.eg/
لإنشاء جيل تكنولوجي سليم .

ياسين الميموني
أزال أحد مشرفي المدونة هذا التعليق.

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