02-13-2014, 05:12 PM
|
#1
|
|
مدون نشيط
تاريخ التسجيل: Feb 2014
المشاركات: 124
|
اضافة تعليقات الفيس وبلوجر - اضافات بلوجر 2014
السلام عليكم ورحمة الله وبركاتة
اقدم لكم اليوم اضافة تعليقات الفيس بجوار بلوجر في نفس النافذة مع الاستبدال
بشكل سهول وبشكل انيق الطريقة بسيطة تحتاج تركيز :
الشرح
افتح صفحة القالب ثم تحرير HTML ثم ابحث عن : <div class='comments' id='comments'>
واضف بعده الكود التالي :
كود PHP:
<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='أضف تعليقك عن طريق الفيسبوك'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
<fb:comments-count expr:href='data:post.url'/> تعليقات
</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='أضف تعليقك عن طريق بلوجر'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> تعليقات
</div><div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='580'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
والأن أبحث عن : </head>
واضف أعلاه الكود التالي :
كود PHP:
<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) {$(".comments-tab").addClass("inactive-select-tab");$(selectTab).removeClass("inactive-select-tab");$(".comments-page").hide();$(selectTab + "-page").show();}</script>
اضف معرف حسابك بصفحة مطورين الفيس بوك ليتم تفعيل التعليقات
وابحث عن : ]]></b:skin>
وأضف قبله الكود التالي :
كود PHP:
.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;}
ابحث عن : <html
واضف بداخله الكود التالي : xmlns:fb='http://www.facebook.com/2008/fbml'
ليصبح بهذا الشكل :
<html xmlns:fb='http://www.facebook.com/2008/fbml'
ثم ابحث عن : <body>
واضف اسفله الكود التالي :
كود PHP:
<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>
واضف هنا ايضا معرف الحساب مرة اخري واحفظ العمل
__________________
|
|
|