Minggu, 23 Oktober 2011

# Emoticon Di Kotak Komentar

Akhirnya saya punya waktu juga untuk menulis artikel ini, maklumlah kalau kuli 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

# Menambah Smile Cbox Dan Shoutmix

Cbox dan Shoutmix merupakan fasilitas yang bisa anda letakkan pada site yang berfungsi menampung pesan dari visitor yang berkunjung ke site anda. Banyak pengaturan yang bisa anda lakukan pada kedua Comment Box tersebut, tetapi untuk kali ini saya akan membahas cara menambah smile pada Cbox dan Shoutmix.

Sekarang kita akan bahas satu per satu, silahkan ikuti langkah-langkahnya :

Menambah smile pada Cbox :

1. Silahkan login ke Cbox anda
2. Klik Tab Options
3. Klik pilihan menu Smilies
4. Pada kolom URL, silahkan anda pastekan URL dari smile pilihan anda
5. Pada kolom Code, silahkan ketik kode yang anda inginkan. Jika ada yang mengetik kode ini maka secara otomatis smile tersebut akan tampil pada Cbox anda.
6. Pada kolom Alt. Code, silahkan ketik kode alternatif anda. Fungsinya sama seperti no. 5
7. Silahkan tambahkan smile tersebut sesuka anda di Cbox yang anda miliki. Inilah salah satu kelebihan Cbox, bagi para sobat yang berlangganan secara Basic Box ataupun Premium Box mempunyai fasilitas yang sama yakni sama-sama diberikan fasilitas unlimited smiles.
8. Klik Save
9. Selesai

Menambah smile pada Shoutmix

1. Silahkan login ke Shoutmix anda
2. Klik pilihan menu smileys pada Tab Display
3. Pada kolom smiley image URL, silahkan anda pastekan URL dari smile pilihan anda
4. Pada kolom Code, silahkan ketik kode yang anda inginkan. Jika ada yang mengetik kode ini maka secara otomatis smile tersebut akan tampil pada Shoutmix anda.
5. Pada kolom (optional), silahkan ketik kode alternatif anda. Fungsinya sama seperti no. 4
6. Silahkan tambahkan smile tersebut hingga 10 smile bagi yang berlangganan secara Basic Account, dan bagi sobat yang berlangganan secara Premium Account, anda bisa menambahkan smile tersebut hingga 500 smile.
7. Klik Save settings
8. Selesai

Bagi para sobat yang belum mempunyai URL smile untuk ditempatkan di Cbox atau Shoutmix, silahkan para sobat surfing di sini [ 33smiley ]

Cara mendapatkan URLnya, silahkan anda klik kanan pada smile yang anda inginkan, kemudian klik Properties, kemudian copy alamat URL yang ditampilkan pada baris Location

Selamat mencoba, semoga bermanfaat

Postingan Lebih Baru Postingan Lama Beranda