الجمعة، 24 أكتوبر 2014

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

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

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

1- من لوحة التحكم  >>>  قالب >>> تحرير html .
2- ابحث بواسطة  ctrl+f على :
<div class='comments' id=''>
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/AVvXsEhCnub_24hKXgSwGxE88kT8JoXeiTRxHqqxkCGomAK7ON0sB4dFbOdHsOs5KQRM9l_HV0Ejl-PGOn5-98U1llUql_E4ldahTua1-qhGhgUwxgLk4g-y_uI7avfdCofgtYBZvlAq1vbxo9FL/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/AVvXsEhk9loWCAh5xJJF4zfRWa1sVm7g54FnrfMqfMKQPSzPXuIgJrV3It_SRY9aYQ2wdHfA6c5lMvlmZ6BLNbn9yFs19va6-wf9oyoc-TPX1Xm1BE0cmfmbrnmKWuisdbcOURgBxCsujMfPtcx2/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>


</b:if><a href='http://01ne.blogspot.com/2014/10/comments.html' ></a>

<a href='http://01ne.blogspot.com/'></a></b:if> 


 <!--Page Navigation Ends -->






4- احفظ القالب

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

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

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

0 التعليقات:

إرسال تعليق