menu
attachment
  • الصفحة الرئيسية
  • الأرشيف
  • لديك مشكلة ؟
notifications
حلولي | مدونة تقنية
bannner1
  • عام
  • _مواضيع عامة
  • _مواقع مفيدة
  • _شروحات
  • _رمزيات
  • _الفديوهات
  • قوقل
  • _قوقل كروم
  • _قوقل بلس
  • _قوقل ادسنس
  • ملحقات
  • _صور
  • _ايقونات
  • _خط عربي
  • _خط اجنبي
  • بلوجر
  • _شروحات بلوجر
  • _إضافات بلوجر
  • التقنية والبرمجة
  • _برامج الأندرويد
  • _برامج الأيفون
  • _برامج كمبيوتر
  • إسلاميات
  • _الكل
  • _القرآن كريم
  • _تواقيع اسلامية
  • _اهات صوتية
    10|recentpost
  • حلولي | مدونة تقنية
  • شروحات بلوجر
  • إضافه تعليقات الفيس بوك مدومج مع بلوجر بشكل أحترافي
حلولي
1

إضافه تعليقات الفيس بوك مدومج مع بلوجر بشكل أحترافي

8/13/2014
share
  • ‏المشاركة في Facebook
  • ‏المشاركة في Twitter
  • ‏المشاركة على Pinterest
  • إرسال بالبريد الإلكتروني
  • كتابة مدونة حول هذه المشاركة
settings_overscan print announcement

                                       مرحباً بكم اخواني وزوار المدونة 




لقد قمت بوضع موضوع لـ اطلب اي شرح (درس) في بلوجر وسيتم شرحة بالصور

على اضافات بلوجر فقط جميع الإضافات مميزة هناااا فقط






بطلب من العضو : Conquer expert
لذلك قمنا بشرح التالي 

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

لكن بطريقة جديده وهي من تطويري ( الاضافة متواجده في بعض المدونات) لكنها تفتقر الى التطوير + الشرح الصحيح

اولاً الاضافة لا تناسب كل مدونه فهي بحجم معين ولم يتم شرح للتعديل على الحجم

نحن قمنا بذلك


الاضافة باللغة الانكليزيه 

نحن ترجمناها لتناسب المدونات العربية


وسوف نقوم بالشرح الصحيح للإضافه 

اولاً اذاهب الى لوحة تحكم المدونة 
2- انقر على قالب ثم تحرير HTML
3- ابحث عن
<div class='comments' id='comments'>

سوف تجده مكرر 

ضع تحت كل واحدة الكود التالي

<div class='comakauttafb-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Add Comments via Facebook'><img class='comakauttafb-tab-icon' src='http://4.bp.blogspot.com/-Tl0N8MDGaw0/UCHXhT9dUwI/AAAAAAAAB-k/3UihVeUEWG0/s1600/FACEBOOK.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='Add Comments via Blogger'><img class='comakauttafb-tab-icon' src='http://4.bp.blogspot.com/-APHz6xxyC8o/UCHXgOR5KhI/AAAAAAAAB-c/ZJ7xTy_ZXVs/s1600/BLOGGER.png'/> <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='680'/></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>



الان نأتي الى الشرح 

1-  الذي باللون الاحمر هو العرض غير باللون الرقم فقط ليناسب مدونتك

تستطيع ايضاً تغيير الالون .. 


اضغط حفظ 
والف مبروك 

الشكل الثاني (تطويري)





الكود



<div class='comakauttafb-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Add Comments via Facebook'><img class='comakauttafb-tab-icon' src='http://2.bp.blogspot.com/-7tOKASmiUzo/UhoTGUakfCI/AAAAAAAAAUc/Xwo4Im3jnt0/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='Add Comments via Blogger'><img class='comakauttafb-tab-icon' src='http://1.bp.blogspot.com/-s3pIgC2LYP0/UhoUg2OvDBI/AAAAAAAAAUo/KWjQDYKZQUU/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='639'/></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:2px solid #ccc; border-bottom:2px solid #ccc; border-right:2px solid #ccc}.comakauttafb-page {background:transparent;);margin-top:8px;}#blogger-comments-page {padding:0px 5px;display:none;}.comakauttafb-tab {text-shadow:0px 1px 1px #FFA221;color:#FFA221;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>

طريقة التركيب نفس الطريقة الاولى 

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


وشكراً لكل متايع لي 

دمتم بود

                           المصدر الأصلي : إضافات بلوجر.
                       رابط الموضوع الأصلي :إضافه تعليقات الفيس بوك مع بلوجر

Share This
clear
  • الكاتب حلولي
    حلولي
    مدونة تقنية أنشر كل مايفيد الزائر والمدون .
  • في 8/13/2014
شروحات بلوجر

add_comment إرسال تعليق

  1. حلولي8/13/2014 07:26:00 ص

    ل

    ردحذف
    الردود
      رد
إضافة تعليق
تحميل المزيد...

المتابعون

الأقسام

  • إسلاميات (70)
  • إضافات بلوجر (108)
  • الانستقرام (13)
  • القرآن كريم (7)
  • اهات صوتية (9)
  • ايقونات (18)
  • برامج الأندرويد (45)
  • برامج الأيفون (23)
  • برامج كمبيوتر (18)
  • برودكاست (2)
  • تواقيع اسلامية (18)
  • تويتر (22)
  • حصرى (14)
  • خط اجنبي (36)
  • خط عربي (24)
  • رمزيات (20)
  • شروحات (151)
  • شروحات بلوجر (44)
  • صور (47)
  • فديو (8)
  • فيس بوك (19)
  • قوالب بلوجر (50)
  • قوقل (1)
  • قوقل ادسنس (1)
  • قوقل بلس (11)
  • قوقل كروم (21)
  • كتب (3)
  • مسابقات (2)
  • مميز (3)
  • مواضيع عامة (11)
  • مواقع مفيدة (86)
  • نصائح (2)
  • يوتيوب (45)

من أنا

صورتي
حلولي
عرض الملف الشخصي الكامل الخاص بي

الأكثر زيارة

  • احصل على رابط قروب الواتس اب بطريقة مختصرة
    الأن تستطيع الحصول على رابط
  • طرق عديدة لتحميل مقاطع اليوتيوب فديو او صوت
    اكثر من طريقة لتحميل مقاطع اليوتيوب بدون برامج
  • تواقيع اسلامية بشكل جذاب ورائع
    تواقيع اسلامية بشكل جذاب ورائع
  • مسابقة لربح دومين com لمدة سنة كاملة - انتهت المسابقة
    مسابقة لربح دومين com لمدة سنة كاملة
  • اسهل طريقة لحل مشكلة الاسماء المكرره للأندرويد
    من اسهل الطرق لحل مشكلة الاسماء المكررة بالاندرويد
bannner1

مواقع ندعمها

  • _بلوجر كود
  • ضع موقعك هنا
  • ضع موقعك هنا
  • ضع موقعك هنا
  • #ضع موقعك هنا
  • #ضع موقعك هنا
  • #ضع موقعك هنا
  • facebook
  • youtube
  • twitter
  • pinterest
attachment
  • الصفحة الرئيسية
  • إتفاقية الإستخدام
  • facebook
  • youtube
  • twitter
  • pinterest
عن الموقع حلولي | مدونة تقنية

مدونة تقنية أنشر كل مايفيد الزائر والمدون .

  1. facebook
  2. youtube
  3. twitter
  4. pinterest

روابط مفيدة

  • ضع نص قابل للنقر هنا
  • ضع نص قابل للنقر هنا
  • ضع نص قابل للنقر هنا
  • ضع نص قابل للنقر هنا

أقسام الموقع

إسلاميات (70) إضافات بلوجر (108) الانستقرام (13) القرآن كريم (7) اهات صوتية (9) ايقونات (18) برامج الأندرويد (45) برامج الأيفون (23) برامج كمبيوتر (18) برودكاست (2) تواقيع اسلامية (18) تويتر (22) حصرى (14) خط اجنبي (36) خط عربي (24) رمزيات (20) شروحات (151) شروحات بلوجر (44) صور (47) فديو (8) فيس بوك (19) قوالب بلوجر (50) قوقل (1) قوقل ادسنس (1) قوقل بلس (11) قوقل كروم (21) كتب (3) مسابقات (2) مميز (3) مواضيع عامة (11) مواقع مفيدة (86) نصائح (2) يوتيوب (45)
clear
clear

  • facebook
  • youtube
  • twitter
  • pinterest
حلولي | مدونة تقنية