إضافة إيقونات الإبتسامات في تعليقات مدونات بلوجر
السلام عليكم ورحمة الله تعالى وبركاته ،توصلت بعدة رسائل تطلب مني شرح إضافات أيقونات الإبتسامات على تعليقات المدونة ،فها أنا ذا ألبي الطلب بكل سرور ،كما تعلمون أن في بعض الأحيان نحتاج للتعبير عن ما بداخلنا ،لكن الكلمات أحيانا لا تفي بالغرض لذلك سوف نقوم بإضافة أيقونات تعبيرية نستغني بها أحيانا عن الكلام .
سوف نقوم بعمل أيقونات على هذا الشكل
ملاحظة هامة : إذا كنت تستعمل إضافة " تمييز تعليق الكاتب عن الزوار " فهناك إحتمال أن لا تظهر لك الأيقونات عندما تكتبها أنت ،لذلك يجب عليك القيام ببعض التعديلات لإصلاح الأمر ,قم بمعاينة الأداة قبل تطبيق ما يلي
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F ).
سوف نقوم بعمل أيقونات على هذا الشكل
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحرير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 {
طبقت الطرييقه وطلعت بس لما اختار الرمز يطلع بس رمز مو فيس :p
ردحذفالسلام عليكم اختي AroOoja اولآ اشكرك على مرورك العطر ثانيآ بالنسبه للاضافه
ردحذفعليكي باعادة ادخال الكود الاول مره اخرى لانه تم تغيير روابط الرموز
والله جربت بالحررف الوااحد بس مااصااار >.< :) + يسلمووو ع ردكــ السرريع والجمييل :x
ردحذف@AroOojaأظن أن المشكلة في القالب ،على العموم يمكنك أن ترسلي لي قالب مدونتك على الايميل التالي
ردحذفalb33dani@yahoo.com
وسوف اضيفها انشاء الله
لاني طبقت الاضافه على نفس القالب الي انتي تستخدميه واشتغلت
يمكنك المعاينه من هنا
http://al-alshekh.blogspot.com/2012/08/6.html
اخوي الكود الاول لقيت منه اثنين اي واحد
ردحذفالاول هو المطلوب اخي
حذف)0(
ردحذف:>) :>) :>) :>) :>) :>)
حذف=p~
ردحذف:-# :-# :-# :-# :-#
حذف:-t
ردحذف:-t
ردحذفاخي ضبطت معي بس عندما اشغل الفايرفوكس اجدها و عندما اعمل بالقوقل كروم لا اجدها ارجوك اعطيني الحل ساظل شاكرا لك هذا المعروف طوال العمر
ردحذف;-( ;(( ;((
ردحذفأزال المؤلف هذا التعليق.
ردحذفالسلام عليكم
ردحذفاخي جلال كيف اضيف كتابه او رساله او رساله ووو اسفل التدوينة مثل ما انت واضعه اسفل التدوينات الخاصه بك ...
وشكرا ;((
http://www.alb33dani.com/
ردحذفالرموز لم تزهر عندى
ردحذفوكمت بل بحث عن الكود الى كولت على لم اجدوه
:((
ردحذف