Tutorial Membuat Emoticon di Kotak Komentar Blog
Hai Halo sobat, tumben tumbenan jiwaku pengen banget update blog :)
Postingan kali ini Tutorial Membuat Emoticon di Kotak Komentar Blog
Pasti sobat semua tau ya apa itu Emoticon di Kotak Komentar Blog
ini sangat bagus untuk memperindah blog kita
Membuat Emoticon di Kotak Komentar Blog sangat mudah, simak baik baik sobat
1. Settelah login di blogger.com Pada dashboard Blogger, pilih Template, Kemudian pilih Edit HTML.
2. Cari kode <b:includable id='comments' var='post'> dengan fitur search (Ctrl+F), ini merupakan script penyusun bagian komentar ya.
3. Letakkan script berikut di dalam script penyusun komentar. Atau lebih mudahnya letakkan sebelum kode penutup </b:includable> ya.
<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 = {'maxThreadDepth':'0'};
</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/AVvXsEhKqs3IgDCxVNgIpDui89YalzvaZ7i0Cl6djEWQY6jHigt9rFcP_cSGfvQb-ReUmyNWShcuNp51X75WvcZtnIiVo-GssVj2e6oDtFRsr2PXvr1zx7i-GkKfac4a1CqoTVQuucZfJ1T6Mv4/s1600/smile1.gif',
':(' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie6DTUbCDiIfWxiUL3ge-lErRPkYpl3PTcFHvCE319CpDgQPHT3Y6tG8Q_4acUD_E1_8NdhhDqBBp6tnmJ3OU4S5h4-LoeVZw45JmvVpAh8RTZH8I1E66wi4fbQMAX40WlHZMRyckhElU/s1600/sad.gif',
'=(' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO9OOiVN_muzcoOKovdwLUNlZuW1qFlWxMk3Rgmij5ulZ98S7yidBWK6G7rMK8b7Fr2nIjygqiJGE78gGADv-UYdb-7dQER-BHWkG36i6XhCTjYkhiwr6RiuLPnqXeP7bOK9l-ZkH3Ouc/s1600/sadanimated.gif',
'^_^' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGo5midnfg1tFn68gYJxkvbdHUhf-PE8ThNIue2_oxCsum9O4uxD3q8_ncZBAUTLDDOpHAkPeLDM5ZBUqMw45nSYSuvZyZ6ELjqlzSxfzjKBqrY6mVJ_j0-vSw2Zkm_TazcPbluUK2xi4/s1600/smile.gif',
':D' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA8TRiSR4y_Tdfls0nrO437LeHn1W-erP3FbR5sEg_DEjj6FOWwoWttRaCFdbIVHj9sIFTU9yhL5ZSeJc78XJseIO_X4zjh29T-PKsIsoh6r2THBwh9vzS00C6CPP0-HdtnRNak0xN9hM/s1600/icon_smile.gif',
'=D' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxkQsNUhzIm5oBMGcczcfeHSTBaU3DJ3VLQGreP7Auj45Esnw4kwIb2bZceX_IDgvt9Lznc1e9e9h5wLoM5Nm_cbML9aEAUkk8QfR6aFaFT-ht_QMiP_DLI0_dPWXoYDFEkD7h2f76pPk/s1600/hihi.gif',
'|o|' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCIN8NvpMNhzXLqxSNnGVjHZjvfOLGieHVJMHqjzbzGeyrB-s7AdDWksCGs8jtBmA1cS8hoOOBxVIgMIH6d9xiYr6hwcdybjk7r3W92e7-3m5EkN_cJ035dJbGF8ZunSmbLu2k7sevclY/s1600/applause.gif',
'@@,' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqbD-V4105LGpSDf5SanpVi9lfORH1AQPlE8oE1pMoQaYIHX0OKDp3fhwiBNivU4b4JOEwTFk2NBSDyFrO_P7nYokt8ne42MrT4MdbBXCzpGvFot9SjRbYSevUUVo_dOizjGWkJ-2cecE/s1600/rolleyes.gif',
';)' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBVQKuzMws5RaTgZCTARaAJE46pi8p-7Ss053H6S4R0NlAJD3pY7qYsuIdX09G1re63GQ4DMvLDoFFbnitOOlRDSWleoRSS0G91_gfK0Ov4uYxjdl2Dgql_V0BqXjO9WFL_A1syx45ekc/s1600/wink.gif',
':-bd' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSBkQtzY-A4C3aXabge7EfnD8fu6eGK6TSoUxkiM1JVnSQHcT-iLDobvxmOamjhUB-lyILaHt-v25-EVy46AXvtKCvXImPapFDVQ_RYDDcDHWeHyJo3rncYtdiD8TH9Mc79JpqHibOhOc/s1600/thumb.gif',
':-d' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEher1R3wS4RWlzxyIP18Sv7xosTM_hwCvhf2COfORAsiWFNqPY8AQr0266WxPyppP74VkSpB2ZlnkdpbvuQAJkxtPBUlB8x_8eeB-2VzYugtebC37yxtlqiHrgM3jE6BLFPQpJcwtxUw3Q/s1600/thumbsup.gif',
':p' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEAqQiwBE90KEqFS0XD-q984tnnQPCwF884Ld3smQTv1kyBwyAaR58oulsbGUUZ3R8Q3Ekv0eW5t8Wg86ASta6rMP7RnLGGotw5_jET5MbCxXOAlKb2_q3o6yGC1f9LrUKUc7Gbm_VTMk/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="">','<code>',
'</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 :
Teks berwarna hijau merupakan script JQuery. Jika sebelumnya Anda telah memasangnya di blog Anda, silahkan hapus script tersebut sobat.
Teks berwarna merah merupakan URL emoticon. Jadi Anda dapat memasukkan emoticon dari kaskus, yahoo, whatsapp, atau emoticon lain sebanyak mungkin. Jika Anda tidak mengubahnya, maka Anda akan memiliki emoticon dari Yahoo seperti yang saya terapkan di blog ini. Gambar yang diterima berformat JPG, PNG, GIF, dan BMP ya.
Teks berwarna biru merupakan kode yang digunakan untuk memanggil emoticon. Misal jika mengetikkan :D pada kotak komentar, akan berubah menjadi emoticon emoticon tertawa setelah komentar ditayangkan ya.
4. Untuk menampilkan kotak pilihan emoticon kepada pembaca, silahkan copy kode berikut.<table border='1' style='width: 500px;'><tbody> <tr style='text-align:center'> <td><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKqs3IgDCxVNgIpDui89YalzvaZ7i0Cl6djEWQY6jHigt9rFcP_cSGfvQb-ReUmyNWShcuNp51X75WvcZtnIiVo-GssVj2e6oDtFRsr2PXvr1zx7i-GkKfac4a1CqoTVQuucZfJ1T6Mv4/s1600/smile1.gif'/><br/>:)</td> <td><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie6DTUbCDiIfWxiUL3ge-lErRPkYpl3PTcFHvCE319CpDgQPHT3Y6tG8Q_4acUD_E1_8NdhhDqBBp6tnmJ3OU4S5h4-LoeVZw45JmvVpAh8RTZH8I1E66wi4fbQMAX40WlHZMRyckhElU/s1600/sad.gif'/><br/>:(</td> <td><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO9OOiVN_muzcoOKovdwLUNlZuW1qFlWxMk3Rgmij5ulZ98S7yidBWK6G7rMK8b7Fr2nIjygqiJGE78gGADv-UYdb-7dQER-BHWkG36i6XhCTjYkhiwr6RiuLPnqXeP7bOK9l-ZkH3Ouc/s1600/sadanimated.gif'/><br/>=(</td> <td><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGo5midnfg1tFn68gYJxkvbdHUhf-PE8ThNIue2_oxCsum9O4uxD3q8_ncZBAUTLDDOpHAkPeLDM5ZBUqMw45nSYSuvZyZ6ELjqlzSxfzjKBqrY6mVJ_j0-vSw2Zkm_TazcPbluUK2xi4/s1600/smile.gif'/><br/>^_^</td> <td><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA8TRiSR4y_Tdfls0nrO437LeHn1W-erP3FbR5sEg_DEjj6FOWwoWttRaCFdbIVHj9sIFTU9yhL5ZSeJc78XJseIO_X4zjh29T-PKsIsoh6r2THBwh9vzS00C6CPP0-HdtnRNak0xN9hM/s1600/icon_smile.gif'/><br/>:D</td> <td><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxkQsNUhzIm5oBMGcczcfeHSTBaU3DJ3VLQGreP7Auj45Esnw4kwIb2bZceX_IDgvt9Lznc1e9e9h5wLoM5Nm_cbML9aEAUkk8QfR6aFaFT-ht_QMiP_DLI0_dPWXoYDFEkD7h2f76pPk/s1600/hihi.gif'/><br/>=D</td> <td><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCIN8NvpMNhzXLqxSNnGVjHZjvfOLGieHVJMHqjzbzGeyrB-s7AdDWksCGs8jtBmA1cS8hoOOBxVIgMIH6d9xiYr6hwcdybjk7r3W92e7-3m5EkN_cJ035dJbGF8ZunSmbLu2k7sevclY/s1600/applause.gif'/><br/>|o|</td> <td><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqbD-V4105LGpSDf5SanpVi9lfORH1AQPlE8oE1pMoQaYIHX0OKDp3fhwiBNivU4b4JOEwTFk2NBSDyFrO_P7nYokt8ne42MrT4MdbBXCzpGvFot9SjRbYSevUUVo_dOizjGWkJ-2cecE/s1600/rolleyes.gif'/><br/>@@,</td> <td><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBVQKuzMws5RaTgZCTARaAJE46pi8p-7Ss053H6S4R0NlAJD3pY7qYsuIdX09G1re63GQ4DMvLDoFFbnitOOlRDSWleoRSS0G91_gfK0Ov4uYxjdl2Dgql_V0BqXjO9WFL_A1syx45ekc/s1600/wink.gif'/><br/>;)</td> <td><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSBkQtzY-A4C3aXabge7EfnD8fu6eGK6TSoUxkiM1JVnSQHcT-iLDobvxmOamjhUB-lyILaHt-v25-EVy46AXvtKCvXImPapFDVQ_RYDDcDHWeHyJo3rncYtdiD8TH9Mc79JpqHibOhOc/s1600/thumb.gif'/><br/>:-bd</td> <td><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEher1R3wS4RWlzxyIP18Sv7xosTM_hwCvhf2COfORAsiWFNqPY8AQr0266WxPyppP74VkSpB2ZlnkdpbvuQAJkxtPBUlB8x_8eeB-2VzYugtebC37yxtlqiHrgM3jE6BLFPQpJcwtxUw3Q/s1600/thumbsup.gif'/><br/>:-d</td> <td><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEAqQiwBE90KEqFS0XD-q984tnnQPCwF884Ld3smQTv1kyBwyAaR58oulsbGUUZ3R8Q3Ekv0eW5t8Wg86ASta6rMP7RnLGGotw5_jET5MbCxXOAlKb2_q3o6yGC1f9LrUKUc7Gbm_VTMk/s1600/wee.gif'/><br/>:p</td> </tr> </tbody> </table>5. Carilah keyword comment-form pada HTML template. Kemudian paste-kan kode yang telah Anda copy di bawah kode <div class='comment-form'> Anda dapat mengatur sendiri peletakannya, tidak harus terpaku pada tutorial.
6. simpan dan lihat hasilnya
Semoga Tutorial Membuat Emoticon di Kotak Komentar Blog Bermanfaat sobat dan jangan lupa masterdatz.com ya :) Tutorial Membuat Emoticon di Kotak Komentar Blog - Hallo sahabat Master Datz, Pada Artikel yang anda baca kali ini dengan judul Tutorial Membuat Emoticon di Kotak Komentar Blog, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel SEPUTAR BLOGGER, Artikel TUTORIAL, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.
Judul : Tutorial Membuat Emoticon di Kotak Komentar Blog
link : Tutorial Membuat Emoticon di Kotak Komentar Blog
Tutorial Membuat Emoticon di Kotak Komentar Blog
Demikianlah Artikel Tutorial Membuat Emoticon di Kotak Komentar Blog
Sekianlah artikel Tutorial Membuat 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 Tutorial Membuat Emoticon di Kotak Komentar Blog dengan alamat link https://master-datz.blogspot.com/2019/05/tutorial-membuat-emoticon-di-kotak.html