Cara Memasang Emoticon di Blog

Beberapa hari yang lalu saya ingin memasang emoticon di kotak komentar blog ini, segala upaya udah dilakuin :D tapi tetap aja gak work !! cuma bisa nampilkan yang di tulis seperti ' :) ' tapi gak berubah menjadi emoticon.

Belum cukup disitu , masih nyoba googling mencari kode script yang berbeda. Tapi tetap aja gak bisa, permasalahnnya masih seperti yang tadi.

Terakhir nyoba menggunakan jQuery dari mkr-site , dan masih pada permasalahan yang sama. Perjalanan belum berakhir, karna makin bingung yaudah baca-baca komentar yang ada di blog tersebut. Ternyata banyak banget yang ngalamin seperti saya, adminnya ngasi solusi buka www.dte.web.id , nahh ternyata permasalahannya ada pada template yang saya gunakan.

Dan ternyata gampang banget mengatasinya, berikut caranya :

1. Buka edit html

2. Cari kode di bawah ini :

<b:includable id='threaded-comment-form' var='post'>

  <div class='comment-form'>

    <a name='comment-form'/>

    <b:if cond='data:mobile'>

      <p><data:blogCommentMessage/></p>

      <data:blogTeamBlogMessage/>

      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>

    <b:else/>

      <p><data:blogCommentMessage/></p>

      <data:blogTeamBlogMessage/>

      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>

    </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>

gunakan CTRL+F . kemudian cari <b:includable id='threaded-comment-form' var='post'> atau <div class='comment-form'>

3. Ganti semua kode di atas dengan :

<b:includable id='threaded-comment-form' var='post'>

  <div class='comment-form'>

    <a name='comment-form'/>

<div id='form-wrapper'>

    <b:if cond='data:mobile'>

      <p><data:blogCommentMessage/></p>

      <data:blogTeamBlogMessage/>

      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>

    <b:else/>

      <p><data:blogCommentMessage/></p>

      <data:blogTeamBlogMessage/>

      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>

    </b:if>

</div>

    <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>

4. Simpan template

Bisa dilihat hasilnya :)

sumber: 

mkr-site.blogspot.com

www.dte.web.id