السلام عليكم ورحمة الله وبركاته


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




صورة بعد تطبيق الشرح طريقة :



شرح طريقة التركيب install :

قم بأخذ نسخة احتياطية وقم بحذف أي كود code متعلق بتعليقات الفيسبوك إذا كنت تستخدمها

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


تابع الشرح طريقة
'
من تحرير HTML وابحث عن

رمز Code:
<div class='comments' id='comments'>

طريقة البحث Ctrl + f

قد تجد أكثر من واحد المهم أضف بعد كل واحد الكود code التالي :


رمز Code:
<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;' title='أضف تعليقك عن طريق الفيسبوك'> <img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/> <fb:comments-count expr:href='dataost.url'/> تعليقات </div> <div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;' title='أضف تعليقك عن طريق بلوجر'> <img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <dataost.numComments/> تعليقات </div><div class='clear'/> </div> <div class='comments-page' id='fb-comments-page'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='fb-root'/> <fb:comments expr:href='dataost.url' num_posts='2' width='580'/> </b:if> </div> <div class='comments comments-page' id='blogger-comments-page'>

الآن ابحث عن

رمز Code:
</head>
وأضف قبلها الكود code التالي مع تغيير معرف الحساب :

رمز Code:
<script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/> <script src='http://code.jquery.com/jquery-latest.js'/> <meta content='معرف الحساب' property='fb:admins'/> <script type='text/javascript'> function commentToggle(selectTab) { $(&quot;.comments-tab&quot.addClass(&quot;inactive-select-tab&quot; $(selectTab).removeClass(&quot;inactive-select-tab&quot; $(&quot;.comments-page&quot.hide(); $(selectTab + &quot;-page&quot.show(); }</script>
الآن ابحث عن

رمز Code:
]]></b:skin>
وأضف قبلها :

رمز Code:
.comments-page { background-color: #f2f2f2;} #blogger-comments-page { padding: 0px 5px; display: none;}.comments-tab { float: right; padding: 5px; margin-left: 3px; cursor: pointer; background-color: #f2f2f2;}.comments-tab-icon { height: 14px; width: auto; margin-left: 3px;} .comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;}
ابحث عن

رمز Code:
<html
أضف بعده مباشرة الكود code التالي :

رمز Code:
xmlns:fb='http://www.facebook.com/2014/fbml'

الآن ابحث عن وأضف

رمز Code:
<body>
بعده مباشرة الكود code التالي مع تغيير معرف التطبيق :

رمز Code:
<div id='fb-root'/> <script>window.fbAsyncInit = function() { FB.init({xfbml: true, appId: معرف التطبيق }); }; (function() { var e = document.createElement('script'); e.async = true;e.src = document.location.protocol + '//connect.facebook.net/ar_AR/all.js' document.getElementById('fb-root').appendChild(e); }());</script>




مبروك كل شئ تمام


يمكنكم رؤية المزيد على مدونتي
مدونة blog كنز المحترف






©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©