memasang emotikon dikotak komentar diblog

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.

Sumber: http://www.feryfadly.com/2009/03/membuat-emoticon-di-kotak-komentar.html

Posted in: Blog