Ñ-Blu Blog

Shout This Box





Install Emoticon di Wordpress PDF Print E-mail
Written by Administrator   
Tuesday, 18 May 2010 00:52

Kebetulan sekali akhir-akhir ini (sekitar 4 bulan) saya cukup ketagihan menggunakan plurk. Plurk itu semacam mikro blog yang biasanya di sana kita bisa menumpahkan isi hati kita, curlong, nyampah (gw banget), dan sejenisnya - mungkin agak mirip twitter -. Hal menarik dari plurk adalah adanya peningkatan karma setiap kali kita rajin nge-plurk. Dari tingkatan karma yang ada ini kita mendapatkan reward yang cukup lucu berupa emoticon. Nah di sini saya akan membahas sedikit tentang bagaimana memberikan emoticon dari plurk di wordpress yang kita gunakan.

Pada awalnya saya sempat menggunakan mbah google untuk mencari apakah memang tersedia emoticon plurk secara langsung yang bisa digunakan siap pakai seperti emoticon kaskus. Tetapi setalah di cari ke sana kemari tak kunjung ditemukan juga sang plugin emoticon plurk. Tapi saya masih penasaran karena di salah satu teman blogger saya bisa mengeluarkan emot itu. Tapi tengsin lah kalau kudu nanya-nanya tanpa berusaha terlebih dahulu.

Dan alhasil pencarian saya membuahkan hasil.

 

Ada beberapa cara yang bisa ditempuh untuk mengeluarkan emoticon plurk di WP. Salah satu caranya saya temukan di blog muhamman zamroni. Namun sayang si empunya blog tidak memberikan cara bagaimana supaya kita bisa menampilkan plurk emoticon saat kita meninggalkan komentar. Dan menurut saya metode yang digunakan kurang saya sukai karena kita seolah-olah harus menghafal kode yang biasa keluar di plurk semacam (rofl) (lmao) (worship) (idiot) atau yang lainnya.

 

Hal yang saya inginkan adalah ketika saya menuliskan atau lebih tepatnya mengetikkan tulisan baru di blog, di halaman new-post saya, saya bisa langsung menemukan emoticon atau smiles yang saya inginkan. Tinggal diklik saja maka si emot langsung nongol secara otomatis dalam bentuk kode.

contohnya seperti pada gambar 1 dibawah ini, saya tinggal mengklik saja si emot yang saya mau

 

gambar 1. emot yang bisa kita pilih

 

Selain emoticon plurk kita juga bisa memasukkan emoticon lain yang kita inginkan. Untuk memasukkan emoticon baru kita tidak perlu bersusah payah mengedit suatu file.php untuk menambahkan emot baru, walaupun bukan suatu hal yang sulit dilakukan.

Oke, beginilah cara mudahnya

  1. Download plugin custom smiles, kalau anda rajin bisa mencarinya di website resmi WP atau kalau malas bisa mendownloadnya di sini
  2. Ekstrak plugin tersebut ke dalam direktori wp-content/plugins
  3. Aktivasi plugin yang baru anda ekstrak tersebut
  4. Sekarang upload emoticon plurk yang sudah anda download sebelumnya. Upload di direktori wp-includes/images/smilies. Bila belum punya silahkan download di sini.
  5. Atur emoticon yang sudah anda upload tadi. Pada dashboard WP (apabila berbahasa Inggris) anda pilih menu Tools lalu Smiles 
  6. Masukan kode yang sesuai untuk menampilkan plugin anda seperti pada gambar 2.
  7. Good luck anda akan menemukan si emot plurk saat anda mulai menulis post baru.

gambar 2. mengedit kode yang ingin dikeluarkan


Agar emoticon plurk yang anda gunakan mempunyai kode yang sama seperti di plurk, anda bisa mengedit file custom-smilies/init.php.

Lalu ganti yang tertulis di sana dengan yang tertulis di bawah ini

<?php
$wpsmiliestrans = array(
    '(party)' => 'party.gif',
    ':cry:' => 'cry.gif',
    '(drinking)' => 'drinking.gif',
    '(tongue)' => 'tongue_002.gif',
    '(funkydance)' => 'dance_moves.gif',
    '(okok)' => 'unsure.gif',
    '(bigeyes)' => 'big_eyed.gif',
    '(angry)' => 'angry.gif',
    '(hungry)' => 'hungry.gif',
    '(brokenheart)' => 'broken_heart.gif',
    '(gym)' => 'gym.gif',
    '(nottalking)' => 'not_talking.gif',
    '(hassle)' => 'silly_couple.gif',
    ':D' => 'smile.gif',
    '(sleeping)' => 'sleeping.gif',
    '(evilsmirk)' => 'evilsmirk.gif',
    ':-&' => 'sick.gif',
    '(scenic)' => 'scenic.gif',
    '(banana_cool)' => 'banana_cool.gif',
    '(k)' => 'kiss.gif',
    '8-)' => 'nerd.gif',
    '(evil_grin)' => 'evil_grin.gif',
    '(mmm)' => 'like_food.gif',
    '8)' => 'cool.gif',
    '(bye)' => 'bye.gif',
    ':-P' => 'tongue.gif',
    ':-))' => 'joyful.gif',
    '(dance)' => 'dance.gif',
    '(griltongue)' => 'gril_toungue.png',
    '(ninja)' => 'ninja.gif',
    '(blush)' => 'blush.gif',
    '(taser)' => 'taser.gif',
    '(haha)' => 'haha.gif',
    '(goodluck)' => 'fingerscrossed.gif',
    '(cozy)' => 'cozy.gif',
    '(money)' => 'money.gif',
    '(lonely)' => 'lonely.gif',
    '(tears)' => 'tears.gif',
    '(wave)' => 'wave.gif',
    '(lol)' => 'laugh.gif',
    '(rock)' => 'rock_n_roll.gif',
    '(rofl)' => 'lol.gif',
    ':-o' => 'surprised.gif',
    '(devil)' => 'devil.gif',
    '(unsure)' => 'unsure_002.gif',
    '(music)' => 'listening_music.gif',
    '(lmao)' => 'lmao.gif',
    '(yahoo)' => 'yupi.gif',
    'X-(' => 'angry_002.gif',
    '(banana_rock)' => 'banana_rock.gif',
    ':-D' => 'grin.gif',
    '(heart_beat)' => 'heart_beat.gif',
    '(thinking)' => 'thinking.gif',
    '(annoyed)' => 'annoyed.gif',
    '(:' => 'tired.gif',
    '(girlkiss)' => 'girl_kiss.gif',
    '(doh)' => 'doh.gif',
    '(applause)' => 'applause.gif',
    ';-(' => 'sad.gif',
    '(bringit)' => 'bring_it_on.gif',
    '(panic)' => 'startled.gif',
    '(heart)' => 'heart.gif',
    '(sick)' => 'fever.gif',
    '(Русский)' => 'russian.gif',
    '(headspin)' => 'headspin.gif',
    ';-)' => 'wink.gif',
    '(idiot)' => 'idiot.gif',
    '(woot)' => 'w00t.gif',
    '(worship)' => 'worship.gif',
);

special credit untuk muhamman zamroni yang telah menyediakan plurk smiles sehingga bisa langsung saya download dan bisa diulik file package-config.php nya. Tambahan emot dari saya adalah hidden emot orang russia yang pada plurk kodenya (Русский)  dan emot orang nangis (tears).

untuk menampilkan emoticon plurk di bagian komen WP belum saya temukan caranya. Cara yang saya pakai sementara adalah dengan memodifikasi plugin kaskus yang saya pakai.

 

Last Updated ( Tuesday, 18 May 2010 02:14 )
 

Comments

B
i
u
Quote
Code
List
List=
[*]
URL
Name *
Email (For verification & Replies)
URL
Code   
ChronoComments by Joomla Professional Solutions
Submit Comment
Working....
Finished
Failed