Kamis, 03 Februari 2011

Emoticon Di Kotak Komentar

Akhirnya saya punya waktu juga untuk menulis artikel ini, maklumlah kalau musisi seperti saya ini agak susah punya waktu luang. Dan postingan saya kali ini akan menjawab sebuah pertanyaan dari salah seorang blogger 4k4n3ch4n yang meminta untuk diajarin cara membuat emoticon di kotak komentar.

Emoticon yang saya pakai bisa para sobat lihat dulu, silahkan scroll halaman ini ke bawah dan letaknya persis di atas kolom penulisan komentar, apakah para sobat tertarik juga untuk memilikinya...? Jika tertarik, silahkan untuk melanjutkan membaca artikel ini.

Untuk bisa mendapatkan emoticon di kotak komentar, silahkan ikuti langkah-langkah berikut ini :

1. Masuk ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan cari di dalam template anda kode </body>
6. Persis sebelum kode tersebut, pastekan script di bawah ini

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

7. Silahkan cari lagi di dalam template anda kode <b:if cond='data:post.embedCommentForm'>
8. Persis sebelum kode tersebut, pastekan script di bawah ini

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

9. Klik Simpan Template
10. Selesai

Bagi para sobat blogger yang mengalami masalah dalam pemasangan emoticon ini, kemungkinannya disebabkan karena sebelumnya ada beberapa script yang pernah dirubah pada script comment anda, jadi solusinya kita harus merubah lagi beberapa script comment tersebut, bagaimana caranya...? Ada satu blog yang sedang membahas tentang script comment tersebut saat ini [ DeciL ], beliau adalah sobat saya, silahkan anda langsung surfing ke blog tersebut. Semoga dengan penjelasan beliau, andapun bisa mempunyai sebuah emoticon di kotak komentar. Amin

Jika pada saat ini anda tidak mendapatkan hasilnya sebagaimana yang telah saya tulis di atas, berarti file JavaScript tersebut sudah OverLoad. Silahkan surfing [ di sini ] untuk mendapatkan file JavaScript terbarunya.

Selamat mencoba, semoga bermanfaat


Artikel Terkait:


1 komentar:

Komentator Blog Ini