إضافة إبتسامات كالتي بمدونتي لبلوجر بشكل أكثر إبداعا

السلام عليكم ورحمة الله تعالى وبركاته

أتأسف إخوتي الكرام عن التاخير في التدوين

أتيت لكم اليوم باحد أجمل وأروع الإضافات والأكثر إبداعا

 إضافة إبتسامات كالتي بمدونتي لبلوجر بشكل أكثر إبداعا

والتي لطالما طلبني البعض حول طريقة إضافتها

من مميزات الإضافة

أيقونات متحركة

بشكل جداب وجميل واكثر تناسقا

مع رسالة تذكرك حول كيفية الإستخدام

ظهور الحروف التي تدل على الأيقونة بعد الضغط عليها

وكل ذه مميزات تجعلها اكثر إبداعا من الإصدارات الاخرى

صورة الإضافة

معاينة الإضافة

http://arabetutorial.blogspot.com/2013/02/blog-post_13.html

شرح الإضافة

اولا أدخل إلى لوحة التحكم ثم إذهب إلى قالب ثم التعديل على Html

بعدها إبحث عن الكود التالي

</head>

وضع قبله الكود التالي

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" 

 type="text/javascript"></script>
<script src="https://ivyth.googlecode.com/svn/js/emoticon.min.js" 

 type="text/javascript"></script>

 

ثم إبحث عن الكود التالي

</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>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"عبر عن شعورك باستخدام أيقونات الإبتسامات",
emoMessage:"لعمل إبتسامة إضغط عليها وستجد كود 

الإبتسامة قم بلصقه بتعليق وستظهر بإذن الله"
})
});
//]]>
</script>
</b:if>

يمكنك التعديل على الكلام بالعربي

والسلام عليكم نرجوا تعليقاتكم وشكرا