![Comment Form Seperti Kurogaze [Blogger]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivhvySvs9gNKYxO0OAS2kbQAuCrfwsehgam8Ac8ceF6V83Gr__TWtOGkMFnYIt-KHSn0Hq_eoR4vKrLpvu3xNcIY6HzQYQfIZtRYCbqfRSZF5hyphenhyphenSu-gd5XK9Fw6ft2DP5k98dGOFZZ_OUP/s640/1.jpg "Comment Form Seperti Kurogaze [Blogger]")
DEMO bisa kalian lihat dikotak komentar bawah post ini, & Sebelum Memulai Silahkan Kalian Backup Template Terlebih Dahulu Agar Tidak Terjadi Hal-hal yang tidak diinginkan
Cara Membuat Comment Form Emoticon Seperti Kurogaze
1. Pertama Buka Blogger > Template > Edit HTML, lalu cari Kode seperti dibawah ini dan ganti dengan kode yang sudah saya siapkan
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' expr:title='data:postCommentMsg' href='javascript:void(0)'>
<data:postCommentMsg/>
</a>
</h4>
<p>
<data:blogCommentMessage/>
</p>
<data:blogTeamBlogMessage/>
<b:if cond='data:blog.pageType == "static_page"'>
<a expr:href='"//www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;pageID=" + data:post.id' id='comment-editor-src' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<a expr:href='"//www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:post.id' id='comment-editor-src' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
</b:if>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<div id='threaded-comment-form'>
<p><data:blogCommentMessage/>
<span class='small-button1'>
<span id='show-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById('emo-box').style.display='inline-block';document.getElementById('hide-emo').style.display='inline-block';document.getElementById('show-emo').style.display='none'' title='Show Emoticon'>Emoticon</a></span><span id='hide-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById('emo-box').style.display='none';document.getElementById('hide-emo').style.display='none';document.getElementById('show-emo').style.display='inline-block'' title='Hide Emoticon'>Emoticon</a></span>
</span>
</p>
<div id='emo-box'>
<div class='comment_emo_list'/>
</div>
<data:blogTeamBlogMessage/>
<b:if cond='data:blog.pageType == "static_page"'>
<a expr:href='"//www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;pageID=" + data:post.id' id='comment-editor-src' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<a expr:href='"//www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:post.id' id='comment-editor-src' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
</b:if>
</div>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='"//www.blogger.com/delete-comment.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:comment.id' title='delete comment'>delete</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>
:
</a>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<b:if cond='data:post.allowComments'>
<h3 id='total-comments'>
<data:post.commentLabelFull/>
</h3>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<div class='clear'/>
<div id='comment_block'>
<b:loop values='data:post.comments' var='comment'>
<div class='data:comment.adminClass comment-set' data-level='0' expr:id='data:comment.anchorName'>
<b:if cond='data:post.adminClass == data:comment.adminClass'>
<div class='comment_inner comment_admin'>
<b:else/>
<div class='comment_inner'>
</b:if>
<div class='comment_area'>
<div class='comment_header'>
<div class='comment_avatar'>
<img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
</div>
<div class='comment_name'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'>
<data:comment.author/>
</a>
<b:else/>
<data:comment.author/>
</b:if>
<b:if cond='data:comment.author == data:post.author'>
<span class='comment_author_flag'>Admin</span>
</b:if>
</div>
<div class='comment_service'>
<a expr:href='data:comment.url' rel='nofollow' title='permalink'>
<span class='comment_date'>
<data:comment.timestamp/>
</span>
</a>
</div>
<div class='clear'/>
</div>
<div class='comment_body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'>
<data:comment.body/>
</span>
<b:else/>
<p>
<data:comment.body/>
</p>
<a class='comment_reply' expr:href='"#r_"+data:comment.anchorName' expr:id='"r"+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='Balas'><i class='fa fa-reply'/> Balas</a>
<a class='comment-delete' expr:href='"https://www.blogger.com/delete-comment.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:comment.id' expr:title='data:top.deleteCommentMsg'><i class='fa fa-trash'/></a>
<div class='clear'/>
</b:if>
</div>
<div class='clear'/>
</div>
<div class='clear'/>
</div>
<div class='comment_child'/>
<div class='comment_reply_form' expr:id='"r_f_"+data:comment.anchorName'/>
</div>
</b:loop>
</div>
<div class='clear'/>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<div class='clear'/>
<div class='comment_form' id='comment-form'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/>
</a>
</b:if>
</b:if>
</div>
</b:if>
</div>
<script type='text/javascript'>
//<![CDATA[
if (typeof(jQuery) == 'undefined') {document.write("<scr" + "ipt type=\"text/javascript\" src=\"//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");}
//]]>
</script>
<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 = 3;
Display_Emo = true;
Replace_Youtube_Link = false;
Replace_Image_Link = false;
Replace_Force_Tag = false;
Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];
//Pengaturan Emoticon
Emo_List = [
':aghh:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV0lE3pdNgdXRCPyv_GmMTcfowjafTcwXtcXSL_oD8pVJMykAM8sotKt_r1iGpJnn9B56HJKnOmER6bXht8Chxnj9K4Ov-P2GYlyQRbJAM1cL6r_7o1UgHW9s9zwSCdQ9P5NszEW-e0PTR/s1600/aghh.gif',
':cling:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitabbU7JGPZUlxGr4jR9yFH9zSe6R9kYHDUV2TY_jfZZOeLsgn1V0Yjs5tW2pGG5yv5W3ju1T6JKq0Fin4HyULg9k_Mej9AQn07gaiUEytO6vpysSlBImek5Up__AIy2yzqY1zdoX2KLca/s1600/cling.gif',
':haha:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0boN1PY4doJ0pb-TuNzE1RAN6Hh0ki7XbTJPIBsk5qRbEQ0UFgAvwGTHZ8EAYzA7DZxm0lLuGwaixqfBms6s10klVnIXzjoAYJQnycKcwT4BVemuY-QUbzlyfmB1_b9aQ9HVW2qScbFW0/s1600/haha.gif',
':hehe:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLApoK2LVShuZO3PCHuQxXya9s9u2cykzl0z83cjPvt2tyJ2RQNkHEQRCYh-jCg5JnnsH1EGA1_oPm9FIiqpNZ96FTQ3GarUnUhmF8LdLnoCE76btkoH6cezmRuF-Vpo3-M5R9cJjSuoHH/s1600/hehe.gif',
':kaget:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS3Nd2HlggeKXXDd8hlD73_2ZzrT0xBk0yGdtk7pEgVgzEUa-XGer6WuBgNrDB7QjWHmDktptQLR6lELIcnhfDZD_yxdMRqAeD44BODwzg5lgDhgLjH7b9mY7_7yRcwd5iJxXusa3yoWxH/s1600/kaget.gif',
':lalala:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLUaph9Ju10v-vTGMaGpeDi1WbI5iz895pDMRGXwVx5qyKRqUStnWw5wAnW5qzR09uszb9h_L7SC8a00QK1JIYGSl5wqGAxvPjDRnmz7pBLvLocc1zbXOr53eCFd_pcHhWG29R0L39SkPi/s1600/lalala.gif',
':lho:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNiitV1jyspY47KPzH2vYr66zEjZpIuhXCASNhyphenhyphenQS3T7VprOC94Lw4DZxINNOAFdw4M8A_5VfRhSGwxvs9MCmUYpOm7TCW3ndEUZplKTlKu1fwb_ZE_4tpKQVqEkCnBR7GSJvTy9L2rYCS/s1600/lho.gif',
':listen:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5OmpYupOweVxfIuJGoAiKpi4G6-UHAN8MiMj8iQRLyuqQJeFA8uqgG62C8LTNkGTS14o02cVoIbWHfYvWGySfROvmGd5GQnAfodYbXdmGIhzOlv2Ij63RKie_LXJG3jd0_z_1dX5WGWRu/s1600/listen.gif',
':lol:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB_P1ax17H9fotn_go7ww-eZ0Th9oMSX2KixOq5qm8q5yb2t_93-H0rA5tFTxlTZw8fPC38h2aQ7VUdL3mucEL0P1KKrBksTngMVOXEIz_10xDm-FsagZ8U9VtZp1qtJmw3v5TI1WThD41/s1600/lol.gif',
':nangis:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhepmNu_F5FnrM47t6ua7vvsC-j-npsvC87AltAUBGNkq86wEvtXS5bMBRHwvjrlOIODPcOWbp1YyXEUQqGDhY7OfrGUI65SLYhx8gxwusLQEMGX2SYxpLLgc2TDZ6bWsUB1bVvDLtYvq3i/s1600/nagis.gif',
':onegai:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0_PuWW6hEkCArXF8SyXJpo0SAYD8Ljdbkd86bwWXoHZhlTsfOVyMFXQj5fa3FhZe5oU2bNWdR3tPoVb-yI1-WaQweLhc0s-fQg53MES3BKIqV3w8fIlm5jSczzH75fhlfDUPSUBqBXwtv/s1600/onegai.gif',
':daisuki:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOpsd7eS2sHDV2XXyaJbfd2-yzghFhxHxYcwmc9rq8H58nxlZsOXRmg9gFpspC63IWvxA56QhFfjuNZVLgME56Q4LR6pOjTTWBv-GtOUJFinfo8tzFD8Sqjbt6Phca9wAQEsAUOOFPADQy/s1600/sayangku.gif',
':terharu:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ6FvC35ysxB0O7IhsbBqORbbT2DsPPjKamYyVpz5ZiU0U3NDFUoKDDy8JkCwFbp5evatz8Uc4bv46PSojB5twoBzgi1YbtlzbSmbUxP_1nQMMfUOZ_uYXuyrXlLNsr5MWNz1Nn2HWwNRe/s1600/terharu.gif',
':tolong:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0i0k0ZO-nYfiMNDKFsR1grB0fsnlAOEnkzACGucf3Ckt1wCB6ltjnmBdWYkyRM53ayNz0OaO2M5rV0wxlHSoaXkdFAVex1BQrq306v-l_08rFrIe55v6XmQAZNCj3-ivPAx7ED7-7jPQY/s1600/tolong.gif',
':mantap:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbL7vFuaSfHMWnRTgKUSlZf2wM-tw93pjwhEIgRCF1clRZ9bORDM9NWkKPTw8ir6k0b_1kryVmzWWWc1hBQMoGn1X4f0h4WFgPa_3OiFvx6Am9bklsiu_ap5KWNXTHeA4vMXb7NR9sRMyE/s1600/top.gif',
':troll:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnjaGtnjBx9nD2FAWS3ea0lqwCdc2xz5-Id8Ddc57h_gBYdJux4yTJgd5rSApW5kO8hzqMUFqOv6DWCv3PYAPsmDha5G7PgY-Ks21AykG0AKxXb7_tpyJVcleCpxMH7vwROs04x-jZucpW/s1600/troll.gif',
':udonsay:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_IUtu-TqUPhh3GhGDdbN5n10qUqxjSGWXyLEAQM5XNcjczCq0_N8LNVlhT7YdntEteHIa4-UjvYHD922al391avnKGvxKBHGkYgWyfyqBkP1CE1fUE7X66QFWSW7n2VGvXoKaJU3h56_2/s1600/udonsay.gif',
':wanipiro:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigcYbyGY0cTVgrypxYmVoM9XdX8l9GidQFt1LAYmRJpFptQ0QhMclYwdbhT9LBmtcfnRbj1MbNKkK8o05m4Ax2ZUmyfKd7oUNL2KQ6ZfLUjIxxiy-UWG-3mwGFui3VTsZc2nC6wyJ8E5kk/s1600/wanipiro.gif',
':yahoo:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGRf2FvB3cvLcvTiDQ3AkeZg__EfJZo6E9Ezql_xagYEAy5ablWC6E7i9DJWoeleOuIz31ghDZ0KhEaHGNAeam410FMa2EDFwdo_ve-4CREwrFo7EYlV5Jc2A_ouFH5F8csG1-Iez_uVWu/s1600/yahoo.gif',
':yare2:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdoMYlmUFr3TDXjHEl1cd_qD9OU0eHVztGQJ6rcyWn5knWUFceTXbqf6Z6GLQOQ-pw1pwrIpwESe0oIxLm26x29Id3dz5RCCHQdeFct7ka27pWZfxZjuPQ7k3iQkd2BkiOcp-jA3TLTeeY/s1600/yare2.gif',
':ecchi:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2E5MBFIg4hcheZpbFBGml1Feu2E1RTx3EqkWygD8LDKNW5vm0rW-AO1rcVcdeg-4uoDaKbBxO1kWwE-q5KqMfX4YSDuT7yDP6sciA7jcx0I3uITG9L6Zgj8qxRGWBt0nzbdUQDUZBiHsl/s1600/simecol.gif',
':asoy:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxLnfZd7dakQupxJFWjrIMFNgORm_pyDaJAY-IjdZ81vIN3WUz9ffeUsHGn-Ckn9FM2_1mkk2VDDM5hzKRF-E_HYM4UNmQs5p8DHyK0hpU-oYG_INUEX1BuPP5kURN3XYrUJU7tU3oJVWs/s1600/asoy2.gif',
':yaoming:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH9oLKGTUxH2z2rTcgkydCcuUgGTCW8aHqKY1-vfX_NeaT7WKDVHnv1XNwNN6XjSeYodvXqndTkIfI-lokea1rsL4qgEYAo0kZUeh1lNTZAKyMVDIGRzM_-M5jtVMXRc6hvdCRm8b041sz/s1600/yaoming.jpg',
':lapar:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX6lLYQb6mCac-r1QoV8vOnLvwUx5N16B1x0OlZHxnAwi13JiqMhgub1KqkzRhhCeRyQ6I1Tzy3zQb-jBph1Ty9X3RijpSRvvhmsuEdZA5Xw6TZz8cgisu6lVhiw7jSdDUBaDkUEuajQOk/s1600/lapar.jpg',
':3sodok:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2URuHM7o4QzsUT6h1dTCC1DMnxNkrzxvG7KMWwyw6k9UgDEZjm58B-4QKMILrp0uqCI7x_OFafvHp6OeEkJO48KqJpckUIH0cVEkIh-P87_AtS6DZu9HYvHuCrU9yRrsfTVv0PlHUX2cL/s1600/3sodok.gif',
':anjrit:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgErsX-mj2smYMYVFpd1m3M-AvjdtS9QqkijjOhTO8hNIsJP4KEp3uOfjyfqXbEhGqZ5Gp7ftmZxvVfG1EDheHY-8p_x2D23KTnNF_H5B65zkmVTFuKOlo7jvJRebSr1WQLk7YhFPzDa_7k/s1600/anjrit.jpg',
':bahlul:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdOy7sEIldUACKx02ZuNpQiUAy_ItuBleXamPOVgP9gwAuDowJYTX9m0vzpfLR6MIIr0A15omnSAI1xmdjb80QMuLfJxbhFgYJ-u8_rEOmXMOfTdZtpyoGK-x9u84ZatDKeWIKOI8sIPL_/s1600/bahlul.jpg',
':baygon:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqRYERejdxBYfW1qrraVmsv-8WhrB-YGN7DXggoHtTFYMV6G1xeMy-HR3coHvgcRHYbRBA2c-W6TnP_CziUWJypYqOgfDeHRL8K7cXc8tOjBDhJN-6W_-H-ZQEoLjhh0baIbIuLONgQDHO/s1600/baygon.jpg',
':bean:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp6N0TELBn4mO0akyQRrdt2QWLq8wkEWjo5g8gSdRdwVuiBKDh7_f37fReQRpK6Ru73h3122bwV2s0v5bJhaQV8c1W05Mw0HIBk3PldyVYCdQdFBCtDiQXfAlAUczfbTJQhome3QXmfkY_/s1600/bean.png',
':gebuk:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqSOtlbcD3lhSaw1i0zd9OwwcnRIZAUF5Fu-q_jY4ZME0vDEdZB6D1v_I0_rcZhSpSAh-eRMgmeiWJRfpORqmNBOoSrCdVxrSRm5atr2PCx-_jMIHzAf9P8nwC4JluPhY7Qp0-g0bqpUmy/s1600/gebuk.gif',
':hoho:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijv2lXTFeyDvPUUzx7UkwS4Vx5QOHyL6UjlI45Z0SPsTVmeojow7OE2Jqwcfj5clrFxkEG7FTYTFfRr8UlWG9hcFXnxpauGF90kOIApdyrRBs9M-YNQWl0Goue02bXHpuj4b6q9_vjpWzJ/s1600/hoho.gif',
':huha:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7GujkKcROOrsluET6dw8p2BJsV1KEi7HOJM0hyphenhyphenB2dOYX62IIOqnGiWqiqI9FZqalbPC3WYIj5z3EOp0h9qPFRlKzT_9OWWAzH1A3Wwxpd2suDZz1wV1Wy2nblTerAzZbvzA905JJV8wIb/s1600/huha.jpg',
':jotos:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRollxOaz5BCeEJV8urR7m1lfbxaSoj7yykVgG2eauDb8Mm3FXQKQ2xyZTShwq9WldVmw-F0Rhxtm7w_n7QIfMk9Kp38KacTzPSsgX2zrpKnsCbTD6uBkoB0dZG3DxW4TueyQ20Wckj_M1/s1600/jotos.gif',
':keplak:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEd-2H9cBfqV2ej3mBO9efsNNPMS4xwdvhrgt1FMt76VDZjLICSpvP1gGUywR2GYr9Nt_M75K4mztQ0kP_xzdD8-HxPtAeayMp5bT8OBe0jQUKDJMJZ6gC4-EgcObm2_GNt3SJOVJotP42/s1600/keplak.gif',
':keplak2:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisaVMeCMSr7RGEwAcvfYKMDAcrfr0UQrXtGDvqurZNaX15Tju1D-7dXJHQW9Eip3nEXPQAq9OpiIkKr1qZwIRT-7P3j8EzgEljfWBTIGL1pY6Gw4MWoy38q47PCmdUGz_vl2Rufog1n2lD/s1600/keplak2.gif',
':lolol:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_hiBEdSSiRMKqh96hUHdBpv_uDqPj3JK-l0sTDaAKNItAHrum8VeIr04xYtFQY-DLePDf_OpPJlsFd4NiOybvn013g_kzwcF-_5m9SrQuOsFjaKZDIYKqPVMAlLZOy7YqAkqYnzAhYFn5/s1600/lolol.gif',
':maso:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho2z8eJW2SJ_2Nvrc0StBmPHdYliBxo3PJKPdVSBfEbDu6ZBk1jbZoBGofVur-r7WO-krwGh77ueDDDZ1rA8i50MVDF73vL455eG_nWI_Bw5YAchKnXp-5HkrnkshmC-pFnr6VoYDXpZwU/s1600/maso.gif',
':mlayu:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiBGqTB90WsBWGknWX2RimyoA7_kYaN2Eqprw2T6oaZyhyoKyz5jeM0cdxQKwkrKvPwb3SJh3oyxy0NT13kwsuW9LcbdMRaHWOkV_HVwgFVW02Y8O_70ubSviYm5-QAoCXC4z6V9XbiH8K/s1600/mlayu.gif',
':muter:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLsOeBDLUFHRQ5M2u4ATd7SNKpCVrF2OLH6c1FGaQ9sTIfaEuUpvCd0VaxNl32bqwwZg9UvbBS3SLCutIPKMhwmbEL26hdFwU_TAXraUhm3Tm52xinM4mw0EbcssqUOV9gd4mRucABgc_R/s1600/muter.gif',
':pakyu:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp9eVABztNV9H3txRNnuurGAZG1vtGEMHaYn0Ltu9KAgK5ToO7FPBCwyJzOtOPmq3WSRklhS2eOoBk9brEEGyzGcfiqhVpD4As_D2Z34Rvn9B7h13VG7JpwbIfdD736kizvH_764U8frtc/s1600/pakyu.gif',
':pare:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7y1bIHGH6bNeErf7I1kyrkm5Fj1l1yeOsRfB28gTC95RbtSg14j6l4m9Hf7R3gzaxrzlE3sOCr20kAnXlwfNVyfpvQjzCDbjUdM986GLlExSh3B8V1xq8IWVyKsajcDurRrczsfA854bj/s1600/pare.jpg',
':pong:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCiG5M-MxdkazOUf4vbieWNH2gvkuozWCymdHiaDAQaV9WYABFLoUq6UfPMIGMkBLEGi-siBou4Ht4mST519EMxSKhzzumOYFacBt0hUNGtWvhA1Py1voXSwBY8KkhWe65APGRNgEVOyJs/s1600/pong.gif',
':sodok:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnFL1zAFZ7iQehRyDiarrrNrhf9fbcpN4bwC8liu7NHWzVlmzXH7d9F7zMmIcpkP-n_2HcEXGL3uYH55JA52sdrAfeOT4H0Lqppg5bKGg87SWdH9B1zak010KPk0ZX65c7oy2ImeWLfh_e/s1600/sodok.gif',
':udud:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglcuRwZ5Pw5stXsvldNnVtQNFzjsNAbMt9S4fHEhwyKWm39P1qnWm55un5V3QQ8YzO5Xgz-LVjtMtA0d4na5MeErvOgr-hHQmOnlYCohiyImDn2QErvmVngFwfqOlAseC-__dPHn2j99X-/s1600/udud.gif',
':usap:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBVQ3_yJfc-bZj9e5rEvTwrOlzs0rYYfRoaQBU25wTaRkFyuWAAYVizejDcAcPa5wj0l_gEMhzHGkJ6EEBLO2A3ZznSurfBo28UZX3fGZ20PVkQd1whc9Tcj6LHj8ZOWVyMePRCN5-4F5D/s1600/usap.gif',
':yaosay:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcERx54CqMZXI_-q1Ath2x9oCRim90FSF0dH-Whv8boallhMpyP3sLeXBYFDE6lrG-GTD_u4zd57aqyXcEFCTMAr9O6LhbDfZras4jX5Jn6cqGdt-dFFjMLDWDkwPqFnwH5XsCiBvPBbVI/s1600/yaosay.jpg',
':waduh:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEhT9HSY1fWUS-5YkvZjIiMssffml-9aNswnqV1q0OEygaBSC2OzmXaibzTqI0W-Ae4oJ0BK_u8GfIiyfRjeDfGgufIFoMp0NjNdu6VT9SX-5fR32Ivz__5MQbV0aNatxzjdSQngs-0Dd3/s1600/kiai.jpg',
];
//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,{}))
var avatar=$("#comments");
avatar.find('.comment_avatar img').each(function() {
var ava = $(this).attr('src');
$(this).show().attr('src', ava.replace(/\/s[0-9]+(\-c)?\//,"/s100-c/"));
});
//]]>
</script>
</b:includable>2. Kedua Cari Kode lagi yang seperti gambar dibawah ini dan ganti dengan kode yang sudah saya siapkan dibawah gambar ini
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<div id='form-wrapper'>
<b:if cond='data:mobile'>
<p>
<data:blogCommentMessage/>
</p>
<data:blogTeamBlogMessage/>
<b:if cond='data:blog.pageType == "static_page"'>
<a expr:href='"https://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;pageID=" + data:post.id' id='comment-editor-src' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='250' id='comment-editor' name='comment-editor'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<a expr:href='"https://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:post.id' id='comment-editor-src' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='250' id='comment-editor' name='comment-editor'/>
</b:if>
<b:else/>
<div id='threaded-comment-form'>
<p><data:blogCommentMessage/>
<span class='small-button'>
<span id='show-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById('emo-box').style.display='inline-block';document.getElementById('hide-emo').style.display='inline-block';document.getElementById('show-emo').style.display='none'' title='Show Emoticon'><i class='fa fa-smile-o'/> Emoticon</a></span><span id='hide-emo' style='display:none'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById('emo-box').style.display='none';document.getElementById('hide-emo').style.display='none';document.getElementById('show-emo').style.display='inline-block'' title='Hide Emoticon'><i class='fa fa-smile-o'/> Emoticon</a></span>
</span>
</p>
<div id='emo-box' style='display:none'>
<div class='comment_emo_list'/>
</div>
<data:blogTeamBlogMessage/>
<b:if cond='data:blog.pageType == "static_page"'>
<a expr:href='"https://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;pageID=" + data:post.id' id='comment-editor-src' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='250' id='comment-editor' name='comment-editor'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<a expr:href='"https://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:post.id' id='comment-editor-src' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='250' id='comment-editor' name='comment-editor'/>
</b:if>
</div>
</b:if>
</div>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe("<data:post.appRpcRelayPath/>", "<data:post.communityId/>");
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';
}
}
}
return entry.content.$t;
}
var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
} else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
comment.displayTime = entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox.parentNode, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h3><b:if cond='data:post.numComments == 0'> 0 Response to "<data:blog.pageName/>"</b:if> <b:if cond='data:post.numComments == 1'> 1 Response to "<data:blog.pageName/>" </b:if> <b:if cond='data:post.numComments > 1'> <data:post.numComments/> Comments </b:if></h3>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>3. Ketiga Ganti CSS Komentar anda dengan CSS dibawah ini [Cari di </style>]
/* CSS Emoticon Meme By Arleth98 */
#comments2{clear:both;padding:10px 0;margin-top:0;font-family:Roboto,Arial,sans-serif}#comments2 h3{margin:0;font-size:18px;font-weight:500;color:#666;padding-bottom:10px;border-bottom:1px solid #ddd}#comment_block{padding-top:25px}.comment_header{margin-left:5px}h3#total-comments{display:none}.comment_avatar{height:48px;width:48px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMqnniTS5qu_kHdqtUWg6535tXneYN3HFJ4fVMZMqi8j3rjB4hLJ9r-toQ0CrVU_r3Z2_u2wtm84W-JKSePTbj-wSiBoBlda84xHG1GSVA2P6Aqouda1kxlk8v3hQdJoWT3WlGRIuFSIE/s48/anon48.gif) center center no-repeat #f0f0f0;float:left;margin-top:-1px;margin-right:10px;margin-left:-5px;overflow:hidden;border-radius:3px}.comment_admin .comment_author_flag,.comment_reply,a.comment-delete{border-radius:3px;text-decoration:none}.comment_name{line-height:19.5px;display:inline-block;text-decoration:none;position:relative;margin-top:-3px}.comment_name a{text-decoration:none;font-weight:500}.comment_name a:hover{color:#0088b2;text-decoration:none}.comment_service{margin-right:10px;margin-top:2px;position:relative;line-height:1em}.comment_body p{font-size:16px;color:#444;line-height:1.3em;font-weight:300;margin:5px 0}.comment_body p img{vertical-align:middle}.comment_body{margin:-12px 0 10px 47px;padding:0 10px 10px;position:relative;z-index:1}.comment_date{color:#999;font-style:italic;font-size:11px;line-height:1.2em;cursor:pointer;font-weight:400;margin-right:20px}.comment-set{margin-bottom:30px}.comment_child .comment_body{margin-top:-5px;margin-bottom:10px;margin-left:39px}.comment_child .comment_wrap{padding-left:50px}.comment_reply{cursor:pointer;color:#f1f1f1!important;font-size:12px;font-weight:500;margin-top:5px;margin-right:10px;padding:3px 5px;float:left;background:#666}.comment_reply:hover,a.comment-delete:hover{text-decoration:none;background:#888!important}.unneeded-paging-control{display:none}.comment_reply_form{padding:0 0 0 48px}.comment_reply_form .comment-form{width:100%}.comment_reply,.comment_service a{display:inline-block}.comment_avatar *{max-width:1000%!important;display:block;max-height:1000%!important;width:48px!important;height:48px!important;margin-right:10px}.comment-form,.comment_img,.comment_youtube{max-width:100%!important}.comment_child .comment_avatar,.comment_child .comment_avatar *{width:40px!important;height:40px!important;float:left;margin-right:10px}.comment_form{margin-top:-20px}.comment_form a{color:#444;text-decoration:none;font-size:16px;font-weight:700}.comment_form a:hover{color:#fff}.comment_author_flag{display:none}.comment_admin .comment_author_flag{background-color:rgba(34,59,74,.3);display:inline-block;color:#fff;font-family:arial;font-size:10px;font-weight:700;padding:2px 5px;line-height:1em;position:absolute;top:2px;right:-51px}a.comment-delete{color:#f1f1f1!important;font-size:12px;font-weight:500;margin:5px 0 0;padding:3px 5px;float:left;background:#666}#comment-editor{width:100%!important;background:url(data:image/gif;base64,R0lGODlhKwALAPAAAKrD2AAAACH5BAEKAAEAIf4VTWFkZSBieSBBamF4TG9hZC5pbmZvACH/C05FVFNDQVBFMi4wAwEAAAAsAAAAACsACwAAAjIMjhjLltnYg/PFChveVvPLheA2hlhZoWYnfd6avqcMZy1J14fKLvrEs/k+uCAgMkwVAAAh+QQBCgACACwAAAAAKwALAIFPg6+qw9gAAAAAAAACPRSOKMsSD2FjsZqEwax885hh3veMZJiYn8qhSkNKcBy4B2vNsa3pJA6yAWUUGm9Y8n2Oyk7T4posYlLHrwAAIfkEAQoAAgAsAAAAACsACwCBT4OvqsPYAAAAAAAAAj1UjijLAg9hY6maalvcb+IPBhO3eeF5jKTUoKi6AqYLwutMYzaJ58nO6flSmpisNcwwjEfK6fKZLGJSqK4AACH5BAEKAAIALAAAAAArAAsAgU+Dr6rD2AAAAAAAAAJAVI4oy5bZGJiUugcbfrH6uWVMqDSfRx5RGnQnxa6p+wKxNpu1nY/9suORZENd7eYrSnbIRVMQvGAizhAV+hIUAAA7) 50% 30% no-repeat #fff;margin-top:10px;border:1px solid #ddd;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.blogger-box,.comment-form p,.disqus-box{-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.comment-form{margin-top:25px!important}.comment_emo_list .item{display:inline-block;text-align:center;height:auto;margin:10px}.comment_emo_list span{display:block;font-weight:400;font-size:11px;letter-spacing:1px;color:#444}.comment_youtube{width:400px;height:225px;display:block;margin:auto}.comment-form p{background:#666;padding:10px 10px 5px;margin:5px 0;color:#eee;font-weight:300;font-size:16px;font-family:Roboto,sans-serif;line-height:1.3em;width:100%;border-radius:3px;position:relative;box-sizing:border-box}.comment-form p:after{content:"";width:0;height:0;position:absolute;bottom:-15px;left:15px;border:8px solid transparent;border-color:#666 transparent transparent}.deleted-comment{display:block;color:#efefef;font:italic 13px Arial;margin-top:-10px;background:#db6161;padding:10px}.blogger-bar,.comment-text,.disqus-bar{font-family:Roboto,Arial,sans-serif;font-weight:500;color:#555}iframe.blogger-iframe-colorize{max-height:250px}.small-button a{color:#f1f1f1!important;background:#333;padding:2px 3px;font-size:12px}.small-button a:hover{color:#fff!important}.blogger-bar,.disqus-bar{display:inline;float:right;padding:5px 10px;cursor:pointer;background:#eee}.blogger-bar,.disqus-bar{margin-left:5px;margin-top:20px;border-radius:3px 3px 0 0;border:1px solid #ddd;border-bottom:0}.blogger-box,.disqus-box{width:100%;padding:0;border-top:1px solid #ddd;box-sizing:border-box}.blogger-box{display:none}.fb-comments,.fb_iframe_widget iframe,.fb_iframe_widget span{width:100%!important}.fb-comments{padding:0!important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.btncurrent{padding:5px 10px 6px;margin-bottom:-1px;background:#fff}.comment-text{display:inline;float:left;padding:5px 10px 5px 0;margin-top:20px}.comment-text:after{content:'\f061';font-family:FontAwesome;color:#555;margin-left:5px}Jika Sudah Save Template, dan lihat hasilnya. Jika Tidak Berhasil berarti ada yang terlewat jadi silahkan lakukan lagi dari awal.
Kalau sudah berhasil tetapi disaat klik, Tidak tampil gambar emoticonnya, Silahkan sesuaikan Dengan Gambar berikut
Sekian tutorial Cara Membuat Comment Form Emoticon Seperti Kurogaze versi Blogger semoga bermanfaat.
