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

اضافة دمج تعليقات الفيس بوك و تعليقات بلوجر جنبا إلى جنب على مدونتك

اهلا و سهلا اعزائي الكرام أقدم لكم

اضافة رائعة لتحسين نتائج مدونتك لأفضل وايضا تحسين مضهرها

هذه الاضافة تجعل تعليق مدونتك تبدو أفضل ونظيفة،من حيث دمج تعليقات الفيس بوك و تعليقات بلوجر 

جنبا إلى جنب على مدونتك, سوف يكون من السهل للزوار التفاعل معك عبر مربع تعليقات بلوجر  

كما أنت متأكد من أن هناك بعض الزوار  الذين قاموا بتسجيل الدخول إلى حسابات الفيسبوك،

 لذلك هم أيضا سوف يكون من الأسهل أن يضيفوا تعليقاتهم عبر الفيس بوك

شرح تركيب الاضافة

1. الدخول إلى لوحة التحكم الخاصة بك على بلوجر

2. تصميم أو تخطيط >> تحرير HTML >>

تحقق من اخد نسخة احتياطية من القالب  

قم ب توسيع القالب ثم ابحث عن هذا الرمز

<div class='comments' id='comments'> 

  

قم باضافة هذا الكود أسفلة مباشرة

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'>
<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(&quot;#blogger-comments&quot;);' title='Comments from Blogger'>
<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 == &quot;item&quot;'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='400'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>

 الآن نبحث عن رمز </head>  ثم ضع هذا الكود مباشرة قبل لأو فوق </head>

<script src='http://connect.facebook.net/en_US/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>

الآن، قم بإضافة التعليمة البرمجية CSS ابحث عن هذا الرمز ]]></b:skin>

 
ووضع هذا الرمز قبله أو فوقه مباشرة

 .comments-page { background-color: #f2f2f2;}#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: right; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
.comments-tab:hover { background-color: #eeeeee;}
.inactive-select-tab { background-color: #d1d1d1;}

قم بحفظ القالب وروح اعرض النتيجة

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