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

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

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



انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F ).
 <b:if cond='data:post.embedCommentForm'>
ثم قم بلصق الكود التالي بعده :
<div style='background:#F8F8FF; border:2px solid #F0F0F0; display:block; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;text-align:center; direction:ltr;  color:#FE6000;'><b>
<img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%2839%29.png' width='50'/> :))<a href='http://www.nuancier-peinture.org' style='display:none;'>Blogger</a><img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%282%29.png' width='50'/> ;))
<img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%2828%29.png' width='50'/> ;;)
<img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%2813%29.png' width='50'/> :D<a href='http://www.nuancier-peinture.org' style='display:none;'>Blogger</a><img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%2835%29.png' width='50'/> ;)
<img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%284%29.png' width='50'/> :p
<img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%2817%29.png' width='50'/> :((
<img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64.png' width='50'/> :)
<img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%286%29.png' width='50'/> :(<a href='http://www.nuancier-peinture.org' style='display:none;'>Smiley</a><img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%2814%29.png' width='50'/> =((
<img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%2824%29.png' width='50'/> =))<img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%2821%29.png' width='50'/> :-*<img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%2820%29.png' width='50'/> :x<img border='0' height='50' src='https://sites.google.com/site/lightbox007/emoticon/64%2819%29.png' width='50'/> b-(<img border='0' height='50' src=' https://sites.google.com/site/lightbox007/emoticon/64%281%29.png' width='50'/>:-t<img border='0' height='50' src=' https://sites.google.com/site/lightbox007/emoticon/64%2822%29.png' width='50'/>8-}</b></div> 
الآن قم بالبحث عن هذا الكود :
</body>
ثم قم بوضع الكود التالي قبله :
<script src='http://abu-iyad.googlecode.com/files/abuiyadSmiley.js.txt' type='text/javascript'/><noscript><a href='http://www.abu-iyad.com/2010/12/blogger-onion-head-smileys.html'>Onion</a><a href='http://www.nuancier-peinture.org'>smiley</a></noscript>
وأخيرا قم بحفظ القالب  .

ملاحظة هامة : إذا كنت تستعمل إضافة " تمييز تعليق الكاتب عن الزوار " فهناك إحتمال أن لا تظهر لك الأيقونات عندما تكتبها أنت ،لذلك يجب عليك القيام ببعض التعديلات لإصلاح الأمر  ,قم بمعاينة الأداة قبل تطبيق ما يلي

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
 قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F ).
<b:if cond='data:comment.adminClass == data:post.adminClass'>
<dd class='blog-author-comment'>
ثم قم ببإستبداله بهذا الكود :
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
بعد ذلك ، إبحث عن هذا الكود :
.blog-author-comment {
 ثم قم ببإستبداله بهذا الكود :
.comment-body-author {
 وأخيرا قم بحفظ القالب  .

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

  1. طبقت الطرييقه وطلعت بس لما اختار الرمز يطلع بس رمز مو فيس :p

    ردحذف
  2. السلام عليكم اختي AroOoja اولآ اشكرك على مرورك العطر ثانيآ بالنسبه للاضافه
    عليكي باعادة ادخال الكود الاول مره اخرى لانه تم تغيير روابط الرموز

    ردحذف
  3. والله جربت بالحررف الوااحد بس مااصااار >.< :) + يسلمووو ع ردكــ السرريع والجمييل :x

    ردحذف
  4. @AroOojaأظن أن المشكلة في القالب ،على العموم يمكنك أن ترسلي لي قالب مدونتك على الايميل التالي
    alb33dani@yahoo.com
    وسوف اضيفها انشاء الله
    لاني طبقت الاضافه على نفس القالب الي انتي تستخدميه واشتغلت
    يمكنك المعاينه من هنا
    http://al-alshekh.blogspot.com/2012/08/6.html

    ردحذف
  5. اخوي الكود الاول لقيت منه اثنين اي واحد

    ردحذف
    الردود
    1. الاول هو المطلوب اخي

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

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

    ردحذف
  8. السلام عليكم
    اخي جلال كيف اضيف كتابه او رساله او رساله ووو اسفل التدوينة مثل ما انت واضعه اسفل التدوينات الخاصه بك ...
    وشكرا ;((

    ردحذف
  9. http://www.alb33dani.com/

    ردحذف
  10. الرموز لم تزهر عندى
    وكمت بل بحث عن الكود الى كولت على لم اجدوه

    ردحذف