Share Code Tạo Emoticons Dưới Bình Luận Cho Blogspot

Bước 1: Các bạn thêm đoạn code này vào nơi bạn muốn hiển thị.

<div class='comment_emo_list'> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/H7SWQsD.png'/> <span> :) </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/QydiDcj.png'/> <span> :)) </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/4QpUJ7T.png'/> <span> :D </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/chVQI19.png'/> <span> =)) </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/IUBKZFX.png'/> <span> :( </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/wYq3V4m.png'/> <span> :(( </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/zfqEdJh.png'/> <span> :o </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/ktlACZO.png'/> <span> ^_^ </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/OIechYl.png'/> <span> ^-^ </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/bEMACZ2.png'/> <span> /-f </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/9UL3vL5.png'/> <span> ^.^ </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/QmDOjvi.png'/> <span> /-g </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/oxuCxpe.png'/> <span> ;) </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/sHjwi1T.png'/> <span> -_- </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/uncDMT1.png'/> <span> =_= </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/Hasg5Sz.png'/> <span> /-r </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/h4xKlpM.png'/> <span> -.- </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/UWXDll8.png'/> <span> :p </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/RyqEJmV.png'/> <span> /-o </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/IFRpPun.png'/> <span> /-hi </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/avVQxI0.png'/> <span> /-ok </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/4gZgLxa.png'/> <span> /-clap </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/hCxEamY.png'/> <span> (y) </span> </div> <div class='item'> <img class='comment_emo' src='https://i.imgur.com/tVPSoZY.png'/> <span> (3) </span> </div> </div>
<style> .comment_emo_list{padding:0;margin:0 0 15px;clear:both;float:left}.comment_emo_list .item{float:left;text-align:center;height:40px;width:67.9px;margin:0;padding:10px 0 15px;transition:.33s;border-radius:50px}.comment_emo_list .item:hover{background:#eee}.comment_emo_list .item:hover{user-select:none;-moz-user-select:none;}.comment_emo_list span{user-select:none;-moz-user-select:none;display:block;font-weight:500;font-size:14px;letter-spacing:0;color:#c7c7c7;transition:.33s}img.comment_emo{width:25px;height:25px;pointer-events:none;-webkit-user-select:none}</style> 

 Bước 2: Tìm đến thẻ </body> và thêm đoạn code này vào phía sau nó.

<!-- // emoticon begin // -->
<script>
//<![CDATA[
var copyright="Emoticons & Multimedia for Thread Comment by http://duypham.info",smileys=[
{text:"/-hi",img:"https://i.imgur.com/IFRpPun.png"},{text:"=_=",img:"https://i.imgur.com/uncDMT1.png"},{text:"/-ok",img:"https://i.imgur.com/4QpUJ7T.png"},{text:"/-g",img:"https://i.imgur.com/chVQI19.png"},{text:";)",img:"https://i.imgur.com/oxuCxpe.png"},{text:"^.^",img:"https://i.imgur.com/9UL3vL5.png"},{text:"/-f",img:"https://i.imgur.com/bEMACZ2.png"},{text:"/-r",img:"https://i.imgur.com/Hasg5Sz.png"},{text:"^-^",img:"https://i.imgur.com/OIechYl.png"},{text:"/-clap",img:"https://i.imgur.com/4gZgLxa.png"},{text:"-.-",img:"https://i.imgur.com/h4xKlpM.png"},{text:"/-o",img:"https://i.imgur.com/RyqEJmV.png"},{text:":))",img:"https://i.imgur.com/QydiDcj.png"},{text:":)",img:"https://i.imgur.com/H7SWQsD.png"},{text:":((",img:"https://i.imgur.com/wYq3V4m.png"},{text:":(",img:"https://i.imgur.com/IUBKZFX.png"},{text:":D",img:"https://i.imgur.com/4QpUJ7T.png"},{text:"=))",img:"https://i.imgur.com/chVQI19.png"},{text:":o",img:"https://i.imgur.com/zfqEdJh.png"},{text:"^_^",img:"https://i.imgur.com/ktlACZO.png"},{text:"-_-",img:"https://i.imgur.com/sHjwi1T.png"},{text:"(y)",img:"https://i.imgur.com/hCxEamY.png"},{text:"(3)",img:"https://i.imgur.com/tVPSoZY.png"},{text:":3",img:"https://i.imgur.com/P9wwFyS.png"},{text:":v",img:"https://i.imgur.com/JP7idnE.png"},{text:":V",img:"https://i.imgur.com/JP7idnE.png"},
{text:":p",img:"https://i.imgur.com/UWXDll8.png"}],type_img=["png","PNG","jpg","JPG","jpeg","JPEG","gif","GIF","bmp","BMP"],dp=['Q a=["\\1b\\m\\w\\b\\q\\t\\w\\z\\u\\r\\1r\\r\\1c\\F\\s\\b\\q\\m\\h\\C\\q\\k\\r\\O\\w\\l\\r\\1e\\o\\l\\h\\k\\C\\r\\1H\\w\\m\\m\\h\\z\\b\\r\\E\\N\\r\\o\\b\\b\\B\\R\\n\\n","\\N\\B","\\q\\z\\O\\w","\\t\\w\\m\\m\\h\\z\\b\\W\\o\\w\\s\\C\\h\\l","\\J\\h\\b\\1b\\s\\h\\m\\h\\z\\b\\1v\\N\\1z\\C","\\B","\\J\\h\\b\\1b\\s\\h\\m\\h\\z\\b\\u\\1v\\N\\1e\\k\\J\\1W\\k\\m\\h","\\s\\h\\z\\J\\b\\o","","\\q\\z\\z\\h\\l\\1X\\1e\\1c\\1T","\\q\\b\\h\\m","\\o\\b\\b\\B","\\u\\B\\s\\q\\b","\\o\\b\\b\\B\\R\\n\\n\\v\\v\\v\\M\\N\\w\\F\\b\\F\\E\\h\\M\\t\\w\\m\\n\\v\\k\\b\\t\\o\\1d\\1g\\A","\\o\\b\\b\\B\\R\\n\\n\\v\\v\\v\\M\\z\\o\\k\\t\\t\\F\\k\\b\\F\\q\\M\\t\\w\\m\\n\\z\\J\\o\\h\\1d","\\M","\\q\\z\\C\\h\\T\\1Z\\O","\\u\\F\\E\\u\\b\\l\\q\\z\\J","\\r","\\H","\\H\\E\\l\\n\\L\\H\\E\\l\\n\\L\\H\\q\\m\\J\\r\\u\\b\\N\\s\\h\\A\\p\\m\\k\\T\\W\\v\\q\\C\\b\\o\\R\\1S\\G\\G\\1R\\p\\r\\u\\l\\t\\A\\p","\\p\\n\\L","\\1r","\\H\\E\\l\\n\\L\\H\\E\\l\\n\\L\\H\\q\\O\\l\\k\\m\\h\\r\\v\\q\\C\\b\\o\\A\\p\\1p\\G\\G\\p\\r\\o\\h\\q\\J\\o\\b\\A\\p\\1f\\1Q\\G\\p\\r\\u\\l\\t\\A\\p\\o\\b\\b\\B\\R\\n\\n\\v\\v\\v\\M\\N\\w\\F\\b\\F\\E\\h\\M\\t\\w\\m\\n\\h\\m\\E\\h\\C\\n","\\1d\\l\\h\\s\\A\\G\\p\\r\\O\\l\\k\\m\\h\\E\\w\\l\\C\\h\\l\\A\\p\\G\\p\\r\\k\\s\\s\\w\\v\\O\\F\\s\\s\\u\\t\\l\\h\\h\\z\\L\\H\\n\\q\\O\\l\\k\\m\\h\\L","\\H\\E\\l\\n\\L\\H\\E\\l\\n\\L\\H\\h\\m\\E\\h\\C\\r\\u\\b\\N\\s\\h\\A\\p\\v\\q\\C\\b\\o\\R\\1f\\G\\G\\B\\T\\1P\\o\\h\\q\\J\\o\\b\\R","\\1c\\A","\\1f\\G\\G","\\1p\\G\\G","\\B\\T\\p\\r\\u\\l\\t\\A\\p\\o\\b\\b\\B\\R\\n\\n\\v\\v\\v\\M\\z\\o\\k\\t\\t\\F\\k\\b\\F\\q\\M\\t\\w\\m\\n","\\m\\n","\\s\\n","\\p\\r\\O\\s\\k\\u\\o\\1g\\k\\l\\u\\A\\p\\k\\F\\b\\w\\u\\b\\k\\l\\b\\A\\O\\k\\s\\u\\h\\p\\r\\1N\\F\\k\\s\\q\\b\\N\\A\\p\\o\\q\\J\\o\\p\\r\\v\\m\\w\\C\\h\\A\\p\\b\\l\\k\\z\\u\\B\\k\\l\\h\\z\\b\\p\\r\\b\\N\\B\\h\\A\\p\\k\\B\\B\\s\\q\\t\\k\\b\\q\\w\\z\\n\\T\\W\\u\\o\\w\\t\\1D\\v\\k\\1g\\h\\W\\O\\s\\k\\u\\o\\p\\L\\H\\n\\h\\m\\E\\h\\C\\L","\\b\\h\\T\\b","\\H\\q\\m\\J\\r\\u\\l\\t\\A\\p","\\q\\m\\J","\\l\\h\\B\\s\\k\\t\\h","\\C\\F","\\o\\k\\m\\M"];Q V=[];K=[];I=[];1q=a[0];1w=a[1];1u=a[2];1s=1Y[a[4]](a[3]);c=1s[a[6]](a[5]);D(c){U(x=0;x<c[a[7]];x++){Q 1i=a[8];1o=a[8];P=a[8];d=c[a[10]](x)[a[9]];e=d[a[12]](a[11]);f=d[a[12]](a[13]);g=d[a[12]](a[14]);U(Q i=1;i<e[a[7]];i++){U(Q j=0;j<Z[a[7]];j++){1h=e[i][a[16]](a[15]+Z[j]);D(1h!=-1){V[i]=a[11]+e[i][a[17]](0,1h)+a[15]+Z[j];D((V[i][a[16]](a[18])==-1)&&(V[i][a[16]](a[19])==-1)){1i+=a[20]+V[i]+a[21]}}}};U(Q i=1;i<f[a[7]];i++){1a=f[i][a[16]](a[18]);X=f[i][a[16]](a[19]);D(1a!=-1){K[i]=f[i][a[17]](0,1a);Y=K[i][a[16]](a[19]);D(Y!=-1){K[i]=K[i][a[17]](0,Y)}}S{D(X!=-1){K[i]=f[i][a[17]](0,X)}S{D(i==f[a[7]]-1){K[i]=f[i][a[17]](0,d[a[7]])}}};K[i]=K[i][a[12]](a[22]);K[i]=K[i][0];1o+=a[1x]+K[i]+a[1U]};U(Q i=1;i<g[a[7]];i++){1m=g[i][a[16]](a[18]);1n=g[i][a[16]](a[19]);D(1m!=-1){I[i]=g[i][a[17]](0,1m);1j=I[i][a[16]](a[19]);D(1j!=-1){I[i]=I[i][a[17]](0,1j)}}S{D(1n!=-1){I[i]=g[i][a[17]](0,1n)}S{D(i==g[a[7]]-1){I[i]=g[i][a[17]](0,d[a[7]])}}};1k=I[i][a[17]](0,2);I[i]=I[i][a[17]](2,I[i][a[7]]);P+=a[1V];D(1k==a[1t]){P+=a[1O]}S{P+=a[1J]};P+=a[1A];D(1k==a[1t]){P+=a[1y]}S{P+=a[1B]};P+=I[i]+a[1M]};U(Q y=0;y<1l[a[7]];y++){d=d[a[1K]](1l[y][a[1L]],a[1I]+1l[y][a[1E]]+a[21])};D(1G==1q+a[1F]+1w+a[1C]+1u){c[a[10]](x)[a[9]]=d+1i+1o+P}}};',"|","split","||||||||||_0xf28e|x74||||||x65|||x61|x72|x6D|x2F|x68|x22|x69|x20|x6C|x63|x73|x77|x6F|||x6E|x3D|x70|x64|if|x62|x75|x30|x3C|nct|x67|youtube|x3E|x2E|x79|x66|a3|var|x3A|else|x78|for|img|x2D|aft_y2|aft_y3|type_img|||||||||||aft_y1|x45|x4D|x3F|x54|x33|x76|dot_png|a1|aft_nct3|m_l|smileys|aft_nct1|aft_nct2|a2|x34|cbef|x26|cL|26|cbef3|x42|cbef2|23|30|x49|29|31|38|x6B|35|37|copyright|x43|34|28|36|33|32|x71|27|x3B|x32|x25|x31|x4C|24|25|x4E|x48|document|x4F|||","","fromCharCode","replace","\\w+","\\b","g"];eval(function(a,i,o,m,e,p){if(e=function(a){return(i>a?dp[4]:e(parseInt(a/i)))+(35<(a%=i)?String[dp[5]](a+29):a.toString(36))},!dp[4][dp[6]](/^/,String)){for(;o--;)p[e(o)]=m[o]||e(o);m=[function(a){return p[a]}],e=function(){return dp[7]},o=1}for(;o--;)m[o]&&(a=a[dp[6]](RegExp(dp[8]+e(o)+dp[8],dp[9]),m[o]));return a}(dp[0],62,127,dp[3][dp[2]](dp[1]),0,{}));
//]]>
</script>