أضافة الابتسامات التفاعلية لصندوق التليقات لقالب بلوجر

الإبتسامات والرموز من الإضافات  التي تعطي حيوية للتعليقات وقد تحل محل كثير من الكلمات وتعبر بشكل طيب عن بعض ما قد لا تعطيه الكلمات من معاني لكن الان تم تطويرها وهي صورة واحده يتم تجزئتها وهي ذو تصميم مميز و لهذا الامر احضرت لكم الاضافة التي تستطيع تركيبها على اي قالب بسهولة و تعطي جمالية و تفاعل للموضوع وطريقة تركيبها ايضاً سهله ولا تؤثر في سرعة المدونة ويمكنك تركيبها بإتباع التالي

شرح التركيب

قم بالذهاب الى المظهر و اختيار HTML  ثم البحث عن </head>  عن طريق الضغط على  Ctrl + f

سيظهر محرك بحث الصق الكود بداخله  ثم اضغط على Enter  ثم الصق الكواد التالية اعلاها

<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>

و قم بالحفظ و ثم شاهد النتيجة

و شكرا لكم

وفي الختام !

شكرًا لوقتكم واهتمامكم بقراءة موضوع تركيب الابتسامات التفاعلية لقوالب بلوجر . إذا صادفتكم أي مشكلة أثناء استخدام الكود أو كان لديكم أي استفسار، فلا تترددوا في طرحه ضمن التعليقات أو التواصل معنا عبر صفحة الاتصال بنا . ولا تنسوا الانضمام إلى متابعي مدونة هلا تك ليصلكم كل ما هو جديد.