Tutorial : Add and Display More Smile on Wordpress
Thursday, July 24, 2008 1:36 | 3,430 viewsBy default Wordpress only have few smile and not display on toolbar when you post or create comment. You must write combine character to create smile like : ) and Wordpress will convert it to smile. To display smile and available for click when post comment or create post you need WP Grins plugin. If you want to add more smile from Yahoo or MSN you need to hack Wordpress file and this is that will discuss in this tutorial.
Add More Smile to Wordpress :
In this example i will show you how to added some Yahoo smiles on your Wordpress.
1. Download Yahoo Smile.
1. Extract smiles file to wp-includes/images/smiles
2. Open functions.php in wp-includes folder.
3. Find this code :
if ( !isset( $wpsmiliestrans ) ) {
$wpsmiliestrans = array(
':mrgreen:' => 'icon_mrgreen.gif',
':neutral:' => 'icon_neutral.gif',
':twisted:' => 'icon_twisted.gif',
':arrow:' => 'icon_arrow.gif',
4. Add this code below it
':angel:' => 'yahoo_angel.gif', ':angry:' => 'yahoo_angry.gif', ':beatup:' => 'yahoo_beatup.gif', ':bigsmile:' => 'yahoo_bigsmile.gif', ':brokenheart:' => 'yahoo_brokenheart.gif', ':bye:' => 'yahoo_bye.gif', ':callme:' => 'yahoo_callme.gif', ':nangis:' => 'yahoo_cry.gif', ':angel:' => 'yahoo_dance.gif', ':mimpi:' => 'yahoo_daydream.gif', ':doh:' => 'yahoo_doh.gif', ':gaktau:' => 'yahoo_dontknow.gif', ':laughloud:' => 'yahoo_laughloud.gif', ':cinta:' => 'yahoo_love.gif', ':mean:' => 'yahoo_mean.gif', ':uang:' => 'yahoo_moneyeyes.gif', ':budek:' => 'yahoo_notlistening.gif', ':berdoa:' => 'yahoo_pray.gif', ':ketawa:' => 'yahoo_rotfl.gif', ':malu:' => 'yahoo_shame.gif', ':ssst:' => 'yahoo_shhhh.gif', ':silent:' => 'yahoo_silent.gif', ':sunglass:' => 'yahoo_sunglas.gif', ':talktohand:' => 'yahoo_talktohand.gif', ':berpikir:' => 'yahoo_think.gif', ':capek:' => 'yahoo_tired.gif', ':wek:' => 'yahoo_tongue.gif', ':waiting:' => 'yahoo_waiting.gif', ':wink:' => 'yahoo_wink.gif', ':kesel:' => 'yahoo_witsend.gif', ':cemas:' => 'yahoo_worried.gif', ':ampun:' => 'yahoo_worship.gif', ':youkiddingme:' => 'yahoo_youkiddingme.gif',
:angel : is shortcut to display the smile and yahoo_angel.gif is file name.
5. You can add your own smile using this method.
Display your smiles on Comment Form and Post Form
1. Install and Activate WP Grins plugin
2. Now you should see smile on your comment and post form.
3. Smiles will be automatic added to comment form when you click it, but not in post form. You need doing this trick.
- Drag and drop smile to writing post form.
- View HTML code
- You should see this code :
<img onclick="grin(':bigsmile:');" src="<strong>../wp-includes/images/smilies/yahoo_bigsmile.gif</strong>" alt=":bigsmile:" />
- Now remove .. and / on src, like this :
<img onclick="grin(':bigsmile:');" src="<strong>wp-includes/images/smilies/yahoo_bigsmile.gif</strong>" alt=":bigsmile:" />
Other way to add smile to post form is write shortcut that you has define in post form.
Post comment to try this tips.
- Add a Favicon To Your Site 3822 views
- Create You Own Get Recent Comments Widget 2652 views
- Create Auto Scheduled Post in Wordpress 2447 views
- Menghilangkan NoFollow Pada Wordpress Comment Tanpa Plugin 3178 views
- Jalan Pintas Ke Yahoo! 2154 views








masadrians says:
24 July 2008 at 3:34 pm
thanks tutorialnya… :bigsmile:
Reply to this comment
temiandri says:
24 July 2008 at 6:03 pm
keren juga bos sarannya!!!!!!!!!!!!!!!!!boleh neh dicoba!!!!!!!!!! :cinta: :bigsmile:
Reply to this comment
Tutorial Blog di Wordpress.com « Komunitas Blogger SMAN-2 Pahandut says:
02 August 2008 at 8:20 am
[...] Kasi Smiley di WordPress.com [...]
Bambang Oke says:
11 August 2008 at 9:42 am
:ampun: :ampun: Thanks tutorialnya. Aku dah lama nyari-nyari nih
Bambang Okes last blog post..17 Agustus 1945 Myflexiland
Reply to this comment
Ginza says:
13 September 2008 at 11:16 am
thanks :cinta: sudah terpasang dengan manis di blog saya, hehe…
Reply to this comment
ocx says:
24 September 2008 at 1:27 pm
hey hey thanks for this tutorial great job on it :ampun:
Reply to this comment
darto kloning says:
11 October 2008 at 7:10 am
see my website if you want learn about islam.
thank you.
darto klonings last blog post..FITNAH KUBURAN
Reply to this comment
don_mamporinho says:
31 October 2008 at 9:00 am
:-j
Reply to this comment
info says:
07 November 2008 at 11:21 am
Trims banget utk tutorialnya…
infos last blog post..5 Situs Gratis Untuk Simpan dan Share File Besar
Reply to this comment
mikel says:
29 December 2008 at 1:04 am
thank you for this tutorial
mikels last blog post..Car Insurance you can Buy Online
Reply to this comment
bimo says:
31 December 2008 at 3:06 am
dulu pengen yang kayak gini, sekng nggk lagi
bimos last blog post..Konstruksi SEO
Reply to this comment
phiy says:
15 January 2009 at 4:10 pm
thanx a lot. it works!
Reply to this comment