Emoticons Untuk Pemanis Komentar (Bagian 1)

By Admin di 9/25/2008 |

Emoticons Untuk Pemanis Komentar (Bagian 1) -

Demi memuaskan hasrat situkang Ronda alias mas Fajar, maka saya mulai menulis cara menambahkan para monyet2 keren dibawah ini. Sebenarnya saya hanya mengubah javascript yang saya dapatkan dari blognya O-om pada postingan yang berjudul Pasang emoticon diatas kotak komentar (Silahkan kunjungi untuk lebih jelasnya).

Sekarang langsung keintinya deh, berikut cara pasang emoticon kerennya..

1. Sisipkan kode berikut dibawah ]]></b:skin> atau diatas </head>

<script src='http://herrolim.googlepages.com/herro-emoticons.js' type='text/javascript'/>

Save.....

2. Centang Expand Widget Templates kemudian cari kode berikut

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

Kalo sudah ketemu sisipkan kode berikut dibawah <p class='comment-footer'>

<b><table border='1'>
<tr>
<td><img border='0' src='http://i530.photobucket.com/albums/dd341/herrolim/b aca.gif'/>
/b aca</td><td><img border='0' src='http://i530.photobucket.com/albums/dd341/herrolim/b isik.gif'/>
/b isik</td><td><img border='0' src='http://i530.photobucket.com/albums/dd341/herrolim/b om.gif'/>
/b om</td><td><img border='0' src='http://i530.photobucket.com/albums/dd341/herrolim/c linguk2.gif'/>
/c linguk2</td><td><img border='0' src='http://i530.photobucket.com/albums/dd341/herrolim/d iem.gif'/>
/d iem</td>
</tr>
<tr>
<td><img border='0' src='http://i530.photobucket.com/albums/dd341/herrolim/d uer.gif'/>
/d uer</td><td><img border='0' src='http://i530.photobucket.com/albums/dd341/herrolim/g rogi.gif'/>
/g rogi</td><td><img border='0' src='http://i530.photobucket.com/albums/dd341/herrolim/h ehe.gif'/>
/h ehe</td><td><img border='0' src='http://i530.photobucket.com/albums/dd341/herrolim/h ihi.gif'/>
/h ihi</td><td><img border='0' src='http://i530.photobucket.com/albums/dd341/herrolim/h iks.gif'/>
/h iks</td>
</tr>
<tr>
<td><img border='0' src='http://i530.photobucket.com/albums/dd341/herrolim/h mmm.gif'/>
/h m</td><td><img border='0' src='http://i530.photobucket.com/albums/dd341/herrolim/h ore.gif'/>
/h ore</td><td><img border='0' src='http://i530.photobucket.com/albums/dd341/herrolim/j edug.gif'/>
/j edug</td><td><img border='0' src='http://i530.photobucket.com/albums/dd341/herrolim/k embik2.gif'/>
/k embik2</td><td><img border='0' src='http://i530.photobucket.com/albums/dd341/herrolim/k esel.gif'/>
/k esel</td>
</tr>
<tr>
<td><img border='0' src='http://i530.photobucket.com/albums/dd341/herrolim/k oprol.gif'/>
/k oprol</td><td><img border='0' src='http://i530.photobucket.com/albums/dd341/herrolim/k ringetan.gif'/>
/k ringet</td><td><img border='0' src='http://i530.photobucket.com/albums/dd341/herrolim/l ari.gif'/>
/l ari</td><td><img border='0' src='http://i530.photobucket.com/albums/dd341/herrolim/l empar.gif'/>
/l empar</td><td><img border='0' src='http://i530.photobucket.com/albums/dd341/herrolim/l icik.gif'/>
/l icik</td>
</tr>
</table></b>

Save........

Nah sampai disini maka selesai sudah perubahannya. silahkan dicek pada blognya apakah sudah muncul para monyet keren tersebut. Jrenggg....ga muncul ya??yaiyalah, makanya jgn copas mulu.../hehe. Masalahnya bukan pada anda atau layar monitornya, tapi pada kode HTMLnya. Hilangkan semua "spasi" pada kode diatas yang kayak gini "/h ehe".

Cukup deh. Lagi males nulis nih. Pada bagian2nya anda akan saya ajak untuk mengubah java script emoticon ini sehingga sesuai dengan yang anda inginkan. Tentunya tidak semua blogger menyukai emoticon "Monyet keren", mungkin ada yang suka "Kucing Imut" atau lainnya(kan ga asik kalo sama semua). Karena itu siapkan dahulu emoticonnya. Atau kalo sudah memahami cara kerjanya silahkan untuk mengubah sendiri(jadikan ga perlu ada "bagian2", biar ga capek nulis./hihi)

Related Posts by Categories