04/25/17

<div itemprop="image" itemscope="itemscope" itemtype="https://schema.org/ImageObject"></div><div itemprop="publisher" itemscope="itemscope" itemtype="https://schema.org/Organization"><div itemprop="logo" itemscope="itemscope" itemtype="https://schema.org/ImageObject"></div></div><h1 class="post-title entry-title">Comment Form Emoticon Seperti Kurogaze [Blogger]</h1><div class="post-header"></div><div class="post-body entry-content" id="post-body-3421843107528278146" itemprop="articleBody"><div class="separator" style="clear: both; text-align: center;"><img alt="Comment Form Seperti Kurogaze [Blogger]" border="0" height="328" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrDIg2WX5eJyV-JFzxVCe3XUgvmTCjyyAcXEyeohGGgWQQAH0vjWCijQgSsMTrGSeYB_4oG82hRz6lrBHnQ9mspKEOylCchbQT8gDil-xHhnkhcsf__5nRfheacxHPSGvv_W0d4gcGOk0-/s640/1.jpg" title="Comment Form Seperti Kurogaze [Blogger]" width="640" /></div>Halo semuanya, kali ini saya akan membagikan tutorial buat kalian yang mungkin akan berguna, kali ini saya akan membagikan <a href="http://zanderdisk.blogspot.com/2017/04/cara-membuat-kotak-komentar-emiticon-di.html">Cara Membuat Comment Form Emoticon Seperti Kurogaze Untuk Blogger</a>. Sorry kalo saya jarang post, itu dikarenakan orderan belum pada selesai wkwkwk... ah sudahlah. Ok kita mulai saja tutorial kali ini <blockquote>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</blockquote> <h4>Cara Membuat Comment Form Emoticon Seperti Kurogaze</h4> 1. Pertama Buka Blogger > Template > Edit HTML, lalu cari Kode seperti dibawah ini dan ganti dengan kode yang sudah saya siapkan <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2Eb9BiZAY4y7fzZzukMzgdYJ2MDcW08tdVo55GfyY1HHNwKp1_FpiW-8edUEGshi3i4Gh1nHHwU4CvpX44nO8nRNo_30_6U4NOuA4HynFPTAEFGBBy8hNCqDJrAI1BL_eWv70wj6K9FXN/s1600/11.jpg" target="_blank"><img alt=" Gambar 1" border="0" height="156" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2Eb9BiZAY4y7fzZzukMzgdYJ2MDcW08tdVo55GfyY1HHNwKp1_FpiW-8edUEGshi3i4Gh1nHHwU4CvpX44nO8nRNo_30_6U4NOuA4HynFPTAEFGBBy8hNCqDJrAI1BL_eWv70wj6K9FXN/s640/11.jpg" title="Comment Form Emoticon Seperti Kurogaze [Blogger]" width="640" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2Eb9BiZAY4y7fzZzukMzgdYJ2MDcW08tdVo55GfyY1HHNwKp1_FpiW-8edUEGshi3i4Gh1nHHwU4CvpX44nO8nRNo_30_6U4NOuA4HynFPTAEFGBBy8hNCqDJrAI1BL_eWv70wj6K9FXN/s1600/11.jpg" target="_blank">Lihat Gambar</a></div> <pre data-codetype="HTMLku" title="HTML"><code><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 + &quot;_comment-editor-toggle-link&quot;' expr:title='data:postCommentMsg' href='javascript:void(0)'> <data:postCommentMsg/> </a> </h4> <data:blogCommentMessage/> <data:blogTeamBlogMessage/> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <a expr:href='&quot;//www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + 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 == &quot;item&quot;'> <a expr:href='&quot;//www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + 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'> <data:blogCommentMessage/> <a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;none&apos;' title='Show Emoticon'>Emoticon</a><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;inline-block&apos;' title='Hide Emoticon'>Emoticon</a> <div id='emo-box'> <div class='comment_emo_list'/> </div> <data:blogTeamBlogMessage/> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <a expr:href='&quot;//www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + 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 == &quot;item&quot;'> <a expr:href='&quot;//www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + 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(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;); </script> </div> </b:includable> <b:includable id='commentDeleteIcon' var='comment'> <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='&quot;//www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' title='delete comment'>delete</a> </b:if> </b:includable> <b:includable id='comment_count_picker' var='post'> <b:if cond='data:post.commentSource == 1'> <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'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'> <data:post.oldestLinkText/> </a> &#160; <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'> <data:post.olderLinkText/> </a> &#160; <data:post.commentRangeText/> &#160; <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'> <data:post.newerLinkText/> </a> &#160; <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'> <data:post.newestLinkText/> </a> </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'> &lt;div class=&#39;comment_inner comment_admin&#39;&gt; <b:else/> &lt;div class=&#39;comment_inner&#39;&gt; </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'> Admin </b:if> </div> <div class='comment_service'> <a expr:href='data:comment.url' rel='nofollow' title='permalink'> <data:comment.timestamp/> </a> </div> <div class='clear'/> </div> <div class='comment_body'> <b:if cond='data:comment.isDeleted'> <data:comment.body/> <b:else/> <data:comment.body/> <a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='Balas'> Balas</a> <a class='comment-delete' expr:href='&quot;https://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'></a> <div class='clear'/> </b:if> </div> <div class='clear'/> &lt;/div&gt; <div class='clear'/> </div> <div class='comment_child'/> <div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorName'/> </div> </b:loop> </div> <div class='clear'/> <b:if cond='data:post.commentPagingRequired'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'> <data:post.oldestLinkText/> </a> &#160; <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'> <data:post.olderLinkText/> </a> &#160; <data:post.commentRangeText/> &#160; <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'> <data:post.newerLinkText/> </a> &#160; <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'> <data:post.newestLinkText/> </a> </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 = {&#39;maxThreadDepth&#39;:&#39;0&#39;}; </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/AVvXsEjc2N5hb4E4aewBAaI6a-9Tk3WKyQwnJWPxZc8AqjR7CPvikblpDUI28SQho0K92CzIUtqJRoQ49uB5vJJ52-JRC0spTswmadaiwbmFw8VJl62pfwcNE5jOTMIGP2m5viXIluy1LfmuLDpz/s1600/aghh.gif', ':cling:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9fKRqqJm2VVtrcqrFIoKvdRb0q6UnpEwWGaM7ITFvl5DeQlImqkWpFUrrfqp3pKnd-bWpAX-Q03ulQcQkZGKE0nqOoA-XGs1e45Rbt0twNlNbm8O66fNDiRHI5lZ4W9JkrTvvOF0QhA2O/s1600/cling.gif', ':haha:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTXimk9KMhKWOVgyC3fU-A9jf6xhKiNQ_apGo_dZHPBl2gfcxeoBR7gZQWscYLpPG_ih30cgN8rAcAJ13gqtkpTaBkbUPvlMePT_1D0M-8ccpNbpLvlx7LV3vDFr0p2q0cWms96P8Ap9oX/s1600/haha.gif', ':hehe:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhon8ZffpOsCRppc-J2hUD4Gbi7BfmQWo_A-cBSNLQIPfuCN55edVGVTzIEPsJvxb-oFTwhmUUqTcDLJeGMQfBKiWMoHz6l6kZe_olv5A1QYv_KjSk6YM4sESKDj0wUzaBhfPmhxd-VDZa7/s1600/hehe.gif', ':kaget:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAdNa2qcYiI_aQVWJjpiGTczuyzniz2KE9Dd58huJcwEi22eBkY0UYJd8e9sLp_T6WOKIRPzzTMSjk7lHYDSG9B2sBl_bsgCLt2k5c8e7ga1MrLtNd0s83L9jvzDsCsJZii-vFNtxo-Qcx/s1600/kaget.gif', ':lalala:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRcmimzT6vBEQCMXhtggdKWY1_n_Vk8sOgYtwxkW2izkZyqqMySM3KAeX4GPXP5xhkmNIJTnSZW_GTngS-e6ksuH5CBJJJRjyYyBjLyIlnlHxbo-aTdIHux63FJxUE-ssNiUIzgQ44gVif/s1600/lalala.gif', ':lho:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKQIG22sbKszxiXDDi2kJakn8iG-KF7M4g1OGnWbexqwPo-jcS6oVpEOtSIQjZQ4UwiatUHjjw0mGHtuUgsI36UhAZt_zId7gH3CA6cFDSLmW4GcU3RrEuqnEPwiOhBpQwTHoyVgK8UxO3/s1600/lho.gif', ':listen:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT35S6fJOvWvA-zUiM9PQAmEiHgt4E9iYJZUGsmYG7HWYldigbcrc_87FAOCzzQfbBk3jVPhGm_txGHqiP_u9G_pRqhDbg-5HcF4cGsUbwrd9wfRxy7YvFfL_1Ejo8F7fGJy3usbZwgcV_/s1600/listen.gif', ':lol:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc_EKFut_0n8bLZJW1EPRixyBVtR_pA42fgz65vZdQYCUNGrl1lhpvvOi-aC6dK3ETNZYIKh4HoaXpZGPA9XK8VuUciQtNUIHokIVleGE2NYVt7BsMV1Qo2NuwHLETKCqAdQFguztNmUnj/s1600/lol.gif', ':nangis:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHj9KwHISnaaBJ89Iu3r_XIsFPWpEaf1niASgPnXi7EFRg6UIpmQkAOfT683iSIGgR_zfm4oGSa9K-NuTiV9X1D1fYvdU9I8HOwOVxy8m-wPPmiYm7W_rlcjstiPa-rPthZMmzmGsUOq-C/s1600/nagis.gif', ':onegai:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0hs2VLB56OJJf4SoxWPj4pWElhhL6KNPBO8xjhFtXFvD2XbQOBGyGKakdjtgX-RWz4aea_ll4rJki4qE1sJB34izFJkxxvHLrcN2-A1S_eonob2WRXe3iOuMRIOAzGfmjHQ61_m1nqvyz/s1600/onegai.gif', ':daisuki:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrfjf0sm_hSAMNJ3PXNhQz9reRtQjCYlWn_0hNAXrCSh2H-Le6aE-__CW1tsLB4EwG-i9XkwoM_CX30VjkJPBZysI6JPipFeWC2rnZJu1pSKiqB8CLwUf6PuO8XtW49gXywkOdG8Orpzs3/s1600/sayangku.gif', ':terharu:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNks13R74idM9wr9WFdQqNNXv-_dpl3oHgA2XUroYdbfQA6PimaKmdAL7m7lK72fYlU35WiCDj7mGcLosvtecvgEigQDdA0o4sWyfZu78cvdNtlw3B6hjoqTziBti0G062mm2zQUf_cBG5/s1600/terharu.gif', ':tolong:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuqwUzKfjPk-I9HxoJOPUB9QZRiO7KwNK4cEJDAkK2EvqIf_0L4J8sQu_DQg2QlUYN2OoJMauo8w7bVaqGcIguXKJkS-kXkxwiWQuzK9fWHePRfOy9Et90SAYP49LK9mDLfwh_-lZRuT6T/s1600/tolong.gif', ':mantap:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji5MC3QxZBfgOkk0wsa6ntFv1au1HNVqaejG0KTV9KccvECBV14dwcWZ6lVggxJYhmZKWvxTsoEeKih2BZNhD5InFcHPOKgjMJv8RpKD4ZQ1MzMin9FtfijQz-M7l01E836RItm1hbCSzn/s1600/top.gif', ':troll:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv2IEvE637Pw0OIIctYTq_AWMebDVpuVrYlDqBajY56AxSt7f8jrs6yEhm0Wn-WGtRvCUcpheaVmuYYbuf1Q_AMSZgyKImtWdcyWb0mKcAjvRHoQybA-a8G3BiygRsr9mzAWdCxSxaR2Md/s1600/troll.gif', ':udonsay:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib5onPFJhwuvJ7WQjFCmdLLLaHTl9DPgse1KCoKr9rK6QFKj7r5sffD1oosOIhBqkNHD04ivxg0S47rj1B8fYvExxljo3jNyruGBJiYv8S6v1Ccy63-ldyc4WobupYUcnViUzwQ-0Fs3U6/s1600/udonsay.gif', ':wanipiro:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN2epyQG08LxZvpsKUYAZeDGo5-WDLyvIAGrK21LKIocL8H_A5fVZ5fnShs03B8VOFvElwo1_5SivQ6pTFOhTnBVAbfqoH2g1vkA_2Lr_QiBMht2gcES62MSbVHBh63AcN8vfC-fBwj5GK/s1600/wanipiro.gif', ':yahoo:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPN1c6QpoUiOUQ_1kSItVdjOLBR-uotcJN6uJTV95ApOFDEtQc3ZTgfrzVEw7lfGOg_rcZM9Af3-3nBtQpizMw-kPw-XPnx6qC-wWs90gsxsb7NVwpf0pUjn9NuI6NSV9vFMntXj1rGky3/s1600/yahoo.gif', ':yare2:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKqGHP8d2C-T2Yg-N-SeZFamY4LMyGRESG1nyETNYV0-bputfz0OwacSTxHFK1eaECp3uNTFjF69ZNRHpbdF23z5-s3iIl2IRJtKxgrfIXM7UoyRxIWKoBWToUfx8Xwq_tMSzDVwpVwI9f/s1600/yare2.gif', ':ecchi:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitJmpOcTsLD7P3Zb8F0RIeSbgPGdDKSoLiUAuTtKVAIMwKk2RSlt76FVxH8nHnE3r0twHDPcUDv7MAm_bL-iFJrHeqejtqr1Vnd3VZehFo3-fTw5QkgDzUMMZsbrZMrmKftYTfvB-xdEfT/s1600/simecol.gif', ':asoy:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhOlqs2duQWFT9AhssrU55g7Ts47OmWxl-bPUz97RIZu-BKsGCiL4Bu_qZ8UJ0kQ_cIhOOOtT6jOhpRBbMCduTcG9godvB9nq4KnKKjJWdfHvtPpWuk_5ZIXTGvib1sVXAhPUEB64XbLKx/s1600/asoy2.gif', ':yaoming:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi09TG_eVMb1Nxm4HaiMzsXzL81gTP97AoOi6GKIcOeaRWfQxo9oBMz3Pt8WRk7jC9vT9iXg2U4oXIgXdr5yKUChJAJhHcOyF9-XIw3H45HUm7Jiw6rHle8KLzm1ftsBhVJAfyeHdlvQUHy/s1600/yaoming.jpg', ':lapar:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhue5uQGMO8iAXf0MJ5ge2dZlYM7HD1L-3FmVwDyzpUOFnninbJw3iTLzMePn2xlUHOPaGfM5AsxAJK_-ZipqQArXyqczJEwcfxufOdQvZ2NCy7fq7aWVzXR_pDZ7tL_G56NeJotQV_e4-Q/s1600/lapar.jpg', ':3sodok:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv986vJy5Rvq_EVJrxw9Uu3thhe2qLN6tzHG-19O0KSUTtARivXYGKkHyGANU6oeGop9JchO-_WcwRP-0r2sCqZQiBYZeyebsCEjFdsHmhVfHH0BiTi2JJtQVtDHQ3A3AC2rEiI41e_Kqq/s1600/3sodok.gif', ':anjrit:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV9FPcaQLoNz2VjH2XXiV_mTunRqrLUEWpSxRlM9S7lZ_25sUYGavSf4mLeYa0VK7lb7PpEw_neOmbUrqzqXOKIAZOAlUQeTPzj__CpW581_GSjRAF0vX0j7ayKGcIIxaOjwrIVor1ZFpt/s1600/anjrit.jpg', ':bahlul:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUjceJT8kkB_rkkl5IDy14HQhg5D_R0E2_tBO6lFGzmOO1PylIXs83wxzae7JSZsi1VgloueFxizcu2t_YHWO8nsvc4kNIuetVrVdD6bWtrMICS6Cv5GfzgaEir2jtHH236LlCZRTcY4Oy/s1600/bahlul.jpg', ':baygon:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJmorVPueBYRS1urIVKTV91_2C53T5_SeR75pLDaE23Gzm4nND2xBIMIQdhMeWLtSFTJ-vI_wcdT6Ut0K4bnvm4bZKOowcA0ghLBTm4uxx9aNm_i6B28MC-QJiWd_uvtq67KUBc3exW81F/s1600/baygon.jpg', ':bean:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjuc45W6pDr4qbzB3V2wescljzZTTHmN4luSp4HP0j7tEqZtL-wjEADAFTPqOazGwuoaiBkQAb0TobIKeudrqJ-hVKy9cM6wIpDbvN5ZyQQiGwKDn13LmwUUcrxgYk1Q9I_GqWbgoRCsRO/s1600/bean.png', ':gebuk:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipKxUOjBRcPeUU8ifLh_oinfV4yZYvjox38fuG9LtAvxAroWg9WdW0AfX_aK5OaLAe_96S8a4SskhNgCpzXEy9LYD6e1QPYimlG3t-0TyA1N9hnGFkDw0O9W7yQvDgvW9ldxCiWsUKWIaN/s1600/gebuk.gif', ':hoho:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioBhgeWNMOSaIGPDIxw6g3-wgTBG6jkBVH5azkP7PkFKgdVrYL-jhCvPzqzypmo49CCaAGXx4c1Cp0F_bAeZRVjZUy1vKydNr90JZaug3cSOQV6SIcezeNOtiUx4kBxUTq58K8yu1rOdKR/s1600/hoho.gif', ':huha:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZyheU8tp5CCtjboTMLYKuC_A6cPgG6Ncwoy19H9QSuDiq88W_1XVTHYKlxY9J1T4Ekei5Zw1I2PRe2mQMcT4ydk095QWtICvJRUdspFT0bOcwvEuXnOkrzxT_i4WV9f7hMtACRFYCfb1y/s1600/huha.jpg', ':jotos:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8Re3-vZkl5XLkTJLsIfi8huf93jOgB_UIeOY9wV-3Fs5Fjy-5XdveG-LUfwc05cAJz-Og9K0y2My0k1w_TIrP5s8g9tjDDrwERrKJY3tUX7NYXxlfljb4qhGYtXEwpV7gUFoNWl_6RkP9/s1600/jotos.gif', ':keplak:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnOGEGNxA5YzF6sEEfWCSsBRrX4WW7acH1NNFQVP58z57Og1a_zK0349uvXB1Y6tyTssSpsTzIAzM_U187VDVMwTxX_QJpS7-eIWTgZVvMO8YLU9Fi6Xu6rao0-oMOhDh2zXFsCuxEdXkk/s1600/keplak.gif', ':keplak2:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4pY7GfYdhpVxBnd3DVxU2ClgOoqxabkfNa3oXj15PZPgZnQXnmzdY3jqC-WMlWxfSB0sUSUqqVaMfHJeYOBgHZH_3qnKR2IiCT38mHo1wZcP4oZR9BtabnXMLyjaQabPU886I1JrqtHJz/s1600/keplak2.gif', ':lolol:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfjumvERbWxyFHUj_sfdJ_P2LZ2OhyYc6pffvjPctP5EREcGBf8vIR0uBOmVCTKXujF3Ycc7mnGCnAJAG7dm0Vd_XFGdZqwplWcqOrSJ8B8kdMJTv1uinailZZY83gdPoCdckffhSyZIjG/s1600/lolol.gif', ':maso:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY-_BJKX4XImBuGHOTGZO6B06H2v8LYK9GqdqAupTfDS682WKGTA366YEkxG88lBh4kjifq1L7kplc0NhinGYW-zFL4Ii1sVSNiAAE6EffJu1H8XgkJ7KWMOYab9Y_6nigDEjPuPfoq06Y/s1600/maso.gif', ':mlayu:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghOvvP_NeS8eDjkyPlNulZPa9v0QsR8cw1hFtsg-GFun29XkirTB4GbERO49n2e0Oa2h79N9ypQQ2zlruwkrq3xdzN0DyLfTwqk4ybl6RXbeIn3Ag52VJxOurHDvhCKN9vxJyhisVl8TsP/s1600/mlayu.gif', ':muter:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKZJ6SCfK4xQRsdSeH4p1smu1kskFyY98q1Yji0IRi-6H6JOq0Trqx5jJW-lFcmJk2GNlpT9E5cQzSlf3PPXHDgPrRJsgk4Magr__aPB37uDDehCvlEhRx2dDcJbMf1aPvex3imjr6Z7jq/s1600/muter.gif', ':pakyu:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC8_J4EJobS-EynxRopdMuodEO86YCiCAHbxMwyT8uEO64BDp6g2qIeGgyZUDc3gFu6jwaJ-YF5PKy8oqkGni_cOHEs4qEtZdLZp0F9ApR_AHYN0IIuBTyJ-uDHGjXAjT23TSioiYROeoB/s1600/pakyu.gif', ':pare:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZhSuVx9dwQfI5zHJEG27lK-E5UUJSmyWMpEmBupynf4JifZxhBPcY1jK4DQOgQ7n1Qwyhu-RG_OPE-hTzw2uVVfGban1FNc_8YLIo04CR9xiTe04c_bWs4FvuLPxLTDuQreh-djWFIT3U/s1600/pare.jpg', ':pong:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0UsU4SMueGHs_VS3SiRe-kPQl38rYofcM5a7q5BTLkT1eJEv54P4pI5WozQhAkO_m9MhPPDl5jaFKz3edrGcHsEpUf9MrFnUY9Ps_HzymZvm65RqeDYRIykOV73PruL_iHeL0RRt_1skn/s1600/pong.gif', ':sodok:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrspy5UETlldaO-27dXeS46ZwonPJhkp7UJ1caXcaa8QEg66Prp1YKWyH8EAI7py7xQrWblzsACeWSm4lzvtqCyfAdOH92XVbYBLy2gsCserP9IiDcD0RjGUJor0uwKQriD7Ozurd5Dhbo/s1600/sodok.gif', ':udud:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMqybr7dv80G8-VOvDFL6uJPKu33oJvyBqWvKJZ9m5z31HcpugfgMlaMNjdg8v0dWR7u_NV-uPeRVWetI-M_QReoItId3nFJE5iLGLwUzVgDeemySHFU0usTUKr3vQ5j2cRzx26TRdHjgv/s1600/udud.gif', ':usap:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcZyPEZ4k2s8JBWre4R38P5GVCmkaG0ajF0SEPOA4q2kZPJbYCdM3KZYU9ijNEiBvdd7ikAuJl5zmOL-e642pG4rmGduPFO5iqVlwvj3JU9F4srIgKzXkktyWxN8sIZ-pgkVXGIzQhsHoC/s1600/usap.gif', ':yaosay:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOCe4A6OM7MV3RIh0eCFI87gCS-y0Ij7itjFeR8imL5xu-uayebSqGl_adksz6QIV94RwzctlsBT-5jA3uN6iSOS_J7hRPWVoalOcvP2ueUfgart81j3IvNF-WQOXn1mIPcb2m_lpzmOdn/s1600/yaosay.jpg', ':waduh:' ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglABhFq15Cf0SKDJdDKVmBTSA8GLfygxJIA2G3LwtJE6hW31RtEGo7mvt3FfcJoNA4RbE0JVBHKgdUkgNVpxH6TI4EOU0wY8uQetfgQEPgMJuL_JYW91ukVioMHpzKKVAnqB5JqzAZOLE4/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="">','&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,{})) 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></code></pre> 2. Kedua Cari Kode lagi yang seperti gambar dibawah ini dan ganti dengan kode yang sudah saya siapkan dibawah gambar ini <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsAstvMpa6athGIFyuOKnz3D1J5Id4WU7lSyE6uhmJfvebXNEZJxewJhLFrVq9LSRc-Rjwam6BljGfhyphenhyphenruJHfkV_kiCfBkDepNIggRlZfGiDHg1AX-hKdvqoXW31zB1C5XY1cObk9VsSK2/s1600/22.jpg" target="_blank"><img /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsAstvMpa6athGIFyuOKnz3D1J5Id4WU7lSyE6uhmJfvebXNEZJxewJhLFrVq9LSRc-Rjwam6BljGfhyphenhyphenruJHfkV_kiCfBkDepNIggRlZfGiDHg1AX-hKdvqoXW31zB1C5XY1cObk9VsSK2/s1600/22.jpg" target="_blank">Lihat Gambar</a></div><pre data-codetype="HTMLku" title="HTML"><code><b:includable id='threaded-comment-form' var='post'> <div class='comment-form'> <div id='form-wrapper'> <b:if cond='data:mobile'> <data:blogCommentMessage/> <data:blogTeamBlogMessage/> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <a expr:href='&quot;https://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + 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 == &quot;item&quot;'> <a expr:href='&quot;https://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + 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'> <data:blogCommentMessage/> <a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;none&apos;' title='Show Emoticon'> Emoticon</a><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;inline-block&apos;' title='Hide Emoticon'> Emoticon</a> <div id='emo-box' style='display:none'> <div class='comment_emo_list'/> </div> <data:blogTeamBlogMessage/> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <a expr:href='&quot;https://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + 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 == &quot;item&quot;'> <a expr:href='&quot;https://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + 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(&quot;<data:post.appRpcRelayPath/>&quot;, &quot;<data:post.communityId/>&quot;); </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 '' + entry.content.$t + ''; } } } 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 &quot;<data:blog.pageName/>&quot;</b:if> <b:if cond='data:post.numComments == 1'> 1 Response to &quot;<data:blog.pageName/>&quot; </b:if> <b:if cond='data:post.numComments &gt; 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> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='threaded-comment-form'/> <b:else/> <data:post.noNewCommentsText/> </b:if> <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 + &quot;_backlinks-container&quot;'> <b:if cond='data:post.showBacklinks'> <b:include data='post' name='backlinks'/> </b:if> </div> </div> </div> </b:includable></code></pre> 3. Ketiga Ganti CSS Komentar anda dengan CSS dibawah ini [Cari di <kbd></style></kbd>] <pre data-codetype="CSSku" title="CSS"><code>/* 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/AVvXsEhyaeus9W6KItYzFUVZlBo6H8FWhQmwwkZ3Q_a0aV4BFXlpCuJhPEDqOiEfyDWwtrlpkVD3fwdn2C3QnMOXypZhx0YSaIdng3p_rfBdUzWt2pfUSLrLtRb2zLc0fm4Mli3kO3phmzku79I/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}</code></pre> 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 <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFo78MhQJVxL6hakdIYTMThNHSxC2KmmapuRwS9ESxQzbUw5MQphJo2PQqbx5RhB_xCzyCmuaTXh6U9WlB3Lb4Obp0YSvezqBU9wdaYYt-F-BqyULRSCG_FXOlFNt75z2NirnasDgVF16U/s1600/Screenshot_2.jpg" target="_blank"><img border="0" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFo78MhQJVxL6hakdIYTMThNHSxC2KmmapuRwS9ESxQzbUw5MQphJo2PQqbx5RhB_xCzyCmuaTXh6U9WlB3Lb4Obp0YSvezqBU9wdaYYt-F-BqyULRSCG_FXOlFNt75z2NirnasDgVF16U/s640/Screenshot_2.jpg" width="640" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFo78MhQJVxL6hakdIYTMThNHSxC2KmmapuRwS9ESxQzbUw5MQphJo2PQqbx5RhB_xCzyCmuaTXh6U9WlB3Lb4Obp0YSvezqBU9wdaYYt-F-BqyULRSCG_FXOlFNt75z2NirnasDgVF16U/s1600/Screenshot_2.jpg" target="_blank">Lihat Gambar</a></div>Sekian tutorial <a href="http://zanderdisk.blogspot.com/2017/04/cara-membuat-kotak-komentar-emiticon-di.html">Cara Membuat Comment Form Emoticon Seperti Kurogaze versi Blogger</a> semoga bermanfaat. <div class="clear"></div></div>

Tutorialjib

RemIcy Anime WordPress Theme

Cara Membuat Kotak Komentar Emiticon Di Blog

Popular Posts

Sponsor Iklan

Blog Archive