كيفية اضافة ابتسامات متحركة بشكل رائع

                                 بسم الله الرحمان الرحيم

اليوم اقدم لكم طريقت اضافت ابتسامات متحركة لحت الزوار على التعليق

طريقة التركيب :
1- الدخول الى قالب
2- ثم تحرير html
3-نبحث عن </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://arblab.googlecode.com/svn/JS/emoticonnya.js' type='text/javascript'/> </b:if> الآن نضيف الكود التالي قبل :]]></b:skin> .emoWrap { position:relative; padding:10px; margin-bottom:7px; background:#fff; background-image: -ms-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%); background-image: -moz-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%); background-image: -o-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%); background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #FFFFFF), color-stop(1, #FFF9F2)); background-image: -webkit-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%); 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; right:10px; border-top:10px solid #860000; border-left:20px solid transparent; width:0; height:0; line-height:0; } وأخيرا نضيف الكود التالي قبل </head> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>