بسم الله الرحمن الرحيم
السلام عليكم , استخدام الابتسامات " الرموز التعبيرية " في التعليقات اصبح من الامور المنتشرة بين متصفحي الويب خصوصا في مواقع التواصل الاجتماعي كالفيسبوك و التويتر و غيرها من المواقع , وطريقة التعبير باستخدام الرموز او الوجوه في التعليقات هي طريقة رائعة يستطيع المستخدم من خلالها التعبير عن حالته بكل سهولة بواسطة ادراج احد هذه الرموز في تعليقه .
منصة بلوجر توفر امكانية تضمين الرموز التعبيرية في التعليقات , بحيث يستطيع الزائر استخدام هذه الرموز في تعليقه , في هذا المقال نقدم لكم مجموعة كبيرة من الرموز التعبيرية الرائعة و طريقة اضافتها لقالب المدونة بحيث يستطيع زوارك استخدامها .
طريقة التركيب
نتوجه الى لوحة التحكم في بلوجر > القالب > تحرير 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 == "item"'>
<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:"";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>
<b:if cond='data:blog.pageType == "item"'>
<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:"";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>
يمكنك تعديل النص باللون الاحمر الى ما يناسبك , بعدها قم بحفظ القالب وبذلك ستظهر الرموز التعبيرية فوق صندوق التعليقات في مدونتك , بحيث يمكنك لزوارك استخدامها عند كتابة تعليقاتهم , واذا واجهتك مشكلة فاكتبها في تعليق فانا في خدمتكم .
ودمتم في حفظ الله ورعايته 👋
اظهر الابتساماتإخفاء