شرح بالتفصيل إضافة صندوق تعليقات الفيس بوك لمدونتك ~ محمد الكويفي

Change Language

لا خير في دراسة وعلم ونبوغ، اذا لم يصاحبه تقوى وعمل..

2014/05/25

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

              Facebook
                Youtube
 تواصل معي عبر مواقع التواصل
Facebook logoTwitter logoGoogle+ logoForward logo


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

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

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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVzC_uK60qfjRUeMGVzVxHWx8LnUUgJDx1BUxkA7XsvX5DIUHtTHFXTT3h2ypKv5wDu5nQcqi8K62IHWp7KH7FG0tMVjbRSPoMBqQ-fUIH7Zdgy0dzlvYGq3WoqLVC-8cL8heJKesut9cv/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtDjJxckCwt6Ko5K76mKxP0ejI15dEeMUoRZXKkDDTGMMnQs5987si8sk499LPmHEdPMvZyKOE2FSIdg3kdDTYh6Y_k7HG0KCaKUxb7MAIawmiOcNzI3a93tVA4LQkRXi4V55M84xMfZil/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 في الصورة في الأعلى)

المصدر:رياض بلوجر





التعليقات
0 التعليقات

0 الردود:

إرسال تعليق

شكرا لك
بصراحة استفدت كثيرا من هذه التدوينة
ان شاء الله في ميزان حسناتك