Membuat Emoticon di Kotak Komentar

Akhirnya posting juga setelah beberapa hari M2 ngadat, capek deh.. maaf ya maz..! baru saya posting. Posting kali ini adalah request dari ƒôèzîäñx salah satu blogger indonesia huehehe.. gini ne requestnya 'oiya, cara bikin smile nie gmna... :} bikin posting lagi yaaa tentang itu'. dan ini ini juga ' saya mao nanya tentag smile koment nich... kyak di atas... cara nya gimna bikinnya... makasih sebelum nya... tolong dibalas yaaa.... soalnya saia masih pemula.....' jadi saya posting deh tutorial ini. Sebenarnya udah banyak blogger yang membahas tentang tutorial ini tapi ga papa lah.. judul blognya aja BERBAGI BERSAMA, masak ga boleh berbagi ;} langsung aja ya... gini caranya
Karena emoticon dari mas kendhin lagi trouble jadi saya guna'in dari Sobat ini.

Untuk memasang berbagai icon di kotak komentar memang perlu sedikit ngedit.

1. Pertama backup templatemu dulu
2. Berdo'a :)
3. Login ke blogspot, masuk ke "Layout (Tataletak) --> Edit HTML "
4. Beri tanda centang pada kotak "expand widget template"
5. Lalu letakkan kode2 berikut setelah kode <p class="comment-footer"> yang kedua. INGAT Kodenya itu ada 2, letakkan di yang urutan kedua, tepatnya di (setelah kode yang cetak tebal)
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<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>
</p>

Berikut ini script yang harus kamu letakkan:

<b><img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04210.gif' width='40'/>
:a:
<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04212.gif' width='40'/>
:b:
<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04213.gif' width='40'/>
:c:
<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04219.gif' width='40'/>
:d:
<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04220.gif' width='40'/>
:e:
<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04224.gif' width='40'/>
:f:
<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04231.gif' width='40'/>
:g:
<br/><img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04233.gif' width='40'/>
:h:
<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04247.gif' width='40'/>
:i:
<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04235.gif' width='40'/>
:j:
<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04241.gif' width='40'/>
:k:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04236.gif' width='40'/>
:l:
<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04217.gif' width='40'/>
:m:
<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons04237.gif' width='40'/>
:n:
</b>

<b><img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons0084.gif' width='40'/>
:a:
<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons0088.gif' width='40'/>
:b:
<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00810.gif' width='40'/>
:c:
<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00812.gif' width='40'/>
:d:
<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00813.gif' width='40'/>
:e:
<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00817.gif' width='40'/>
:f:
<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00818.gif' width='40'/>
:g:
<br/><img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00819.gif' width='40'/>
:h:
<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00822.gif' width='40'/>
:i:
<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00827.gif' width='40'/>
:j:
<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00829.gif' width='40'/>
:k:<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00828.gif' width='40'/>
:l:
<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons00826.gif' width='40'/>
:m:
<img src='http://sites.google.com/site/diesilversite/smileys/AddEmoticons0082.gif' width='40'/>
:n:
</b>

6. Kemudian letakkan script berikut sebelum kode  < /body >

<script src='http://ardi33.fileave.com/smileyyahoo.js' type='text/javascript'/><br /><script src='http://ardi33.fileave.com/smileyturtle.js' type='text/javascript'/><br /><script src='http://h1.ripway.com/pinginbelajar/042009/emoticon_yahoo.js' type='text/javascript'/><br /><script src='http://h1.ripway.com/pinginbelajar/042009/comment_emoticon.js' type='text/javascript'/>


Lalu save kemudian lihat hasilnya.
* Kalau blm berhasil silahkan ulangi dengan teliti. Jika masih belum berhasil, mungkin hasil dari kode2 tersebut tidak berhasil dikarenakan setiap template mempunyai kode yang beda atau javascriptnya bermasalah.  

UPDATE: Script diatas ada yang tidak berfungsi. Klik disini untuk membuat emoticon terbaru.