إضافة الإبتسامات Onion Emoticons على مدونات بلوجر

عدد مشاهدات الموضوع:
السلام عليكم ورحمة الله تعالى وبركاته ، بمناسبة شهر رمضان الكريم سوف أقدم لكم إضافة جميلة لمدوناتكم تتيح لكم فرصة التعبير عن مشاعركم و أرائكم بواسطة صور معبرة , والتي تعطي نفسا جميلا لمشاركاتكم ،فكما نعلم أن الصورة أحيانا تكون أكثر تعبيرا من الكلام وحيث أنها تعمل فقط على المتصفح Firefox. من الآن فصاعدا ، عبر كما شئت بهذه الاضافة وكن السباق في تطبيقها والجميل في ذلك هو أن هذه الإبتسامات تصبح مدرجة مع أدوات تأليف الرسائل في مدونتك

وهذه بعض الأمثلة :

 
ما عليك سوى تتبع المراحل الآتية :

  1. قم بفتح المتصفح فاير فوكس ، فإن لم يكن لديك ، حمله من هنا
  2. الآن سوف نقوم بتثبيت برنامج Grease monkey على فايرفوكس وذلك بالضغط على add toFirefox .

3.بعد أن ينتهي التحميل و التثبيت وافق على إعادة تشغيل الفايرفوكس,وسوف تظهر أيقونة رأس قرد فوق ساعة الكومبيوتر في الأسفل.


4.أما الآن يجب تثبيت الكود java script في البرنامج Grease monkey بالضغط هنا .


  1. انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
    قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F).
]]></b:skin>


ثم قم بلصق الكود التالي قبله :


img.emoticon {
padding: 0;
margin: 0;
border: 0;

}



قم بحفظ القالب
والآن لنذهب لمعاينة النتيجة وذلك بالدخول موقع بلوجر وليس بلوجر المسودة و من إرسال--> رسالة جديدة--> تأليف .سوف تظهر الأيقونات الإبتسامة كما هو موضح في الصورة أسفلة ،ولإضافة أحد الابتسامات ، ما عليك سوى نقر على الصورة التي تريد إظهارها.

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

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

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

    ردحذف
  3. Cette astuce ne marche plus, puisqu'il y a un nouveau éditeur de messages, j'avais essayé de trouvé une solution mais sans réussite.

    ردحذف
  4. wé malheureusement cette astuce ne marche pas dans le nouveau éditeur ,j'ai remarqué ce problème dès le début ,mais on peux intégrer les icons dans les messages comme des images , on utilisant windows live messenger writer
    et merci bc soufiane pour votre visite et votre effort pour améliorer cette astuces dans le nouveau éditeur de blogger

    ردحذف
  5. ألف شكر لك حبيبي أبو إياد بس عملت كل شي بس ما صار عندي شي

    ردحذف
  6. إدا كنت تعمل بمحرر الرسائل الجديد مثل الذي يوجد على بلوجر مسودة لن يظهر لك شيئ ، يجب أن تختار محرر النصوص القديم من إعدادات--> تحديد محرر المشاركات -->إختر المحرّر القديم وسوف تظهر لك الأيقونات انشاء الله

    ردحذف
  7. ابو اياد انا عملت نفس خطواتك بس للاسف مظهرش عندي حاجه

    ردحذف
  8. خلاص يا ابو اياد انا عملت اللي انت قلته لاحمد والحمد لله ظهر عندي

    مشكور

    ردحذف
  9. مبروك عليك أخي الكريم وشكرا لك ،أرجوا أن تكون من بين متابعين مدونتنا المتواضعة

    ردحذف
  10. خطير يا أبو إياد وشكرا لك بس عندي أستفسار الآن أنا لمن أختر القديم مكتوب أنه قريبا راح يقفل كيف ؟؟؟؟

    ردحذف
  11. وهذا يعني أن بلوجر سوف تستغني قريبا عن المحرّر القديم وسوف تعتمد على المحرر الجديد مكانه

    ردحذف
  12. الف شكر
    تم التطبيييق

    ردحذف
  13. ممكن سؤااال مهم
    لو ابي ايقونات هم عندي
    كيف اضيفهم

    ردحذف
  14. للأسف الشديد ما نفعت معاي هالطريقة ,,
    نزلت كل شيء ولكن الصقت الكود بس ما أشتغل ؟؟

    ردحذف
  15. @◦•farooosha'
    إدا كنت تعمل بمحرر الرسائل الجديد مثل الذي يوجد على بلوجر مسودة لن يظهر لك شيئ ، يجب أن تختار محرر النصوص القديم من إعدادات--> تحديد محرر المشاركات -->إختر المحرّر القديم وسوف تظهر لك الأيقونات انشاء الله

    ردحذف
  16. @azhar
    أجل أختي الكريم يمكنك إضافة أيقونات أخرى ،لكن يستلزم أن تضيفيها في الكود الذي قمت بتثبيته في المرحلة الرابعة ،أولا قومي بالضغط على صورة رأس القرد بمحادات ساعة الكومبيوتر لتعطيله ثم قومي بتحميل الكود بالضغط على كلمة هنا في المرحلة الرابعة ، سوف يطلب منك تحميل الملف ،ثم قومي بفتح الملف بمححرر النصوص و ورد باد سوف تلاحظين أن هنا عدة روابط للأيقونات ،يمكنك زيادة الأيقونات بنفس الطريقة بعد ذلك قومي بحفظ الملف ورفعه على أحد السيرفرات مثل جوجل سيت ثم قومي بتفعيل صورة القرد وإضغظي على الرابط الجديد الذي رفعته على جوجل سيت سوف تكملين على المرحلة الرابعة ،فإدا إستعصى عليك الأمر ابعتي لي روابط الأيقونات التي تريدين إضافتها في بريدي الالكتروني وأنا سوف أتكلف بالأمر
    camelion20051@hotmail.com

    ردحذف
  17. قريت ردك اخوي والف شكر لك
    بس بسالك انا حملته على مركز تحميل يعني لما فعلت القرد رحت اضغط عليه قالي حفظ الملف ؟؟ وماصار شي في الرموز
    كل شي سيته مثل ماقلت بس ممكن تعطيني الرباط الي احمل عليه
    واسفه ل تعبتك معي

    ردحذف
  18. @azhar

    يمكنك إتباع نفس الطريقة التي شرحت فيها كيفية رفع أيقونات favicon وذلك بإتباعك المرحلة التانية من هنا
    لما حملت الملف ،هل قمتي بالتعديل عليه أم لا باستعمال محررالنصوص word pad ??

    ردحذف
  19. امممم فتحت عالموضوع وحتى سويته وضبط معي : ) بجد انت بطل يعطيك الف عافيه
    بالنسبه للايقونات الحين برفعهم عالموقع واجرب
    ووو ايه عدلت على الملف اضفت ايقونات زياده عن طريق النوته العاديه
    راح اخبرك وش صار معي ,, بجرب وارجع
    والف شككر

    ردحذف
  20. انت بطططططل
    الله يجزااااك الجنه
    ضبط معي
    بجد الف شكرررر

    ردحذف
  21. @azhar
    مبروك عليك أختي ،حقيقة إنك أنت البطلة ،ولم تستسلمي أبدا :)

    ردحذف
  22. الف شكر لك ياابو اياد والله ماقصرت ,,
    بس للأسف حطيت المحرر القديم وكاتبين جنبه راح يتوقف قريبا :(

    ردحذف
  23. @~Lola~
    نعم أختي ،يمكنك الإستفادة من هذه الأداة في هذه الفترة التي لم يحددها بلوجر ،حيث قمت بالمحاولة كثيرا لتعمل بالمحرر الجديد ، لكن بدون جدوى

    ردحذف
  24. يوم ثبته ماطلعتلي النافذه

    ردحذف
  25. @أديبه
    إدا كنت تعملين بمحرر الرسائل الجديد مثل الذي يوجد على بلوجر مسودة لن يظهر لك شيئ ، يجب أن تختار محرر النصوص القديم من إعدادات--> تحديد محرر المشاركات -->إختر المحرّر القديم وسوف تظهر لك الأيقونات انشاء الله

    ردحذف
  26. بارك الله فيك

    تقربا الطريقة فقط للمحرر القديم لبلوجر

    لان الجديد عملتها فيه ولم تنجح

    ردحذف
  27. لم أجد Grease monkey
    أين أجدة لاكني حملت المتصفح

    ردحذف
  28. @Miss,Memo
    سوف تجدين أيقونة عبارة عن رأس لقرد فوق ساعة جهار الكمبيوتر لديك في الأسفل ،إضغط عليه لتفعيله

    ردحذف
  29. غير معرف5:21 م

    أبو إيااد لايوجد سااعة على سطح الكتب

    ردحذف
  30. شكراً جزيلاً الفاضل أبو إياد ..

    هل استطيع إضافة ابتسامات لصندوق التعليقات للزوار ؟!

    وشكراً "

    ردحذف
  31. @سمــآ ..~
    وعليكم السلام ورحمة الله ، حالية لا أتوفر على الإضافة ،لكنني سوف أقوم بشرحها في حين توفرها انشاء الله

    ردحذف
  32. أزال المؤلف هذا التعليق.

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

    ردحذف
  34. لا يعمل معي الرجاء توضيح السبب
    وشكرا

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

    لم تظهر !! ما المشكلة .. اتعت كل الخطوات ...

    و شكرا

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

    أخواني أخي أبو إياد نسي بأن ينوه على شيء , وهو سبب في عدم ظهور الأيقونات :

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

    notebook-ar.blogspot.com

    ردحذف
  37. جدا رآئعة ولكن هناك مشكلة انها لا تظهر الا على المحرر القديم ~
    الأن يوجد مجدد , إنتظر طريقة تركيبه على المحرر المحدث

    ردحذف
  38. يا اخوانى الطريقة لم تفلح معى كيف اسويها لو سمحت

    ردحذف
  39. ارجو الحل بسرعة

    ردحذف
  40. عاشت ايدك اخي

    استفدت كثيراا من هذه المقالة

    ردحذف
  41. غير معرف6:55 ص

    b-(

    ردحذف
  42. مشكوووووور 8-}

    ردحذف
  43. انا عندي فايرفوكسوكملت باقيالخطوات ووضعت الكود بنفس المكان فوق الكود وحفظ ولم تظهر الايقونات اخى الكريم

    ردحذف
  44. فعلا على المحرر القديم اشتغلت خسارة ما يمكن تحديثها او وجود حل او كود
    تحيتي
    ساندرا

    ردحذف
  45. مشكورررررررررررررررررررر...الف الف شكر...

    ردحذف
  46. ماطلعت معي الايقونات

    سويت مثل ماقلت

    ياليت فيه شرح بالصوره كامله

    تحياتي لك

    ردحذف
  47. فعلت جميع الخطوات بدقة ولم تظهر الابتسامات مالمشكلة

    ردحذف
  48. جزاك الله خيرا عدت الى المحرر القديم وظهرت اخيرا

    ردحذف
  49. مشكور اخي الكريم و جزاك الله الف خير
    لكني اتبعت الخطوات بحذافيرها
    و استخدمت التحرير القديم و لكن من دون جدوى
    لم يظهر اي شيء
    rana-robert.blogspot.com

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

    ردحذف
  51. @Rana Robert
    لقد تم ذكر هذه الإضافة في المدونة يمكنك تطبيقها من هنا

    ردحذف
  52. لو سمحت اناا طبقت نفس اللي قلت عليه ومااطلعتلي >.<

    ردحذف
  53. جميل , شكرا لك :D !

    ردحذف

مدونة أبو إياد تصميم بلوجرام جميع الحقوق محفوظة 2016

اعلان مخفى فى الرئيسية