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

• معاينة الاضافة:

معاينة

• تركيب الاضافة:

1-اول شيئ قم بي البحث عن ]]></b:skin>  ثم ضع الكود التالي فوقه مباشرة.

img.comment_emo {
    height: auto !important;
    vertical-align: middle !important;
    width:25px !important;
    border:0px !important;
}
.emoji-button {padding:5px;background:#333;color:#fff;cursor:pointer}
.emoji-button:hover {color:#fff;background:#07ACEC}
div.emoWrap {display:none}

2-قم بالبحث عن </head> ثم ضع الكود التالي فوقه 

<script type='text/javascript'>
//<![CDATA[
/* Emoji Emoticon - Created For Comments By Rhinokage Rio - www.wdbloog.blogspot.com */
window.emoticonx=function(){var t=function(t){var m=t||{},o=m.emoRange||"#comments p, div.emoWrap",e=m.putEmoAbove||"iframe#comment-editor",c=m.topText||"اضغط على الشكل حتى يظهر الكود",n=m.emoMessage||"";$(e).before('<div style="text-align:center" class="emoWrap"> :) hihi :( :-) :D ;( ;-( :-d @-) :P :o :&gt;) (o) [-( :-? (p) :-s (m) 8-) :-t :-b  b-( :-# =p~ $-) (y) (f) x-) (k) (h) (c) cheer <br/><b>'+c+"</b><br/>"+n+"</div>");var i=function(t,m,e){$(o).each(function(){$(this).html($(this).html().replace(/<br>:/g,"<br> :").replace(/<br>;/g,"<br> ;").replace(/<br>=/g,"<br> =").replace(/<br>\^/g,"<br> ^").replace(t," <img style='max-height:24px' src='"+m+"' class='emo delayLoad' alt='"+e+"' />"))})};i(/\shihi/gi,"http://twemoji.maxcdn.com/36x36/1f601.png","hihi"),i(/\s:\(+/g,"http://twemoji.maxcdn.com/36x36/1f615.png",":("),i(/\s:\)+/g,"http://twemoji.maxcdn.com/36x36/1f600.png",":)"),i(/\s:-\)+/g,"http://twemoji.maxcdn.com/36x36/1f60f.png",":-)"),i(/\s:D/gi,"http://twemoji.maxcdn.com/36x36/1f603.png",":D"),i(/\s;\(+/g,"http://twemoji.maxcdn.com/36x36/1f61e.png",";("),i(/\s;-\(+/g,"http://twemoji.maxcdn.com/36x36/1f62d.png",";-("),i(/\s:-d/gi,"http://twemoji.maxcdn.com/36x36/1f604.png",":-d"),i(/\s@-\)+/g,"http://twemoji.maxcdn.com/36x36/1f616.png","@-)"),i(/\s:P/gi,"http://twemoji.maxcdn.com/36x36/1f61c.png",":P"),i(/\s:o/gi,"http://twemoji.maxcdn.com/36x36/1f62e.png",":o"),i(/\s:&gt;\)+/g,"http://twemoji.maxcdn.com/36x36/1f606.png",":&gt;)"),i(/\s\(o\)+/gi,"http://twemoji.maxcdn.com/36x36/1f609.png","(o)"),i(/\s\[-\(+/g,"http://twemoji.maxcdn.com/36x36/1f614.png","[-("),i(/\s:-\?/g,"http://twemoji.maxcdn.com/36x36/2753.png",":-?"),i(/\s\(p\)+/gi,"http://twemoji.maxcdn.com/36x36/1f619.png","(p)"),i(/\s:-s/gi,"http://twemoji.maxcdn.com/36x36/1f625.png",":-s"),i(/\s\(m\)+/gi,"http://twemoji.maxcdn.com/36x36/1f620.png","(m)"),i(/\s8-\)+/gi,"http://twemoji.maxcdn.com/36x36/1f60e.png","8-)"),i(/\s:-t/gi,"http://twemoji.maxcdn.com/36x36/1f624.png",":-t"),i(/\s:-b/gi,"http://twemoji.maxcdn.com/36x36/1f634.png",":-b"),i(/\sb-\(+/gi,"http://twemoji.maxcdn.com/36x36/1f635.png","b-("),i(/\s:-#/gi,"http://twemoji.maxcdn.com/36x36/1f637.png",":-#"),i(/\s=p~/gi,"http://twemoji.maxcdn.com/36x36/1f35c.png","=p~"),i(/\s\$-\)+/gi,"http://twemoji.maxcdn.com/36x36/1f4b5.png","$-)"),i(/\s\(y\)+/gi,"http://twemoji.maxcdn.com/36x36/1f44d.png","(y)"),i(/\s\(f\)+/gi,"http://twemoji.maxcdn.com/36x36/1f33a.png","(f)"),i(/\sx-\)+/gi,"http://twemoji.maxcdn.com/36x36/1f60d.png","x-)"),i(/\s\(k\)+/gi,"http://twemoji.maxcdn.com/36x36/1f496.png","(k)"),i(/\s\(h\)+/gi,"http://twemoji.maxcdn.com/36x36/1f44f.png","(h)"),i(/\s\(c\)+/gi,"http://twemoji.maxcdn.com/36x36/2615.png","(c)"),i(/\scheer/gi,"http://twemoji.maxcdn.com/36x36/1f378.png","cheer"),$("div.emoWrap").one("click",function(){n&&alert(n)}),$(".emo").css("cursor","pointer").on("click",function(t){$(".emoKey").remove(),$(this).after('<input class="emoKey" type="text" size="'+this.alt.length+'" value=" '+this.alt+'" />'),$(".emoKey").trigger("select"),t.stopPropagation()}),$(".emoKey").on("click",function(){$(this).focus().select()}),$(document).on("click",function(){$(".emoKey").remove()})};return function(m){t(m)}}();
//]]>
</script>

3-الان ابحث عن الوسم التالي </body> ثم قم بوضع الكود التالي.

<script type='text/javascript'>
            //<![CDATA[
            emoticonx({
              emoRange:"#comments p, div.emoWrap",
              putEmoAbove:"iframe#comment-editor",
              topText:"Click to see the code!"
            });
            //]]>
</script>

4-ابحث عن الوسم قد تجد منه الكثير اخر وسم هو المطلوب ثم تضع الكود التالي فوقه.

<br/>
        <a class='emoji-button buka' title='Emoticon'>الأبتسمات</a><a class='emoji-button tutup' style='display:none' title='Emoticon'>أخفاء الأبتسمات</a>
</p>
<script type='text/javascript'>
$(document).ready(function() {
    $(&#39;.buka&#39;).click(function() {
        $(&#39;div.emoWrap&#39;).show();
        $(&#39;.tutup&#39;).show();
        $(&#39;.buka&#39;).hide();
    });
    $(&#39;.tutup&#39;).click(function() {
        $(&#39;div.emoWrap&#39;).hide();
        $(&#39;.tutup&#39;).hide();
        $(&#39;.buka&#39;).show();
    });
});
</script>

-الكود سكون كما في الصورة يجب وضع كما في الصورة لكي لا تحدث اي مشكلة.

-ركز جيدا في وضع الكود