Cara Memasang Emoticon Di Kotak Komentar Blog - Hallo sahabat asportsfanthoughts, Pada Artikel yang anda baca kali ini dengan judul Cara Memasang Emoticon Di Kotak Komentar Blog, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Blogger, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara Memasang Emoticon Di Kotak Komentar Blog
link : Cara Memasang Emoticon Di Kotak Komentar Blog

Cara Memasang Emoticon Di Kotak Komentar Blog

Cara Memasang Emoticon di Kotak Komentar Blog - Postingan blog dilengkapi dengan kotak komentar yang berfungsi untuk menampung komentar atau pertanyaan dari pembaca. Disinilah terjadi interaksi antara pemilik blog dengan pembaca.

Agar lebih ekspresif, Anda sanggup menambahkan emoticon untuk mengetahui ekspresi pembaca terhadap goresan pena Anda.

Nah, kali ini blog akan menyebarkan tutorial bagaimana cara memasang emoticon pada kotak komentar Blogger.

Baca juga Cara Membuat Read More Otomatis.

Cara Memasang Emoticon Pada Kotak Komentar Blogger

1. Pada dashboard Blogger, pilih Template. Kemudian pilih Edit HTML.

2. Cari aba-aba <b:includable id='comments' var='post'> dengan fitur search (Ctrl+F). Ini merupakan script penyusun bab komentar.

3. Letakkan javascript berikut di dalam script penyusun komentar. Atau lebih mudahnya letakkan sebelum aba-aba epilog </b:includable> saja. Peletakannya silahkan perhatikan gambar di bawah ini.

<script type='text/javascript'>
//<![CDATA[
if (typeof(jQuery) == 'undefined') {
//output the script (load it from google api)
document.write("<scr" + "ipt type=\"text/javascript\" src=\"https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
}
//]]>
</script>

<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>

<b:if cond='data:post.numComments != 0'>
var Items = <data:post.commentJso/>;
var Msgs = <data:post.commentMsgs/>;
var Config = <data:post.commentConfig/>;
<b:else/>
var Items = {};
var Msgs = {};
var Config = {&#39;maxThreadDepth&#39;:&#39;0&#39;};
</b:if>
//<![CDATA[
//Global setting
Config.maxThreadDepth = 6;//Kedalaman tingkat threaded comment
Display_Emo = true;//Tampilkan emoticon? ketik "false" untuk menyembunyikan
Replace_Youtube_Link = true;//Embed video YouTube, ketik "false" untuk mendisable
Replace_Image_Link = true;//Auto replace link image, ketik "false" untuk mendisable.
Replace_Force_Tag = true;//Auto replace virtual tag contoh: [pre] menjadi <pre>, dan [/pre] menjadi </pre>, apabila salah menulis, tidak akan berfungsi
Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),hanya berfungsi apabila Replace_Image_Link=true

//Pengaturan Emoticon
Emo_List = [
':)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDx181XHDfSKcP8m7j28kFbDy15rqo-Sb3-YBr5sYaCV-HnxofBL074L-5Jys8mKG9V6vGvdOmKN2t4fKJiAQeFHaoONEgUPSQRcJm6AHxY_rXfAvefOn9p6D_sFEOvy0O-WG2_YERBlI/s1600/smile1.gif',
':(' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTEDtx-6MhNwhsURNfMPk6wVU8WcY_HRpTGiA9-cHZrtpow4LU77H1Hd5DzkmCT5wcewS_4JF1HZrxTwdawPAAE_JHYsJrZJufLKAhTBZ0UsoQax3wrzEBaf-x3WfMBgMNAYALLaeqCC8/s1600/sad.gif',
'=(' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFaMM6sowsNGxHyYNOl-Cu8EBn7j37NswV2YvLeYxEEhfVE7czJe-Na8MaNNSnS3V5KylKgHYZZUSjLO-Mmuf40cMeW1_pszWXrKLJiTCw9fcbo-z5tzWtft0nX0SghPbvUbRZMQFjlmI/s1600/sadanimated.gif',
'^_^' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYXXJE61K1EW8sKzbAl8uVzHJp6-CtqX9gM_mfHNfx8LhAfKNYaoHsH64noUnawahcleKW8fH-3TICoWJEAztP0LNPWmEs1nVfXOYmIN_dG0TMnfUjKUGjIX4g9VYdFGmu-7CsI73Vacg/s1600/smile.gif',
':D' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQq0Hbzi-OZnb__VLmcVGUjGsjh2WJx11MzA5KrZjVP07fBWvIMznChErmqk6ZmFCYQh0mmkzRNYRtNkpG_ZkPfFe1ram6ce2cvLTMh-zcc3it8LiDihop-PfDKNQTD61EnXwcG86Qe2Y/s1600/icon_smile.gif',
'=D' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWBLZMI9ECQC3AoC_pp8Stn2iq5R2qTDz5nn5IAfh2vjffAeM7-gLfflL82isNvUUIl9clDCnLWifRNouAzixYNjL-fOM1RkD1q-yqHzBPxoUi5LUnfev_KduI5KpWz8AGB_dkFdKpYgM/s1600/hihi.gif',
'|o|' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh54flp2we6EEeqyDt8RI8pqwV865wi3JbmWuy1WmpqFnuquHuj0PYdj1O6OJ9bJmS2qXFw_p4Uw0RIU8w7vLp_mT9QfEz5pFilQfQhU2vqLIDT65XFwUP4t-YR0Zod8ufd03QdRZkMQkc/s1600/applause.gif',
'@@,' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifS51ILizYOr3II6Z_5FQZi1B9SLS0Kj71YD0PRvOyBapywzpfHUUgf4xXuz-sTYvmk7vFt_oseTukL7P_YPOJgsZYPEAHJXHbmjuYwdezfx_NaZj-Vzaokd0nrRGQ84jko6xC9IFUHl0/s1600/rolleyes.gif',
';)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTJ-s1iHxO6_OBn3H6Q1qvpVmZLb2RNxGoJaaQkl2kYIXroA7ZagvYxmZoQDKgRo3iqADgF9eGRNtczBq4NHvhqayHAMc9oxSuaLgcj87IjZKtTUJ_XnGSCdWCiz5SBaTKSrE5D1DFovI/s1600/wink.gif',
':-bd' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2kBRiRKcbEVMrVZZFr1PeOWDu2ZmqmUPi_avJ7DP8HPv8dyWJkNoP9FQK3Qpg2pABS9JtduWiEDQMmso1eSskIXeaecrxBkXNbrPNX-iQaCpBrU7eLlcst8GkVchHMzBRwuQZ43XDEkc/s1600/thumb.gif',
':-d' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje5fDoa5xVQ93k4g4HjCWBLhAEzFdAq85ard8ajw0ON5xv07bWQKdNlJRhdnzwo1GXBAr1WWlw9NJcDCd-DsCUkUqsRS63fomoTnsEGq9beqqQMgVnm8uHo9Qu7Uk2_tEC45WLUueAVvg/s1600/thumbsup.gif',
':p' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5AT0SOoIUoNlBTy1MtrNDnb81CvUrhGyPjS3levAnKLnzPGQnZX4xTY_RAjeyOVmOH7aXvVw7RCjjG1NhhirONnIaljk9uHeZ5x9ZeiOJfCs-QzVpPi4qse7AarCaKt6Oc7inEejzces/s1600/wee.gif',
];


//Config Force tag list, define all in lower case
Force_Tag = [
'[pre]','<pre>',
'[/pre]','</pre>',
'<pre class="brush: plain; title: ; notranslate" title="">','&lt;code&gt;',
'</pre>','</code>'
];

eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3 o=\'.1c\';3 1b=$(\'#O-19\').G(\'A\');u 1l(F){3 1j=\' \\n\\r\\t\\f\\1D\\1G\\1F\\1E\\2l\\2k\\2i\\2f\\2c\\26\\25\\23\\1Y\\1S\\1N\\1L\\1H\\2v\\1M\\2p\\24\\22\\1R\';E(3 i=0;i<F.5;i++){9(1j.d(F.1Q(i))!=-1){F=F.b(0,i);11}}z F}$(\'#1P .1i p\').j(u(y,7){9(1J){3 l=\'1v://13.V.W/1y?v=\';3 8=7.d(l);D(8!=-1){1d=7.b(8);J=1l(1d);3 X=J.d(\'&\');3 N=\'\';9(X==-1){N=J.b(l.5)}Y{N=J.b(l.5,X)}3 1r=\'<1u B="1T" A="1v://13.V.W/1U/\'+N+\'?1V=1" 1W="0" 2w></1u>\';7=7.b(0,8)+1r+7.b(8+J.5);8=7.d(l);9(8==-1){l=\'1Z://13.V.W/1y?v=\';8=7.d(l)}}}9(21){3 Z=\'\';3 s=7;E(3 i=0;i<1w.5;i++){3 l=\'.\'+1w[i];3 m=s.C();3 8=m.d(l);D(8!=-1){k=s.b(0,8+l.5);m=k.C();3 q=\'2h://\';3 w=m.d(q);3 I=\'\';D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}q=\'2n://\';m=k.C();w=m.d(q);D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}9(I==\'\'||k.5<6){11}k=I+k;Z+=s.b(0,8+l.5-k.5)+\'<10 A="\'+k+\'" B="2r"/>\';s=s.b(8+l.5);m=s.C();8=m.d(l)}}7=Z+s}9(1A){3 5=x.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';8=7.d(x[i]);D(8!=-1){7=7.b(0,8)+S+7.b(8+x[i].5);8=7.d(x[i])}}}9(1I){3 5=R.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){D(1){3 s=7.M();8=s.d(R[i]);9(8!=-1){7=7.b(0,8)+R[i+1]+7.b(8+R[i].5)}Y{11}}}}z 7});$(\'.1K\').j(u(y,7){9(1A){3 5=x.5;9(5%2==1){5--}3 12=\'\';E(3 i=0;i<5;i+=2){3 1e=\'<1f>\'+x[i]+\'</1f>\';3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';12+=\'<Q B="1O">\'+S+1e+\'</Q>\'}z 12}});$(\'.1g .1i p\').j(u(i,h){T=h.M();y=T.d(\'@<a U="#c\');9(y!=-1){14=T.d(\'</a>\',y);9(14!=-1){h=h.b(0,y)+h.b(14+4)}}z h});u 1k(g){r=g.d(\'c\');9(r!=-1)g=g.b(r+1);z g}u 1m(g){g=\'&1X=\'+g+\'#%1n\';1o=1b.20(/#%1n/,g);z 1o}u 1p(){j=$(o).j();$(o).j(\'\');o=\'.1c\';$(o).j(j);$(\'#O-19\').G(\'A\',1b)}u 1q(e){g=$(e).G(\'15\');g=1k(g);j=$(o).j();9(o==\'.1c\'){1s=\'<a U="#1t" 27="1p()">\'+28.29+\'</a><a 2a="1t"/>\';$(o).j(1s)}Y{$(o).j(\'\')}o=\'#2b\'+g;$(o).j(j);$(\'#O-19\').G(\'A\',1m(g))}16=2d.2e.U;17=\'#O-2g\';18=16.d(17);9(18!=-1){1x=16.b(18+17.5);1q(\'#2j\'+1x)}E(3 i=0;i<P.5;i++){9(\'1z\'2m P[i]){3 g=P[i].1z;3 1a=2o($(\'#c\'+g+\':L\').G(\'1C\'));$(\'#c\'+g+\' .2q:L\').j(u(y,7){3 H=P[i].15;9(1a>=2s.2t){$(\'#c\'+H+\':L .2u\').1h()}3 K=$(\'#c\'+H+\':L\').j();K=\'<Q B="1g" 15="c\'+H+\'" 1C="\'+(1a+1)+\'">\'+K+\'</Q>\';$(\'#c\'+H).1h();z(7+K)})}}',62,157,'|||var||length||oldhtml|check_index|if||substring||indexOf|||par_id|||html|img_src|search_key|upper_html||Cur_Cform_Hdr||http_search||temp_html||function||find_http|Emo_List|index|return|src|class|toUpperCase|while|for|str|attr|child_id|save_http|yt_link|child_html|first|toLowerCase|yt_code|comment|Items|div|Force_Tag|img_html|temp|href|youtube|com|yt_code_index|else|save_html|img|break|newhtml|www|index_tail|id|cur_url|search_formid|search_index|editor|par_level|Cur_Cform_Url|comment_form|ht|img_code|span|comment_wrap|remove|comment_body|whitespace|Valid_Par_Id|trim|Cform_Ins_ParID|7B|n_cform_url|Reset_Comment_Form|Display_Reply_Form|yt_video|reset_html|origin_cform|iframe|http|Replace_Image_Ext|ret_id|watch|parentId|Display_Emo|comment_emo|level|x5b|x7d|x7c|x5d|u2008|Replace_Force_Tag|Replace_Youtube_Link|comment_emo_list|u2007|u200a|u2006|item|comment_block|charAt|u3000|u2005|comment_youtube|embed|autohide|frameborder|parentID|u2004|https|replace|Replace_Image_Link|u2029|u2003|u2028|u2002|u2001|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|xa0|form_|HTTP|x0b|rc|x3e|x3c|in|HTTPS|parseInt|u200b|comment_child|comment_img|Config|maxThreadDepth|comment_reply|u2009|allowfullscreen'.split('|'),0,{}))

//]]>
</script>

Penjelasan :

1. Teks berwarna hijau merupakan script JQuery. Jika sebelumnya Anda telah memasangnya di blog Anda, silahkan hapus script tersebut.
2. Teks berwarna merah merupakan URL emoticon. Kaprikornus Anda sanggup memasukkan emoticon dari kaskus, yahoo, whatsapp, atau emoticon lain sebanyak mungkin. Jika Anda tidak mengubahnya, maka Anda akan mempunyai emoticon dari Yahoo menyerupai yang saya terapkan di blog ini. Gambar yang diterima berformat JPG, PNG, GIF, dan BMP saja.
3. Teks berwarna biru merupakan aba-aba yang dipakai untuk memanggil emoticon. Misal kalau mengetikkan :D pada kotak komentar, akan bermetamorfosis emoticon sesudah komentar ditayangkan.

4. Untuk menampilkan kotak pilihan emoticon kepada pembaca, silahkan copy aba-aba berikut.

<table border='1' style='width: 500px;'><tbody>
<tr style='text-align:center'>
<td><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDx181XHDfSKcP8m7j28kFbDy15rqo-Sb3-YBr5sYaCV-HnxofBL074L-5Jys8mKG9V6vGvdOmKN2t4fKJiAQeFHaoONEgUPSQRcJm6AHxY_rXfAvefOn9p6D_sFEOvy0O-WG2_YERBlI/s1600/smile1.gif'/><br/>:)</td>
<td><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTEDtx-6MhNwhsURNfMPk6wVU8WcY_HRpTGiA9-cHZrtpow4LU77H1Hd5DzkmCT5wcewS_4JF1HZrxTwdawPAAE_JHYsJrZJufLKAhTBZ0UsoQax3wrzEBaf-x3WfMBgMNAYALLaeqCC8/s1600/sad.gif'/><br/>:(</td>
<td><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFaMM6sowsNGxHyYNOl-Cu8EBn7j37NswV2YvLeYxEEhfVE7czJe-Na8MaNNSnS3V5KylKgHYZZUSjLO-Mmuf40cMeW1_pszWXrKLJiTCw9fcbo-z5tzWtft0nX0SghPbvUbRZMQFjlmI/s1600/sadanimated.gif'/><br/>=(</td>
<td><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYXXJE61K1EW8sKzbAl8uVzHJp6-CtqX9gM_mfHNfx8LhAfKNYaoHsH64noUnawahcleKW8fH-3TICoWJEAztP0LNPWmEs1nVfXOYmIN_dG0TMnfUjKUGjIX4g9VYdFGmu-7CsI73Vacg/s1600/smile.gif'/><br/>^_^</td>
<td><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQq0Hbzi-OZnb__VLmcVGUjGsjh2WJx11MzA5KrZjVP07fBWvIMznChErmqk6ZmFCYQh0mmkzRNYRtNkpG_ZkPfFe1ram6ce2cvLTMh-zcc3it8LiDihop-PfDKNQTD61EnXwcG86Qe2Y/s1600/icon_smile.gif'/><br/>:D</td>
<td><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWBLZMI9ECQC3AoC_pp8Stn2iq5R2qTDz5nn5IAfh2vjffAeM7-gLfflL82isNvUUIl9clDCnLWifRNouAzixYNjL-fOM1RkD1q-yqHzBPxoUi5LUnfev_KduI5KpWz8AGB_dkFdKpYgM/s1600/hihi.gif'/><br/>=D</td>
<td><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh54flp2we6EEeqyDt8RI8pqwV865wi3JbmWuy1WmpqFnuquHuj0PYdj1O6OJ9bJmS2qXFw_p4Uw0RIU8w7vLp_mT9QfEz5pFilQfQhU2vqLIDT65XFwUP4t-YR0Zod8ufd03QdRZkMQkc/s1600/applause.gif'/><br/>|o|</td>
<td><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifS51ILizYOr3II6Z_5FQZi1B9SLS0Kj71YD0PRvOyBapywzpfHUUgf4xXuz-sTYvmk7vFt_oseTukL7P_YPOJgsZYPEAHJXHbmjuYwdezfx_NaZj-Vzaokd0nrRGQ84jko6xC9IFUHl0/s1600/rolleyes.gif'/><br/>@@,</td>
<td><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTJ-s1iHxO6_OBn3H6Q1qvpVmZLb2RNxGoJaaQkl2kYIXroA7ZagvYxmZoQDKgRo3iqADgF9eGRNtczBq4NHvhqayHAMc9oxSuaLgcj87IjZKtTUJ_XnGSCdWCiz5SBaTKSrE5D1DFovI/s1600/wink.gif'/><br/>;)</td>
<td><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2kBRiRKcbEVMrVZZFr1PeOWDu2ZmqmUPi_avJ7DP8HPv8dyWJkNoP9FQK3Qpg2pABS9JtduWiEDQMmso1eSskIXeaecrxBkXNbrPNX-iQaCpBrU7eLlcst8GkVchHMzBRwuQZ43XDEkc/s1600/thumb.gif'/><br/>:-bd</td>
<td><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje5fDoa5xVQ93k4g4HjCWBLhAEzFdAq85ard8ajw0ON5xv07bWQKdNlJRhdnzwo1GXBAr1WWlw9NJcDCd-DsCUkUqsRS63fomoTnsEGq9beqqQMgVnm8uHo9Qu7Uk2_tEC45WLUueAVvg/s1600/thumbsup.gif'/><br/>:-d</td>
<td><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5AT0SOoIUoNlBTy1MtrNDnb81CvUrhGyPjS3levAnKLnzPGQnZX4xTY_RAjeyOVmOH7aXvVw7RCjjG1NhhirONnIaljk9uHeZ5x9ZeiOJfCs-QzVpPi4qse7AarCaKt6Oc7inEejzces/s1600/wee.gif'/><br/>:p</td>
</tr>
</tbody> </table>

5. Carilah keyword comment-form pada HTML template. Kemudian paste-kan aba-aba yang telah Anda copy di bawah aba-aba <div class='comment-form'>. Anda sanggup mengatur sendiri peletakannya, tidak harus terpaku pada tutorial.

6. Save Template.

Sekarang coba cek salah satu postingan Anda, harusnya sudah muncul kotak pilihan emoticon di atas form komentar. Jika peletakannya kotak emoticon (no. 4) kurang sesuai, silahkan sesuaikan.

Jangan lupa juga untuk mencoba emoticon yang telah Anda pasang dengan berkomentar.

Sekian tutorial Cara Memasang Emoticon di Kotak Komentar Blog. Jika masih bingung, silahkan sampaikan pertanyaan Anda pada kotak komentar di bawah.

Demikianlah Artikel Cara Memasang Emoticon Di Kotak Komentar Blog

Sekianlah artikel Cara Memasang Emoticon Di Kotak Komentar Blog kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Memasang Emoticon Di Kotak Komentar Blog dengan alamat link https://asportsfanthoughts.blogspot.com/2019/06/cara-memasang-emoticon-di-kotak.html

Share this post