معهد خبراء بلوجر

معهد خبراء بلوجر (https://www.bloggerexp.com/index.php)
-   إضافات وأدوات بلوجر (https://www.bloggerexp.com/forumdisplay.php?f=10)
-   -   الطريقة الصحيحة والبسيطة لدمج / إضافة تعليقات بلوجر والفيسبوك جنبا إلى جنب (https://www.bloggerexp.com/showthread.php?t=3216)

admin 08-18-2012 11:42 PM

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

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

http://i1258.photobucket.com/albums/...bookbyside.png

للتجربة الحية :

مدونة تجريبية

شرح التركيب :

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

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

لتحصل على معرف التطبيق + معرف الحساب

من تحرير HTML قم بتوسيع قوالب عناصر واجهة المستخدم وابحث عن :

كود PHP:

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

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

كود:

<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='data:post.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'/> <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='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 floatrightpadding5pxmargin-left3pxcursorpointerbackground-color#f2f2f2;}
.comments-tab-icon height14pxwidthautomargin-left3px;}
.
comments-tab:hover background-color#eeeeee;}
.inactive-select-tab background-color#d1d1d1;} 

ابحث عن <html أضف بعده مباشرة الكود التالي :

كود PHP:

xmlns:fb='http://www.facebook.com/2008/fbml' 



ليصبح الكود هكذا :

كود PHP:

<html xmlns:fb='http://www.facebook.com/2008/fbml' 



الآن ابحث عن وأضف <body> بعده مباشرة الكود التالي مع تغيير معرف التطبيق :

كود PHP:

<div id='fb-root'/>
<
script>
window.fbAsyncInit = function() {
    
FB.init({xfbmltrueappIdمعرف التطبيق });
  };
  (function() {
    var 
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> 



هام : لا أسامح بنقل الموضوع دون ذكر المصدر :mad:
:bloggerexp:
عثمان بن الطالب إذا استفدت من الشرح فلا تبخل علينا بالنقر على زر أعجبني للفيسبوك أسفله.

MoSHkla1 08-19-2012 12:00 AM

رد: الطريقة الصحيحة والبسيطة لدمج / إضافة تعليقات بلوجر والفيسبوك جنبا إلى جنب
 
تسلم يا عثمان واحلى موضوع
يستاهل احلى اعجاب واحلى تقيم وتم التركيب وكلو تمام

وهيقى فى تعديل بسيط فى شكل الصور لو تسمح
ولك كل التحيه

MoSHkla1 08-19-2012 12:10 AM

رد: الطريقة الصحيحة والبسيطة لدمج / إضافة تعليقات بلوجر والفيسبوك جنبا إلى جنب
 
راجع الردود :http://www.bloggerexp.com/showthread.php?t=3177

admin 08-19-2012 02:56 AM

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

المشاركة الأصلية كتبت بواسطة MoSHkla1 (المشاركة 7758)

تم التصحيح أخي :nosweat:

MoSHkla1 08-19-2012 03:07 AM

رد: الطريقة الصحيحة والبسيطة لدمج / إضافة تعليقات بلوجر والفيسبوك جنبا إلى جنب
 
............ تم

MoSHkla1 08-22-2012 11:16 PM

رد: الطريقة الصحيحة والبسيطة لدمج / إضافة تعليقات بلوجر والفيسبوك جنبا إلى جنب
 
عثمان فى مشكله كمان

ولكن فى الصفحات الثابته
تعليقات الفيس بوك مش بتظهر فيها

شوف :: http://moshkla1.blogspot.com/p/elabrag.html

ملاحظه . التعليقات اللى فوق انا ضيفها لوحدها ومش ليها دعوه بالاضافه

seddek 08-23-2012 03:47 AM

رد: الطريقة الصحيحة والبسيطة لدمج / إضافة تعليقات بلوجر والفيسبوك جنبا إلى جنب
 
السلام عليكم اخي انا مركب Disqusوالمشكلة ان تعليقات الفيسبوك تضهر تحت صندوق Disqusوانا اريدها فوق
http://www.arab-teck.com

admin 08-23-2012 03:09 PM

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

المشاركة الأصلية كتبت بواسطة MoSHkla1 (المشاركة 8234)
عثمان فى مشكله كمان

ولكن فى الصفحات الثابته
تعليقات الفيس بوك مش بتظهر فيها

شوف :: http://moshkla1.blogspot.com/p/elabrag.html

ملاحظه . التعليقات اللى فوق انا ضيفها لوحدها ومش ليها دعوه بالاضافه

استبدل الكود التالي الموجود بثاني كود في الموضوع :

كود PHP:

<b:if cond='data:blog.pageType == &quot;item&quot;'

ب :

كود PHP:

 <b:if cond='data:blog.url != data:blog.homepageUrl'


admin 08-23-2012 03:10 PM

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

المشاركة الأصلية كتبت بواسطة seddek (المشاركة 8263)
السلام عليكم اخي انا مركب Disqusوالمشكلة ان تعليقات الفيسبوك تضهر تحت صندوق Disqusوانا اريدها فوق
http://www.arab-teck.com

ضع كود الفيسبوك فوق كود disqus

عاشق النت 08-24-2012 07:12 AM

رد: الطريقة الصحيحة والبسيطة لدمج / إضافة تعليقات بلوجر والفيسبوك جنبا إلى جنب
 
موضوع جامد ، تم التطبيق


الساعة الآن 04:20 PM

Powered by vBulletin® Copyright ©2000 - 2024 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012