Membuat Emoticon di Kotak Komentar

Setelah saya melakukan blogwalking, ternyata pake emoticon di kotak komentar bagus juga ya..^;^ Jadi, gak ada salahnya jika kita mencoba utk menaruh emoticon di kotak komentar kita, ya kan??Langsung aja yuk..

Berikut adalah langkah-langkahnya:

1. Pertama-tama, login ke akun blogger anda
2. Pilih Layout(Tata Letak) -> Edit HTML, centang kotak Expand Widget Template
3. Jangan lupa Download Template Lengkap buat jaga-jaga..
4. Cari kode bercetak tebal berikut dengan menekan Ctrl+F di keyboard

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

NB:
-Kode <p class='comment-footer'> ada 2 di kode HTML kita, pilih kode yang kedua sesuai dengan tampilan di atas
-Jika anda tidak menemukan kode <p class='comment-footer'&gt, maka coba dengan menggunakan kode <p class="comment-footer"> 

5. Letakkan kode-kode berikut setelah kode <p class='comment-footer'>

<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/Ad
dEmoticons04235.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>


Hasilnya:



:a:

:b:

:c:

:d:

:e:

:f:

:g:

:h:

:i:

:j:

:k:


:l:

:m:

:n:



6. Letakkan kode berikut sebelum kode </head>




<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'/>
 
7. Klik Simpan Template dan lihat perubahan di kotak komentar anda..^^


Selamat mencoba,

2 komentar:

Cygnus mengatakan...

... thank gan atas infonya !

Jaka Zulham mengatakan...

takut ah taruk yang beginian...


emoticon dapat memberatkan blog, mengamburadurkan blog, dan janin..(apa hubungannya..)?
heheh
http://jakazulham.blogspot.com

Posting Komentar