طريقة اضافة الابتسامات اوالرموز التعبيرية لانظمة تعليقات بلوجر

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

السلام عليكم , استخدام الابتسامات " الرموز التعبيرية " في التعليقات اصبح من الامور المنتشرة بين متصفحي الويب خصوصا في مواقع التواصل الاجتماعي كالفيسبوك و التويتر و غيرها من المواقع , وطريقة التعبير باستخدام الرموز او الوجوه في التعليقات هي طريقة رائعة يستطيع المستخدم من خلالها التعبير عن حالته بكل سهولة بواسطة ادراج احد هذه الرموز في تعليقه .

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

طريقة التركيب

نتوجه الى لوحة التحكم في بلوجر > القالب > تحرير HTML ثم نضغط على Ctrl+f ونبحث عن الوسم </head> ونلصق فوقه الكود التالي :

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

بعد ذلك نبحث عن الوسم </body> ونلصق الكود التالي فوقه :

<!-- mudwnp Smily.-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
.emoWrap{position:relative;
padding:10px;
margin-bottom:7px;
background:#fff;
background-image:-ms-linear-gradient(left,#fff 0,#fff9f2 100%);
background-image:-moz-linear-gradient(left,#fff 0,#fff9f2 100%);
background-image:-o-linear-gradient(left,#fff 0,#fff9f2 100%);
background-image:-webkit-gradient(linear,left top,right top,color-stop(0,#fff),color-stop(1,#fff9f2));
background-image:-webkit-linear-gradient(left,#fff 0,#fff9f2 100%);
background-image:linear-gradient(to right,#fff 0,#fff9f2 100%);
border:1px solid #ccc;
-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-size:14px;color:#333}
.emoWrap:after{content:&quot;&quot;;position:absolute;bottom:-10px;right:10px;border-top:10px solid #ccc;border-left:20px solid transparent;
width:0;
height:0;
line-height:0}
</style>
<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://dl.dropboxusercontent.com/s/s7x5nalqkatxtlq/bloggerknown-emo.js' type='text/javascript'/></b:if>

يمكنك تعديل النص باللون الاحمر الى ما يناسبك , بعدها قم بحفظ القالب وبذلك ستظهر الرموز التعبيرية فوق صندوق التعليقات في مدونتك , بحيث يمكنك لزوارك استخدامها عند كتابة تعليقاتهم , واذا واجهتك مشكلة فاكتبها في تعليق فانا في خدمتكم .

ودمتم في حفظ الله ورعايته 👋

الكاتب :

مدون عربي من السودان احب مجال التدوين على منصة بلوجر ولي فيه شغف كبير اعمل في هذا المجال لاكثر من سنة احب ان اشارككم افكاري عبر مدونتي ارشر


اظهر الابتساماتإخفاء