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

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

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:


التعليقات : 19

Unknown

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

حمزة رمزي

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

trtur

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

حمزة رمزي

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

Unknown

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

حمزة رمزي

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

Modaht

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

Unknown

444444444444

Unknown

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

Unknown

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

حمزة رمزي

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

Hassan 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

fouad

www.proinfo-24.blogspot.com

fouad

www.proinfo-24.blogspot.com

Hassan 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 Hamdy

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

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

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

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