Memasang emoticon di atas kotak komentar

Kita pasti sering melihat blog para senior, dimana kotak komentar pada blognya terdapat emoticon-emoticon keren yang bisa mengekspresikan perasaan kita

Kehadiran emoticon pada kotak komentar termasuk lumayan penting, karena membuat blog kita terlihat keren.

OK, mari kita mulai aja tutorialnya.

1. Login ke Blogger kemudian pilih menu Layout/Tata letak

2. Klik menu Edit HTML dan jangan lupa untuk mencentang Expand Template Widget

3. Cari code </body> Biasanya terletak di bagian paling akhir dari kode template anda, scrool aja sampai mentok kebawah, he.he.
kemudian letakkan kode di bawah ini tepat di atasnya.

<script src='http://sites.google.com/site/rtechnologi/java-script/Smile.js' type='text/javascript'/>

4. kalau sudah, berikutnya cari kode ini <b:if cond='data:post.embedCommentForm'>

5. Kemudian Letakkan kode berikut ini, sebelum kode <b:if cond='data:post.embedCommentForm'>:

<b>
<font style='color:$sidebarcolor'><center>Smiles</center>
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
&quot;:))&quot;
<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
&quot;:)]&quot;
<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
&quot;&#8216;;))&quot;
<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
&quot;;;)&quot;
<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
&quot;:D&quot;

<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
&quot;;)&quot;
<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
&quot;:p&quot;
<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
&quot;:((&quot;
<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
&quot;:)&quot;
<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
&quot;:(&quot;
<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>

&quot;:X&quot;
<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
&quot;=((&quot;
<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
&quot;:-o&quot;
<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
&quot;:-/&quot;
<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
&quot;:-*&quot;
<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
&quot;:&quot;
<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>

&quot;8-}&quot;
<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
&quot;~x(&quot;
<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
&quot;:-t&quot;
<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
&quot;b-(&quot;
<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
&quot;:-L&quot;
<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
&quot;x(&quot;
<img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
&quot;=))&quot;</font></b>

6. Selesai deh, tinggal lihat hasilnya!