Tips Membuat Emoticon Pada Kotak Komentar

Emoticon adalah icon-icon lucu serta unik yang biasanya digunakan untuk menambahkan karakter-karekter lucu dalam suatu posting, komentar atau fasilitas pada kotak komentar dan lain sebagainya. Artikel ini (save draft) emang sengaja terbitnya sangat-sangat ketinggalan dan sekedar melengkapi kualitas dan kuantitas isi blog jadul ini biar lengkap aja kaleee :D hehehehe.

Contoh sederhana seperti ini :




:)
:(
;)
:D
;;)
>:D<
:-/
:X
:">
:p
:-*
=((
:-o
:((
:))
:|
=))
8-}
<:-P
@};-
~O)
:-L
$-)
:-"
b-(
:)>-
\:D/
;))
^:)^
:)]
~x(
:-t
X_X
:!!
\m/
^#(^

Disini saya ingin mengutip cara membuat dan menempatkan emoticon pada blogger.

Langkahnya :

1. Login blog

2. Layout + Edit HTML + Backup dahulu + (centang) Expand Template Widget

3. Copy dan paste kode dibawah ini diatasnya --> </body>

<script src='http://www.geocities.com/dhuwuh/emoticon.js' type='text/javascript'/>

</body>

</html>

4. Kemudian cari kode dibawah ini :

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

5. Setelah ketemu, copy kode emoticon berikut dibawahnya --> <p class='comment-footer'>


Hasil penempatan kode emoticon kurang lebih seperti dibawah ini:

<p class='comment-footer'>

<b>

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/> :))

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/> :)]

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/> ;))

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/> ;;)

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> :D

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> ;)

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/> :p

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/> :((

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> :)

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> :(

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> :X

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/> =((

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> :-o

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> :-/

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/> :-*

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/> :|

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/> 8-}

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/> ~x(

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/> :-t

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/> b-(

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/> :-L

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/> x(

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/> =))
</b>


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

6. Save template

n/b : Untuk menambah kan karakter icon emoticon agar lebih komplit/lengkap, tinggal seting dan utak-utik program emoticon.js, yang penambahan karakter emoticonnya mungkin bisa juga diambil disini atau disini.