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

بسم الله الرحمن الرحيم
والصلاة والسلام على خير خلق الله سيدنا محمد عليه أفضل الصلاة واتم التسليم
السلام عليكم ورحمة الله وبركاته .

  إضافة لتصفح أفضل ننصكم بأحد المتصفحين التالين Chrome/Firefox.
إضافة جميــلة صممتها بنفسي متناسبة مع جميع القوالب اضفت عليها بعض التأتيرات كي تصبح أفضل ان شاء الله تعجبكم.

  صورة لإضافة

  طريقة التركيب
ابحث عن 

</body>

وضع قبلها مباشرة (فوقها) الكود التالي

<b:if cond='data:blog.pageType == &quot;item&quot;'><script type='text/javascript'>//<![CDATA[jQuery(document).ready(function () {emoticonx({emoRange:"#comments p, div.emoWrap",putEmoAbove:"iframe#comment-editor",topText:"إضغط على الابتسامة لظهور الكود الخاص بها",emoMessage:"لإدراج تعبيرات الوجه يجب إضافة ما لا يقل عن مسافة واحدة قبل الرمز."})});//]]></script>
<script src='https://addblogger.googlecode.com/svn/JS/emoticonnya.js' type='text/javascript'/>
</b:if>

ثم قم بالبحث عن ]]></b:skin>

** والصق الكود التالي قبله مباشره (فوقه)** 

.emoWrap {

position: relative;

padding: 10px;

margin-bottom: 7px;

background: #FFFCF9;

border: 3px solid #FF5C00;

outline: 2px solid #000;

font-weight: normal;

color: #000000;

line-height: initial;

font: normal 15px GE ss Two light;

text-shadow: 0px 0px 1px #FF7A00;

}

وأخيرا نضيف هذا الكود قبل وسم </head>

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