طريقة إضافة الإبتسامات إلى صندوق تعليقات Blogger

من الجميل أن تتفاعل مع زوارك بواسطة الوجوه التعبيرية فالكل يعرف أن الكتابة ليست كالكلام ! لذلك تم إختراع ما يسمى بالوجوه التعبيرية لتعبر عن حالة الشخص أثناء كتابة شي ما , لن أطيل عليكم بثرثرتي , في درسنا اليوم سنتعلم طريقة إضافة إبتسامات إلى صندوف التعليقات الخاص بـ Blogger .

مثال :

الخطوة الأولى : التوجه إلى تبويبة "تصميم" وإختيار "تحرير HTML" لا تخف الدرس سهل ولا يحتاج خبرة في الـ HTML ما عليك سوى تطبيق الدرس خطوة بخطوة :

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

الخطوة الثالثة : إضغط على الزرين (( Ctrl + F )) للبحث عن الكود التالي :

<b:if cond='data:post.embedCommentForm'>

الخطوة الرابعة : إضافة الكود التالي بعد الكود السابق مباشرة :

<div style='background:#F8F8FF; border:2px solid #EDEDED; display:block; padding: 1px 1px 1px 1px; margin: 1px 3px 1px 3px;text-align: center; direction:ltr; color:#ccc;'> <b> <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :)) <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;)) <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;) <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;) <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :(( <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :) <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :( <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =(( <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/ <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-* <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :| <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-} <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)] <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x( <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-( <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x( <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =)) </b> </div>

الخطوة الخامسة : إضغط على الزرين (( Ctrl + F )) للبحث عن الكود التالي :

</body>

الخطوة السادسة : إضافة الكود التالي قبل الكود السابق مباشرة :

<script src='http://www.opendrive.com/files/19101632_v5PoM/smiley.js' type='text/javascript'/><noscript><a href='http://hashem-b.com' target='_blank'><span style='font-size: x-small;'>Add Smilies</span></a></noscript>

الآن نقوم بحفظ القالب .

تمنياتي للجميع بالتوفيق , في حال وجود أية إستفسارات فلا تترددوا بإدراجها في التعليقات .

التصنيف :