إبحث في موسوعة التدوين

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


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

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

فعند ضغط أحد قراء مدونتك على "مربع الفيس بوك" الموجود في صفحتك. ستظهر لدى جميع أصدقاء هذا القارئ بأنه معجب بمقالتك وعندما يضغط أصدقاؤه على هذا الرابط فسيؤدي إلى المقالة المنشورة في مدونتك التي أعجب بها هذا القارئ. وهي طريقة جميلة جداً لجلب زوار جدد لمدونتك فهذا عصر المدونات وعصر الفيس بوك وعصر التويتر...

وحقيقة نتيجة لإندفاعي الشديد لتوفير هذه الخدمة للمدونين العرب فإني قررت نشره من دون أن أعرض بعض الصور كشكل ولون أزارا المشاركة تلك... وسأقول باختصار أنه متوفر بثلاث أشكال ... ولونين (فاتح وغامق) ... وتستطيع وضعها في أعلى أو أسفل المقالة وكذلك التحكم في مكان ظهور هذا الزر (يمين أو يسار الشاشة). أرجو من الجميع تجربة كافة الخيارات لكي تكون الصورة واضحة في أذهان الجميع. ولكن قبل التجربة أتمنى من الجميع حفظ قالب مدونته الخاصة كي يستطيع العودة إليه مرة أخرى إذا كان لا يجيد تحرير قوالب الـ HTML. 

لا أريد أن أطيل كثيراً وسأدعكم مع هذا الكود ... 

ملحوظة هامة: يرجى تحديث الصفحة من متصفحك عند محاولتك تغيير إحدى هذه الخواص مرتيين متتاليتين... بمعنى لو أنني اخترت اللون الغامق وأردت العودة مرة أخرى إلى اللون الفاتح فيرجى تحديث الصفحة وإعادة اختيار الخصائص من جديد ..




1.   قم باختيار مظهر وخصائص مربع مشاركة المقالات في الفيس بوك من خلال هذا الكود الذي صممته في موسوعة التدوين...



شكل أيقونة المشاركة                                                 


النص الظاهر في للمشاركة للفيس بوك                                   


لون مربع المشاركة                                                         


الخط                                                                     


كيفية تداخل مربع المشاركة مع نص المقالة                                


مكان ظهور أزرار المشاركة في مدونتك                       


طريقة العرض                                                     

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/></div>
</b:if>


2.   انسخ الكود السابق. ومن لوحة تحكم المدونة اضغط على تصميم > تحرير HTML ثم اختر توسيع قوالب عناصر واجهة المستخدم

3.   ابحث عن الكود التالي <data:post.body/> وألصق كود الفيس بوك بعد هذا الكود.


4.   احفظ القالب. وقم بعرضه ستشاهد مربع مشاركة الفيس بوك على مدونتك.


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

هناك 14 تعليقًا:

  1. أخي الفاضل الكود يظهر خارج جسم التدوينه و لم استطع نقله من فضلك حاول معالجة الأمر

    ردحذف
  2. @Ahmed

    آسف أخي فأنا لم أستطع فهم ما تقصده بأن الكود يظهر خارج جسم التدويته...

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

    وشكرا لك

    ردحذف
  3. لقد قمت بمراجعة ظهور المدونة على المتصفحات الأخرى وفهمت قصدك الآن أخ Ahmed ... فالكود يظهر خارج المدونة في متصفحات الفاير فوكس .... بينما تظهر في متصفحات الكروم والأوبرا والاكسبلورر بشكل طبيعي ... وسأحاول حل هذه المشكلة في أقرب فرصة بإذن الله....

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

    وشكرا للجميع

    ردحذف
  4. تم تعديل ظهور الكود في متصفحات الفيرفوكس Firefox ... وقمت بمراجعته عبر كافة المتصفحات الأخرى (النسخة الحديثة لكل متصفح).

    وأرجو من الزوار الكرام إفادتي بوجود أي مشكلة تواجههم خلال نجربتهم لهذا الكود.

    وشكرا لكم

    ردحذف
  5. ماشاء الله عليك ..
    الله يسلمك ياغالي والله ماقصرت لكن الخاصية ما تعمل عندي بحثت عن الكود ولقيت اثنين !!
    جربت احطه فوق اي واحد منهم لكن لا يعمل ..!
    ما الحل ياغالي انتظرك

    ردحذف
  6. @محمد نجد هل تقصد أن في مدونتك أمرين مشابهين للموجود في خطوة رقم 3 ؟؟؟

    ولكي أستطيع تتبع المشكلة معك وحلها إن شاء الله .. أتمنى أن تخبرني بأي رسالة خطأ تظهر لك. وأن ترفق رابط مدونتك.

    ردحذف
  7. الخطأ ان الاكواد غير صحيحه .. هل ارسل لك القالب ياغالي !

    اسف على ازعاجك

    ردحذف
  8. @محمد نجد

    قبل ذلك...

    ماهي رسالة الخطأ التي تظهر لك. لو أنك تستطيع وضعها هنا ..

    ردحذف
  9. تم الحل من طرفك .. تسلم لي اناملك الكريمة ياغالي

    ما قصرت والله

    ردحذف
  10. المدونة رااااااائعة شكرا ليك
    جزاك الله خيرا
    على ما تقدمه من إفادة

    =========

    و برحب بحضرتك في مدونتي المبتدئة

    omgolibeb.blogspot.com

    ردحذف
  11. حياك الله أخي
    و جزاك الله خيرا
    رجاء ، لا أجد عندي
    بحث باستعمال ctrl+f و لكن دون جدوى

    ردحذف
  12. اللي ظهر بس هو كود ( لايك) مفيش صندوق للتعليقات

    ردحذف
  13. السلام عليكم

    ممكن طريقة عمل كود زي الكود اللي انت عامله دة في المدونة

    مثلا أنا عندي أكثر من ناشر وأريد وهم غير خبيرون في الانترنت ولكنهم مدونون جيدون في مجالاتهم .. ومن الصعب تعليمهم على النشر

    أريد أن أضع خيارات كود في مدونة تجعلهم يوضعون خياراتهم والكود يظهر جاهز html

    يعني مثلا

    تكون الخيارات


    الفقرة 1
    الفقرة 2
    الفقرة 3
    الفقرة 4
    الفقرة 5

    صورة 1
    مكانها
    صورة 2
    مكانها
    صورة 3
    مكانها

    لو كان يريد وضع رابط
    الرابط
    الكلام الذي سيظهر على الرابط

    لأن الفكرة المطروحة حاليا أن يتم إرسال المقالات لي وأنا أقوم بتنسيقها..

    ردحذف
  14. السلام عليكم ورحمه الله وبركاته
    انا بهنيك على مدونتك الجد رائعه وكل مواضيعك مفيده جدا جدا جدا لكل الناس
    وباشكر لك مجهودك على هذا العمل الرائعه وباتمنالك التووفيق دوما
    وياريت تشرفنى بزيتره مدونتى المتواضعه واى ملاحظات تقولى فورا واتمنى من حضرتك انك تشوفها وتفيدنى على قدر استاطعتك وجزاكم الله خيرا كثيراااااااااا
    http://modi-business.blogspot.com/

    ردحذف

نتشارك المعرفة والخبرات مع المدونين العرب ... أترك تعليقك ورأيك دعماً منك لنا.