<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Anidan Design &#187; emoticons</title>
	<atom:link href="http://anidandesign.com/tag/emoticons/feed/" rel="self" type="application/rss+xml" />
	<link>http://anidandesign.com</link>
	<description>Web design, Wordpress, and Graphic Art, tips, tricks, and tidbits</description>
	<lastBuildDate>Wed, 21 Jul 2010 21:40:33 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Emoticons and WordPress</title>
		<link>http://anidandesign.com/wordpress/emoticons-and-wordpress/</link>
		<comments>http://anidandesign.com/wordpress/emoticons-and-wordpress/#comments</comments>
		<pubDate>Fri, 06 Mar 2009 10:50:46 +0000</pubDate>
		<dc:creator>dani</dc:creator>
				<category><![CDATA[Popular]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[emoticons]]></category>

		<guid isPermaLink="false">http://anidandesign.com/?p=593</guid>
		<description><![CDATA[According to Wikipedia... An <a href="http://en.wikipedia.org/wiki/Emoticon" target="_blank">emoticon</a> is a textual portrayal of a writer's mood or facial expression. They are often used to alert a responder to the tenor or temper of a statement, and can change and improve interpretation of plain text. Early emoticons go back to the 1800s and commonly arose when casual/humorous writing was common. The emoticons on the Internet can largely be traced back to a proposal by <a href="http://en.wikipedia.org/wiki/Scott_Fahlman" target="_blank">Scott Fahlman</a> in a message of 19 September 1982.]]></description>
			<content:encoded><![CDATA[<p>According to Wikipedia&#8230;</p>
<blockquote><p>An <a href="http://en.wikipedia.org/wiki/Emoticon" target="_blank">emoticon</a> is a textual portrayal of a writer&#8217;s mood or facial expression. They are often used to alert a responder to the tenor or temper of a statement, and can change and improve interpretation of plain text. Early emoticons go back to the 1800s and commonly arose when casual/humorous writing was common. The emoticons on the Internet can largely be traced back to a proposal by <a href="http://en.wikipedia.org/wiki/Scott_Fahlman" target="_blank">Scott Fahlman</a> in a message of 19 September 1982.</p></blockquote>
<h2><strong>Emoticons</strong> in WordPress</h2>
<p>There&#8217;s a default set of emoticons that come with every install of wordpress and are located in the folder <strong>wp-includesimagessmilies</strong>. Before they will show in your blog posts, the emoticons must first be enabled within the admin panel located under <strong>Settings &rarr; Writing</strong>. Make sure the box &#8220;Convert emoticons&#8221; is checked.</p>
<h2><strong>Style</strong> your emoticons</h2>
<p>You can style the emoticons using the following image class:</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">img.wp-smiley</pre></div></div>

<p>For example, remove the border around the emoticon and give it some space by adding the following code to your stylesheet:</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">img<span style="color: #6666ff;">.wp-smiley</span> <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span> <span style="color: #933;">2px</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span></pre></div></div>

<h2><strong>Use</strong> your emoticons</h2>
<p>The following chart is the text/code needed to produce the corresponding smiley/emoticon. <img src='http://anidandesign.com/wp-includes/images/smilies/icon_mrgreen.gif' alt=':mrgreen:' class='wp-smiley' /> </p>
<p class="center"><a href="http://codex.wordpress.org/Using_Smilies" target="_blank"><img src="http://anidandesign.com/wp-content/uploads/2009/03/emoticons.gif" alt="Emoticons" class="pix" /></a><br /><span class="small"><a href="http://codex.wordpress.org/Using_Smilies" target="_blank">View source (or copy-able text <img src='http://anidandesign.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  )</a></span></p>
<h2><strong>Change</strong> your emoticons</h2>
<p>So enough fun with the boring ol&#8217; default emoticons, you can change them to anything you want! There are a couple ways to do this.. Personally, I prefer to just change them out myself rather than use yet another plugin <img src='http://anidandesign.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  But there are plugins that will do it as well.</p>
<p>If you want to change out the default emoticons yourself, first <strong>backup</strong> the original ones! All you have to do is replace the old emoticons with your new ones making sure to name the new ones the same name as the corresponding default ones. Be sure and keep copies of the emoticons you are using because they will be replaced if you upgrade your blog automatically via plugin or admin panel on version 2.7 and up.</p>
<h5>WordPress Emoticon <strong>Plugins</strong></h5>
<ul>
<li>If you would rather use a plugin to do change them, here are a few that I found:</li>
<li><a href="http://wordpress.org/extend/plugins/tango-smileys-extended/" target="_blank">Tango Smileys Extended</a> &#8211; disables the built-in WordPress smileys and extends the number of available smileys from 18 to 202.</li>
<li><a href="http://rick.jinlabs.com/code/smilies-themer/" target="_blank">Smilies Themer</a> &#8211; allows you to use smilies (emoticons) themes (or packs) to replace the wordpress default ones</li>
<li><a href="http://www.web-templates.nu/2008/09/13/wp-smiley-switcher/" target="_blank">Smiley Switcher</a> &#8211; With this plugin you can choose a smiley pack from the settings / options in admin or simply choose your own smiley pack directory.</li>
</ul>
<h5><strong>Download</strong> New Emoticons</h5>
<ul>
<li>Find all sorts of different emoticons at the following links&#8230;</li>
<li><a href="http://blog.ashfame.com/2008/02/custom-wordpress-smilies/" target="_blank">Aqua Smilies</a> &#8211; created for WordPress</li>
<li><a href="http://www.noktahhitam.com/emoticon-pack-for-wordpress.html" target="_blank">White Emoticons Pack</a> &#8211; created for WordPress</li>
<li><a href="http://www.nyssajbrown.net/2007/11/20/xpressions-emoticon-pack/" target="_blank">Xpressions Emoticon Pack</a> &#8211; created for WordPress, 4 different color choices</li>
<li><a href="http://www.pandapassport.com/wordpress/asian-emoticons-wordpress-comments-plugin/" target="_blank">Animated Chinese Emoticons</a> &#8211; Animated emoticons and plugin</li>
<li><a href="http://www.simplyaries.com/2008/08/27/12-cool-and-free-emoticon-packs/" target="_blank">12 Emoticon Packs</a> &#8211; 12 free super cute emoticon packs</li>
<li><a href="http://www.greensmilies.com/smilie-album/" target="_blank">GreenSmilies</a></li>
<li><a href="http://www.smileygarden.de/" target="_blank">Smileygarden</a></li>
<li><a href="http://www.world-of-smilies.com/" target="_blank">World of Smilies</a></li>
<li><a href="http://www.tech-faq.com/free-emoticons.shtml" target="_blank">TechFaq</a> &#8211; Over 6000 completely free emoticons.</li>
</ul>
<h5><strong>Learn</strong> more&#8230;</h5>
<ul>
<li><a href="http://codex.wordpress.org/Using_Smilies" target="_blank">Using Smilies</a> &#8211; WordPress Codex</li>
<li><a href="http://wphacks.com/tag/emoticons/" target="_blank">Add Smilies To Your WordPress Blog with Smilies Themer</a> &#8211; WordPress Hacks</li>
<li><a href="http://lorelle.wordpress.com/2007/09/30/the-art-of-smilies-in-wordpress-blogs/" target="_blank">The Art of Smilies in WordPress Blogs</a> &#8211; Lorelle on WordPress</li>
</ul>
<p class="center"> <img src='http://anidandesign.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  <img src='http://anidandesign.com/wp-includes/images/smilies/icon_sad.gif' alt=':(' class='wp-smiley' />  <img src='http://anidandesign.com/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' />  <img src='http://anidandesign.com/wp-includes/images/smilies/icon_confused.gif' alt=':?' class='wp-smiley' />  <img src='http://anidandesign.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' />  <img src='http://anidandesign.com/wp-includes/images/smilies/icon_eek.gif' alt='8O' class='wp-smiley' /> :lol: <img src='http://anidandesign.com/wp-includes/images/smilies/icon_evil.gif' alt=':evil:' class='wp-smiley' />  <img src='http://anidandesign.com/wp-includes/images/smilies/icon_surprised.gif' alt=':eek:' class='wp-smiley' />  <img src='http://anidandesign.com/wp-includes/images/smilies/icon_cool.gif' alt='8)' class='wp-smiley' /> :x <img src='http://anidandesign.com/wp-includes/images/smilies/icon_twisted.gif' alt=':twisted:' class='wp-smiley' />  <img src='http://anidandesign.com/wp-includes/images/smilies/icon_mrgreen.gif' alt=':mrgreen:' class='wp-smiley' />  <img src='http://anidandesign.com/wp-includes/images/smilies/icon_neutral.gif' alt=':neutral:' class='wp-smiley' />  </p>

	<h6 class="related">Related posts:</h6>
	<ul class="st-related-posts">
	<li><a href="http://anidandesign.com/wordpress/xml-file-for-testing-wordpress-themes/" title="xml file for Testing WordPress Themes (April 12, 2009)">xml file for Testing WordPress Themes</a></li>
	<li><a href="http://anidandesign.com/wordpress/social-media-and-wordpress/" title="Social Media &#038; WordPress (March 16, 2009)">Social Media &#038; WordPress</a></li>
	<li><a href="http://anidandesign.com/wordpress/so-whats-with-the-smiley/" title="So what&#8217;s with the smiley? (March 31, 2010)">So what&#8217;s with the smiley?</a></li>
	<li><a href="http://anidandesign.com/wordpress/must-have-wordpress-plugins/" title="Must have WordPress Plugins (May 13, 2008)">Must have WordPress Plugins</a></li>
	<li><a href="http://anidandesign.com/wordpress/check-out-anidan-design-on-your-iphone/" title="Check out Anidan Design on your iPhone! (April 9, 2010)">Check out Anidan Design on your iPhone!</a></li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://anidandesign.com/wordpress/emoticons-and-wordpress/feed/</wfw:commentRss>
		<slash:comments>22</slash:comments>
		</item>
	</channel>
</rss>
