Home>> Wordpress> Cara Menampilkan Emoticon Pada Kolom Komentar

Cara Menampilkan Emoticon Pada Kolom Komentar

15 Oct 2009 Alwi85 comments

Cara Menampilkan Emoticon Pada Kolom Komentar Cara Menampilkan Emoticon Pada Kolom Komentar Agar blog menjadi lebih menarik pengunjung, di samping isi atau konten yang memang dibutuhkan, anda juga bisa menampilkan atau menambahkan emoticon pada kolom komentar. Fungsi dari Emoticon tersebut adalah untuk mengekspresikan apa yang dirasakan oleh para pengunjung yang ingin mengomentari tulisan yang kita posting. Namun emoticon default  yang ada di wordpress menurut saya kurang menarik. Anda bisa menambahkan atau menggantinya dengan emoticon yang lucu-lucu dan menarik pengunjung.  Kalau pada postingan sebelumnya pernah saya tulis tentang “Cara Menambah Emoticon Shoutmix“, maka pada postingan kali ini akan saya tulis tentang cara menampilkan dan menambahkan emoticon pada kolom komentar.  Nyok ….. langsung ke “TKP”.

Cara Pertama :

  1. Download plugin wp-grins (plugin untuk menampilkan emoticon)  DI SINI.
  2. Kemudian upload ke  wp-content -> plugins, di host WordPress  anda (bisa lewat cpanel atau FTP), kemudian extract. (setelah di extract hapus file masternya yaitu wp-grins.1.5.zip).
  3. Aktifkan Plugin tadi (wp-grins) pada tab Plugins -> Installed pada admin/dashboard WordPress anda.
  4. Ok, sekarang Emoticon telah muncul di  kolom komentar WordPress anda (Emoticon default).
  5. Jika kita ingin menggunakan Emoticon smile seperti gambar di atas atau seperti pada kolom komentar di bawah ini, anda harus mendownload emoticonnya terlebih  dahulu. Silahkan download DI SINI.
  6. Setelah di download, kemudian uploadlah ke wp-includes -> images -> smilies di host WordPress anda, kemudian diextract.
  7. Agar emoticon yang sudah anda upload tadi bisa tampil atau muncul, maka anda harus memasukkan kode-kode emoticon yang sudah anda upload beserta nama-nama filenya pada file functions.php yang ada di folder wp-includes (ribet yaaa ……… ).
  8. Dari pada ribet download aja ya  file functions.php yang sudah saya edit (pokoknya tinggal leeebbbb heeee), downloadnya DI SINI (functions1.zip)  kemudian upload di folder wp-includes trus diextrak.
  9. Cara di atas adalah untuk menampilkan emoticon default dan emoticon tambahan yang sudah diupload (emoticon yang lama atau yang sudah dimasukkan oleh komentator sebelumnya tetap muncul atau tidak hilang).

Cara Kedua :

  1. Jika hanya ingin menampilkan emoticon baru (emoticon default ingin disembunyikan/dihilangkan termasuk emoticon yang pernah ditambahkan oleh komentator sebelumnya), silahkan download file functions.php DI SINI (functions2.zip), kemudian upload di folder wp-includes trus diextrak.
  2. Habis itu buka deh …. salah satu postingan anda untuk melihat hasilnya, lalu lihat pada kolom komentarnya. Bim salabim kita lihat jadi apa prax …prax …. prax …..  heeeee….eee.
  3. Jika anda menguasai PHP silahkan berimprovisasi untuk menambahkan emoticon2 yang lebih banyak lagi,  sesuai selera anda. Caranya upload file koleksi emoticon anda ke folder wp-includes -> images -> smilies, ingat2 nama filenya atau anda ganti nama filenya sesuai selera anda kemudian anda buka file functions.php yang ada di folder wp-includes dengan cara klik file functions.php kemudian klik kanan terus klik atau pilih Edit atau Code Edit terus dicari sendiri yaaa… kira-kira code seperti ini :
    function smilies_init() {
     global $wpsmiliestrans, $wp_smiliessearch;
    
     // don't bother setting up smilies if they are disabled
     if ( !get_option( 'use_smilies' ) )
     return;
    
     if ( !isset( $wpsmiliestrans ) ) {
     $wpsmiliestrans = array(
     ':mrgreen:' => 'icon_mrgreen.gif',
     ':neutral:' => 'icon_neutral.gif',
     ':twisted:' => 'icon_twisted.gif',
       ':arrow:' => 'icon_arrow.gif',
       ':shock:' => 'icon_eek.gif',
       ':smile:' => 'icon_smile.gif',
       ':???:' => 'icon_confused.gif',
         ':cambuk:' => 'cambuk.gif',
         ':bye:' => 'bye.gif',
       ':gigit:' => 'gigit.gif',
       ':kedip:' => 'kedip.gif',
       ':marah:' => 'marah.gif',
     ':ngantuk:' => 'ngantuk.gif',
        ':baca:' => 'm_baca.gif',
        ':beee:' => 'm_beee.gif',
        ':cuex:' => 'm_cuex.gif',
      ':lompat:' => 'm_lompat.gif',
        ':love:' => 'm_love.gif',
       ':melet:' => 'm_melet.gif',
     ':mendolo:' => 'm_mendolo.gif',
      ':ngudut:' => 'm_ngudut.gif',
        ':plis:' => 'm_plis.gif',
        ':yess:' => 'm_yess.gif',
  4. Tambahkan kode emoticon di sebelah kiri dan nama file di sebelah kanan kemudian  disave.
  5. Trus istirahat dech ….. habis ngetiknya panjang banget heeeee……heeeee.

ZZZzzz ……….

Share This Post To : Artikel Menarik Lainnya :
  1. Wordpress 3.0 Released
  2. Cara membuat daftar isi di wordpress.com
  3. Wordpress 3.0 Release Candidate
  4. Upgrade Blog WP ke Wordpress 2.8.2 (versi terbaru)
  5. Upgrade Wordpress ke versi 2.8.3
  6. Update Wordpress ke versi 2.9 (terbaru)
  7. Membuat Blog Wordpress Dengan Domain Dan Hosting Gratis
  8. Upgrade Wordpress ke versi 2.8.6
  9. WordPress 2.9.1 is available! Please update now
  10. Posting Dengan Huruf Arab di Wordpress Self Hosting
  11. Upgrade Wordpress ke versi 2.8.4
  12. WordPress 2.9.1 Beta 1 Released, Fixes Bugs in WordPress 2.9
  13. Cara Membuat Daftar Isi di Wordpress dengan Sitemap Generator
  14. Cara Membuat Halaman Maintenance dengan .htaccess
  15. Upgrade Wordpress 3.0 Final
  1. 26 Apr. 2010 at 14:02 | #1

    wah thanks banget kang buat tutorialnya…
    .

    Reply

  2. 29 Apr. 2010 at 13:10 | #2

    tp bikin blog jadi berat ya kang

    Reply

    Alwi : Reply:

    Iya Kang nambah berat loading dan boros bandwidth, apalagi jika sebagian komentator juga memasukkan gambar emotnya, makanya saya copot …. saya sisain dikit heeee …

    Reply

    Bang Iwan : Reply:

    mungkin ini salah satu resiko yah kang..

  3. 13 May. 2010 at 11:00 | #3

    . hatur tengkyu

    Reply

    Bang Iwan : Reply:

    tengkyu kembali mas…..

    Reply

  4. 14 May. 2010 at 22:17 | #4

    Wah bagus banget…coba dulu bos, maklum newbie…

    Reply

  5. 31 May. 2010 at 22:43 | #5

    nyobain yg ini ah .. ama yg ini ..

    Reply

    Hendri : Reply:

    eh gak muncul.. dah di copot ya mas??

    Reply

    Bang Iwan : Reply:

    apanya yang dicopot kang?

    Hendri : Reply:

    kalo yg ini :ngopi

    Reply

    Bang Iwan : Reply:

    nggak muncul kang…..

    Hendri : Reply:

    penasaran nih.. yg ini .

    Reply

    Bang Iwan : Reply:

    aku juga berterima kasih….

    Hendri : Reply:

    yiiihaaa.. berhasil….. :roll:

    Reply

  6. 25 Jun. 2010 at 13:55 | #6

    makasih sharingnya bro

    Reply

  7. 28 Jun. 2010 at 11:48 | #7

    maksih mas tas infonya

    Reply

  8. 6 Jul. 2010 at 15:26 | #8

    aku cuman pake kaskus emoticon..

    Reply

    Bang Iwan : Reply:

    cara settingnya gampang…

    Reply

    Bang Iwan : Reply:

    tapi terkadang masih trouble..

    Bang Iwan : Reply:

    cara settingnya gampang……

    Reply

    Bang Iwan : Reply:

    yang penting baca tutorial disini

    Bang Iwan : Reply:

    Cuman kayaknya memperlambat loading

    Reply

    Bang Iwan : Reply:

    aku sudah berusaha menggunakan plugin yang saya baca disini.

    Bang Iwan : Reply:

    harus belajar banyak lagi dari blog ini

    Reply

    Bang Iwan : Reply:

    karena semuanya sudah tersedia disini.

    Bang Iwan : Reply:

    banyak artikel bermanfaat yang bisa dibaca

    Reply

    Bang Iwan : Reply:

    apalagi kalau diterapkan…

    Bang Iwan : Reply:

    Sambil belajar dan berusaha untuk optimize blog.

    Reply

    Bang Iwan : Reply:

    belajar dengan semangat tiada henti.

  9. 8 Jul. 2010 at 22:34 | #9

    wah wah….
    manteb y klo wp,
    d blogger gmana mas??
    thx

    Reply

  10. 14 Jul. 2010 at 07:25 | #10

    Hmmm Akan DI coba mas…Terima Kasih Atas Sarannya

    Reply

  11. 15 Jul. 2010 at 16:36 | #11

    Ribet memang, tapi menarik untuk dicoba.

    Reply

Comment pages
1 2 3 41037
  1. November 22nd, 2009 at 22:51| #1
  2. February 21st, 2010 at 23:01| #2