كيفية اضافة الوجوه الضاحكة و الرموز في تعليقاتك في Blogger

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

للقيام بذلك ما عليك سوى اتباع الخطوات التالية:

1. الذهاب إلى لوحة مدونة -> قالب
2. من فضلك! حمل نسخة احتياطية من القالب
3. الآن انقر على تحرير HTML
4. استخدم Ctrl + F لإيجاد </ body>

5. ثم نسخ ولصق فقط فوق / قبل ذلك، هذا الرمز:

<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Click to see the code!",
emoMessage:"To insert emoticon you must added at least one space before the code."
})
});
//]]>
</script>
<script src='https://boyz.googlecode.com/svn/JS/emoticonnya.js' type='text/javascript'/>
</b:if>

ملاحظة: يمكنك تغيير اللون blue مع الكلمات الخاصة بك.

6. الآن الخطوة التالية للعثور على رمز    ]]></b:skin>
7. ثم نسخ ولصق فقط فوق / قبل ذلك، هذا الرمز:

.emoWrap {

  position:relative;

  padding:10px;

  margin-bottom:7px;

  background:#fff;

/* IE10 Consumer Preview */

background-image: -ms-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);

/* Mozilla Firefox */

background-image: -moz-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);

/* Opera */

background-image: -o-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);

/* Webkit (Safari/Chrome 10) */

background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #FFFFFF), color-stop(1, #FFF9F2));

/* Webkit (Chrome 11+) */

background-image: -webkit-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);

/* W3C Markup, IE10 Release Preview */

background-image: linear-gradient(to left, #FFFFFF 0%, #FFF9F2 100%);

  border:3px solid #860000;

  -moz-border-radius:5px;

  -webkit-border-radius:5px;

  border-radius:5px;

  box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);

  -moz-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);

  -webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);

  box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);

  font-weight:normal;

  color:#333;

}

.emoWrap:after {

  content:"";

  position:absolute;

  bottom:-10px;

  left:10px;

  border-top:10px solid #860000;

  border-right:20px solid transparent;

  width:0;

  height:0;

  line-height:0;

}

8. قم بإضافة ارمز أدناه فوق / قبل </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

9. وأخيرا انقر حفظ القالب.