Membuat tampilan emoticons pada komentar di blog

"Ekspresikan komentar kamu dengan tampilan emoticons...", itulah sepenggalan kalimat yang ada di form komentar blog ini. Wah berbicara mengenai emoticons, saya adalah salah satu orang yang menyukai icon ini. Karena suka dengan icon tersebut, sempat bela-belain nambahin script dasarnya yang udah bertebaran di mana-mana. Tapi thanks dech...buat si empu script dasarnya yang saya sendiri nggak tahu. Habis bingung sih script tutorialnya pada sama. Mungkin di antara kalian telah ada yang memasang emoticons pada form komentarnya. Nah kalo pengen tampilan emoticons yang lebih, akan saya bagi-bagi deh buat kalian biar komentar pengunjung blog kalian lebih banyak vareasi emoticonsnya. Bagi kalian yang belum buruan deh pasang karna saya akan bahas dari awal caranya di postingan ini. Di bawah ini adalah bentuk tampilan emoticons yang bisa digunakan pengunjung blog kalian pada komentarnya.

 :)) 

 ;)) 

 ;;) 

 :D 

 ;) 

 :p 

 :) 

 :(( 

 :( 

 :X 

 =(( 

 :-o 

 :-/ 

 :-* 

 :| 

 8-} 

 :)] 

 :ar! 

 b-( 

 :-L 

 @};- 

 (*) 

 [-X 

 ~O) 

 B-) 

 :!! 

 :O) 

 :-h 

 :-" 

 :-t 

 #:-S 

 :-? 

 :-$ 

 #-o 

 :-B 

 :bz 

 \m/ 

 :-bd 

 =)) 

 X_X 

 :-?? 

 :-c 

 o-+ 

 :o3 

            Gimana, lebih banyak pilihannya bukan?! Ok langsung saja saya jelaskan caranya. Bagi kamu yang kemarennya sudah pasang emoticons pada form komentarnya silahkan ganti external script dasarnya dengan external script yang baru di bawah ini:

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

            Bagi kalian yang baru mau pasang emoticons pada form komentarnya, silahkan ikuti langkah-langkahnya di bawah ini.

            Pertama-tama pastikan bahwa kalian telah "login" pada blog yang kalian miliki. Kemudian lihat pengaturan komentar kalian apakah telah persis seperti gambar di bawah ini. Kalau belum silahkan kalian atur persis seperti gambar :

            Langkah selanjutnya masuklah ke bagian "Tata-Letak" dan pilih "Edit HTML". Sampai di sini beri centang pada "Expand Template Widget" kemudian carilah tulisan </body> dan letakkan external script di atas tepat di atas tulisan </body> tersebut.

            Langkah berikutnya adalah kalian harus mencari lagi kode di bawah ini. Untuk memudahkan pencarian gunakan Ctrl+F pada keyboard.

<p class='comment-footer'>

            Setelah kalian temukan kode di atas maka akan tampak tampilan kodenya seperti di bawah 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>
    </b:if>

Silahkan kalian letakkan kode di bawah ini tepat di bawah kode yang berwarna biru pada kolom di atas.

<table cellpadding='5' cellspacing='3'>
<tr>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/><br/> :)) </td>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/><br/> ;)) </td>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/><br/> ;;) </td>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/><br/> :D </td>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/><br/> ;) </td>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/><br/> :p </td>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/><br/> :) </td>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/><br/> :(( </td>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/><br/> :( </td>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif' width='34'/><br/> \m/ </td>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif' width='40'/><br/> :-bd </td></tr>
<tr>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/><br/> :X </td>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/><br/> =(( </td>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/><br/> :-o </td>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/><br/> :-/ </td>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/><br/> :-* </td>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/><br/> :| </td>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/><br/> 8-} </td>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/><br/> :)] </td>
<td style='text-align:center'><img border='0' height='18' src='http://l.yimg.com/a/i/us/msg/emoticons/pirate_2.gif' width='20'/><br/> :ar! </td>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='32'/><br/> =)) </td>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/109.gif' width='26'/><br/> X_X </td></tr>
<tr>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/><br/> b-( </td>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/><br/> :-L </td>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/53.gif' width='18'/><br/> @};- </td>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/79.gif' width='18'/><br/> (*) </td>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/68.gif' width='22'/><br/> [-X </td>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/57.gif' width='18'/><br/> ~O) </td>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif' width='18'/><br/> B-) </td>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/110.gif' width='36'/><br/> :!! </td>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/34.gif' width='28'/><br/> :O) </td>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/106.gif' width='42'/><br/> :-?? </td>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif' width='28'/><br/> :-c </td></tr>
<tr>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif' width='28'/><br/> :-h </td>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/65.gif' width='22'/><br/> :-" </td>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/><br/> :-t </td>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif' width='34'/><br/> #:-S </td>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif' width='18'/><br/> :-? </td>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/32.gif' width='18'/><br/> :-$ </td>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/40.gif' width='24'/><br/> #-o </td>
<td style='text-align:center'><img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif' width='24'/><br/> :-B </td>
<td style='text-align:center'><img border='0' height='18' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/115.gif' width='28'/><br/> :bz </td>
<td style='text-align:center'><img border='0' height='18' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/74.gif' width='18'/><br/> o-+ </td>
<td style='text-align:center'><img border='0' height='18' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/108.gif' width='30'/><br/> :o3 </td></tr>
</table><br/>"Ekspresikan komentar kamu dengan tampilan emoticons di atas"<br/>"Silahkan copy-paste kode shortcut yang ada di bawah gambar untuk menampilkan emoticons pada komentar kamu"

            Setelah kalian masukkan kode di atas simpan template kalian dan jangan lupa give smile to me oke!