Emoticon Pada Kotak Komentar

Kemarin ada permintaan tutorial mengenai emoticon pada kotak komentar saya, dari saudara Q~Q. yang contohnya dapat anda lihat di bawah ini ;

 Sebernya sangat mudah,  untuk menampilkan emoticon seperti gambar di atas, adapun tutorialnya sbb ;

1. Sign In pada account blog anda
2. Klik tulisan tata letak pada tab
3. Klik tulisan Edit HTML pada tab
4. Klik tulisan expand widget template seperti gambar di bawah ini ;

 

1. Silahkan saudara cari kode </body> pada template
2. Taruh kode HTML di bawah ini sebelum kode </body> tersebut ;

<script src='http://h1.ripway.com/pinginbelajar/042009/comment_emoticon.js' type='text/javascript'/>

• Selanjutnya silahkan anda mencari kode script berikut                                                                     <b:if cond='data:post.embedCommentForm'>
• Setelah itu silahkan copy paste script dibawah ini dan letakkan sebelum script di atas
 

<div style='overflow:auto; width:100%px; height:200px; padding:5px 5px 5px 5px; background:#FFFFFF;'>
<center><b>
<img border='0' src='http://img7.imageshack.us/img7/5660/pinginbelajar1.gif'/>:10
<img border='0' src='http://img162.imageshack.us/img162/9828/pinginbelajar2.gif'/>:11
<img border='0' src='http://img338.imageshack.us/img338/2876/pinginbelajar5.gif'/>:12
<img border='0' src='http://img178.imageshack.us/img178/4784/pinginbelajar6.gif'/>:13
<br/>
<img border='0' src='http://img15.imageshack.us/img15/5646/pinginbelajar7.gif'/>:14
<img border='0' src='http://img54.imageshack.us/img54/9709/pinginbelajar8.gif'/>:15
<img border='0' src='http://img228.imageshack.us/img228/2490/pinginbelajar9.gif'/>:16
<img border='0' src='http://img254.imageshack.us/img254/9241/pinginbelajar10.gif'/>:17
<br/>
<img border='0' src='http://img249.imageshack.us/img249/715/pinginbelajar16.gif'/>:18
<img border='0' src='http://img19.imageshack.us/img19/8225/pinginbelajar20.gif'/>:19
<img border='0' src='http://img249.imageshack.us/img249/368/pinginbelajar21.gif'/>:20
<img border='0' src='http://img249.imageshack.us/img249/3122/pinginbelajar23.gif'/>:21
<br/>
<img border='0' src='http://img8.imageshack.us/img8/7082/pinginbelajar24.gif'/>:22
<img border='0' src='http://img249.imageshack.us/img249/9643/pinginbelajar25.gif'/>:23
<img border='0' src='http://img3.imageshack.us/img3/9077/pinginbelajar26.gif'/>:24
<img border='0' src='http://img249.imageshack.us/img249/5254/pinginbelajar27.gif'/>:25
<br/>
<img border='0' src='http://img8.imageshack.us/img8/4191/pinginbelajar28.gif'/>:26
<img border='0' src='http://img13.imageshack.us/img13/3637/pinginbelajar29.gif'/>:27
<img border='0' src='http://img167.imageshack.us/img167/1944/pinginbelajar32.gif'/>:28
<img border='0' src='http://img53.imageshack.us/img53/61/pinginbelajar33.gif'/>:29
<br/>
<img border='0' src='http://img186.imageshack.us/img186/7215/pinginbelajar35.gif'/>:30
<img border='0' src='http://img106.imageshack.us/img106/7729/pinginbelajar36.gif'/>:31
<img border='0' src='http://img106.imageshack.us/img106/700/pinginbelajar17.gif'/>:32
<img border='0' src='http://img231.imageshack.us/img231/4497/pinginbelajar34.gif'/>:33
<br/>
<img border='0' src='http://img4.imageshack.us/img4/1805/pinginbelajar31.gif'/>:34
<img border='0' src='http://img72.imageshack.us/img72/7403/pinginbelajar30.gif'/>:35
<img border='0' src='http://img249.imageshack.us/img249/5619/pinginbelajar22.gif'/>:36
<img border='0' src='http://img249.imageshack.us/img249/9919/pinginbelajar15.gif'/>:37
<br/>
<img border='0' src='http://img254.imageshack.us/img254/9607/pinginbelajar14.gif'/>:38
<img border='0' src='http://img19.imageshack.us/img19/6241/pinginbelajar13.gif'/>:39
<img border='0' src='http://img19.imageshack.us/img19/2213/pinginbelajar12.gif'/>:40
<img border='0' src='http://img249.imageshack.us/img249/2448/pinginbelajar11.gif'/>:41
<br/>
<img border='0' src='http://img162.imageshack.us/img162/6028/pinginbelajar3.gif'/>:42
<img border='0' src='http://img162.imageshack.us/img162/1236/pinginbelajar4.gif'/>:43
<img border='0' src='http://img254.imageshack.us/img254/50/pinginbelajar19.gif'/>:44
<img border='0' src='http://img19.imageshack.us/img19/464/pinginbelajar18.gif'/>:45
</b></center>
</div>

• Klik Simpan Template 
• OK, Slesei

Emticon pada kotak komen dapat anda variasi dengan gambar lain selain di atas dan ini merupakan salah satu tutorial blog yang saya ambi dari seorang bLogger juga..........
Semoga Sukses dan terima kasih atas Requestnya dari saudara Q~Q ...