<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>The How To Do Things Blog</title>
	
	<link>http://www.howtoplaza.com</link>
	<description>How to wisdom from across the Internet — want to know how to do something? You may find the solution here.</description>
	<lastBuildDate>Fri, 05 Mar 2010 15:41:05 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/howtoplaza" /><feedburner:info uri="howtoplaza" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:emailServiceId>howtoplaza</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><item>
		<title>How to play DOS games on Ubuntu with DOSBOX</title>
		<link>http://feedproxy.google.com/~r/howtoplaza/~3/Rioee0B2e0c/how-to-play-dos-games-on-ubuntu-with-dosbox</link>
		<comments>http://www.howtoplaza.com/how-to-play-dos-games-on-ubuntu-with-dosbox#comments</comments>
		<pubDate>Fri, 05 Mar 2010 15:41:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Gaming]]></category>
		<category><![CDATA[ubuntu]]></category>

		<guid isPermaLink="false">http://www.howtoplaza.com/?p=755</guid>
		<description><![CDATA[


The old DOS games hold their own charms and we can never forget our first brush with Wolf3D and Prince of Persia. Even when have all forgotten how the DOS prompt looked, it&#8217;s easier to play DOS games. But what happen when you ditch Windows and switch Ubuntu. Do you bid farewell to all your [...]]]></description>
			<content:encoded><![CDATA[<p></p><div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.howtoplaza.com%2Fhow-to-play-dos-games-on-ubuntu-with-dosbox"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.howtoplaza.com%2Fhow-to-play-dos-games-on-ubuntu-with-dosbox" height="61" width="51" /></a></div><p>The old DOS games hold their own charms and we can never forget our first brush with Wolf3D and Prince of Persia. Even when have all forgotten how the DOS prompt looked, it&#8217;s easier to play DOS games. But what happen when you ditch Windows and switch Ubuntu. Do you bid farewell to all your DOS games once you start using Ubuntu?</p>
<p>You don&#8217;t need to. You get a DOS simulator that you can run under Ubuntu, and from there you can easily run your good old DOS games. It is called DOSBOX. You can install DOSBOX either through the Synaptic Package Manager, or simply through the Terminal Window. If you use the Terminal Window you can install DOSBOX using the following command:</p>
<p><strong>sudo apt-get install dosbox</strong></p>
<p>Once you have installed DOSBOX you can create a directory, something like /home/yourname/dosgames and store your DOS games in their respective folders there.</p>
<p>Then go back to the terminal and launch DOSBOX with</p>
<p><strong>sudo dosbox</strong></p>
<div id="attachment_756" class="wp-caption aligncenter" style="width: 300px">
	<a href="http://www.howtoplaza.com/wp-content/uploads/2010/03/dosbox-1.png"><img src="http://www.howtoplaza.com/wp-content/uploads/2010/03/dosbox-1-300x197.png" alt="Running DOS games with DOSBOX on Ubuntu - the prompt" title="Running DOS games with DOSBOX on Ubuntu - the prompt" width="300" height="197" class="size-medium wp-image-756" /></a>
	<p class="wp-caption-text">Running DOS games with DOSBOX on Ubuntu - the prompt</p>
</div>
<p>While you are in the DOS prompt, you&#8217;ll need to mount the folder to a spare drive. Assuming you have a drive D that you can spare, you execute the following command:</p>
<p><strong>mount d /home/yourname/dosgame</strong>s</p>
<p>Then, while remaining in the DOSBOX window, go to the D drive by executing</p>
<p><strong>d:</strong></p>
<p>Then go to the right folder by this command:</p>
<p><strong>cd mygame</strong></p>
<p>Then, simply run the executable file.</p>
<div id="attachment_757" class="wp-caption aligncenter" style="width: 300px">
	<a href="http://www.howtoplaza.com/wp-content/uploads/2010/03/dosbox-2.png"><img src="http://www.howtoplaza.com/wp-content/uploads/2010/03/dosbox-2-300x197.png" alt="DOS game Wolf3D running on Ubuntu" title="DOS game Wolf3D running on Ubuntu" width="300" height="197" class="size-medium wp-image-757" /></a>
	<p class="wp-caption-text">DOS game Wolf3D running on Ubuntu</p>
</div>
<a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.howtoplaza.com%2Fhow-to-play-dos-games-on-ubuntu-with-dosbox&amp;t=How%20to%20play%20DOS%20games%20on%20Ubuntu%20with%20DOSBOX" id="facebook_share_button_755" style="font-size:11px; line-height:13px; font-family:'lucida grande',tahoma,verdana,arial,sans-serif; text-decoration:none; display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; margin: 5px 0; height:15px; border:1px solid #d8dfea; color: #3B5998; background: #fff url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif) no-repeat top right;">Share</a>
<script type="text/javascript">
var button = document.getElementById('facebook_share_link_755') || document.getElementById('facebook_share_icon_755') || document.getElementById('facebook_share_both_755') || document.getElementById('facebook_share_button_755');
if (button) {
	button.onclick = function(e) {
		var url = this.href.replace(/share\.php/, 'sharer.php');
		window.open(url,'sharer','toolbar=0,status=0,width=626,height=436');
		return false;
	}

	if (button.id === 'facebook_share_button_755') {
		button.onmouseover = function(){
			this.style.color='#fff';
			this.style.borderColor = '#295582';
			this.style.backgroundColor = '#3b5998';
		}
		button.onmouseout = function(){
			this.style.color = '#3b5998';
			this.style.borderColor = '#d8dfea';
			this.style.backgroundColor = '#fff';
		}
	}
}
</script>
<img src="http://feeds.feedburner.com/~r/howtoplaza/~4/Rioee0B2e0c" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.howtoplaza.com/how-to-play-dos-games-on-ubuntu-with-dosbox/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.howtoplaza.com/how-to-play-dos-games-on-ubuntu-with-dosbox</feedburner:origLink></item>
		<item>
		<title>Avoid self pity and get rid of it</title>
		<link>http://feedproxy.google.com/~r/howtoplaza/~3/PzJIARc1nhU/avoid-self-pity-and-get-rid-of-it</link>
		<comments>http://www.howtoplaza.com/avoid-self-pity-and-get-rid-of-it#comments</comments>
		<pubDate>Wed, 03 Mar 2010 13:46:14 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Self Improvement]]></category>

		<guid isPermaLink="false">http://www.howtoplaza.com/?p=754</guid>
		<description><![CDATA[Self pity is a too expensive hobby to indulge in. No matter how rich one is, this hobby is costly even to the richest on this planet. So it&#8217;s better to get out of self pity as soon as possible.
Slipping into self pity is quite easy but getting out of it is not so easy. [...]]]></description>
			<content:encoded><![CDATA[<p></p><div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.howtoplaza.com%2Favoid-self-pity-and-get-rid-of-it"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.howtoplaza.com%2Favoid-self-pity-and-get-rid-of-it" height="61" width="51" /></a></div><p>Self pity is a too expensive hobby to indulge in. No matter how rich one is, this hobby is costly even to the richest on this planet. So it&#8217;s better to get out of self pity as soon as possible.</p>
<p>Slipping into self pity is quite easy but getting out of it is not so easy. But with a little bit of sustained effort you can get out of self pity.</p>
<h2>Be Alert</h2>
<p>You have to be on guard as far as self-pity is concerned. It creeps into your being and takes over everything good. You have to be on high alert if you want to get rid of self pity. Pay attention to your thought. Whenever self-pity sneaks in try to stop that thought pattern immediately. Otherwise it triggers a chain reaction and you will never know that you are again indulging in unaffordable self-pity.</p>
<h2>Talk to Yourself</h2>
<p>Whenever you find out that self-pity is creeping in into your conscious being; tell yourself that you are not going to indulge in this expensive hobby, however self-gratifying it seems. It is always more empowering to choose self improvement. Talking to yourself will help you in devising ways to deal with self-pity. Experts tricks don&#8217;t help all the time. Sometimes think out on your own that how you are going to deal with self-pity</p>
<h2>Devise A System for Yourself</h2>
<p>When you become aware that you are nourishing this self-pity try to do things that help you deal with self-pity. You can choose any of the following: </p>
<ul>
<li><strong>Exercise:</strong> Exercise helps you in getting rid of the negative thoughts. Toxins are also flushed out of your body when you exercise and so does the self pity.strikes you. But you can choose other healthy activities.</li>
<li><strong>Power of Choosing:</strong> Train your mind to think in different manner. You can always tell your mind that you will not chose victim-hood. It is not a cliché but really true that you should start counting your blessings. If you can&#8217;t think, then take a pencil and paper and write down your blessings. Blessings and self-pity are mutually exclusive events. So after jotting down be sure that you will not be feeling pity for yourself.</li>
<li><strong>Throwing Pity out, out of self-pity:</strong> Sometimes you can&#8217;t exercise or write down your blessings. Then try this powerful technique to get out of self pity. Close your eyes. Think about self-pitying thoughts with FULL force. Let them come. Concentrate on bundling all the self-pity thoughts. Then imagine of a well, toilet seat, dustbin, window or whatever catches your fancy. One by one, dump all the self-pity in that pit. ALL of it. Try doing this mental exercise whenever you feel the need. One day you won&#8217;t feel the need for this exercise.</li>
<li><strong>Stop Powering Others or Forgive and Forget:</strong> Again it may sound like a cliché but its not. Forgive and forget is the one of the most empowering thoughts you can adorn yourself with. Past is gone. No matter how much you want to go back there, the truth is you CAN&#8217;T. But present and future is in your hand. If you don&#8217;t forgive and forget that means you are giving unnecessary power to others to hold you down. You are giving others to remote control your life that too from distant past. Take that remote control in your hand. Let go of the old grudges and sorrowful happenings. You will fell lighter.</li>
<li><strong>Stop Comparing:</strong> You are your own unique person so how can you compare yourself with others? You will be bombard with good life ads from TV, magazines, newspapers etc. don&#8217;t let them define for you what is good for you. Do your own things. Find out what makes you happy and contented. Set out to achieve your own goals not what others are saying. So don&#8217;t pay attention to ads and feel like a loser. Embark on the path of self discovery.</li>
<li><strong>Create a Positive Force Around you:</strong> It is not something very difficult to achieve. You don&#8217;t have to be a highly spiritual person to possess a positive aura around you. You have to smile a lot, laugh a lot, develop a sense of humor, help others, get a hobby, spread warmth and nurture friendships. You can always cultivate these qualities. A healthy positive force helps in getting rid of self-pity.</li>
</ul>
<p>Don&#8217;t lose perspective while you are trying to get out of self-pity. In the beginning self-pity will try to stay with you as a faithful companion but with a little bit of effort, you can get rid of it easily.</p>
<a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.howtoplaza.com%2Favoid-self-pity-and-get-rid-of-it&amp;t=Avoid%20self%20pity%20and%20get%20rid%20of%20it" id="facebook_share_button_754" style="font-size:11px; line-height:13px; font-family:'lucida grande',tahoma,verdana,arial,sans-serif; text-decoration:none; display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; margin: 5px 0; height:15px; border:1px solid #d8dfea; color: #3B5998; background: #fff url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif) no-repeat top right;">Share</a>
<script type="text/javascript">
var button = document.getElementById('facebook_share_link_754') || document.getElementById('facebook_share_icon_754') || document.getElementById('facebook_share_both_754') || document.getElementById('facebook_share_button_754');
if (button) {
	button.onclick = function(e) {
		var url = this.href.replace(/share\.php/, 'sharer.php');
		window.open(url,'sharer','toolbar=0,status=0,width=626,height=436');
		return false;
	}

	if (button.id === 'facebook_share_button_754') {
		button.onmouseover = function(){
			this.style.color='#fff';
			this.style.borderColor = '#295582';
			this.style.backgroundColor = '#3b5998';
		}
		button.onmouseout = function(){
			this.style.color = '#3b5998';
			this.style.borderColor = '#d8dfea';
			this.style.backgroundColor = '#fff';
		}
	}
}
</script>
<img src="http://feeds.feedburner.com/~r/howtoplaza/~4/PzJIARc1nhU" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.howtoplaza.com/avoid-self-pity-and-get-rid-of-it/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.howtoplaza.com/avoid-self-pity-and-get-rid-of-it</feedburner:origLink></item>
		<item>
		<title>How to easily design your own WordPress theme</title>
		<link>http://feedproxy.google.com/~r/howtoplaza/~3/9zr0cTpLpZo/how-to-easily-design-your-own-wordpress-theme</link>
		<comments>http://www.howtoplaza.com/how-to-easily-design-your-own-wordpress-theme#comments</comments>
		<pubDate>Sat, 27 Feb 2010 07:35:32 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.howtoplaza.com/?p=753</guid>
		<description><![CDATA[You can easily design your own WordPress them. There are many WordPress theme frameworks available that can be used to create a highly professional theme without much effort. You need to design your own WordPress theme when you either want a unique theme for your blog or you want to integrate your blog into your [...]]]></description>
			<content:encoded><![CDATA[<p></p><div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.howtoplaza.com%2Fhow-to-easily-design-your-own-wordpress-theme"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.howtoplaza.com%2Fhow-to-easily-design-your-own-wordpress-theme" height="61" width="51" /></a></div><p>You can easily design your own WordPress them. There are many WordPress theme frameworks available that can be used to create a highly professional theme without much effort. You need to design your own WordPress theme when you either want a unique theme for your blog or you want to integrate your blog into your existing website, whether personal or business.</p>
<p>A good thing about WordPress is that you can modify every individual file, provided you have a decent knowledge of PHP &#8212; the web programming language in which WordPress has been written. With the advent of new WordPress blog theme frameworks you don&#8217;t even need to know programming. You can simply use the interface that comes with the theme framework and completely change the look of the theme. <a href="http://www.makeuseof.com/tag/customize-design-wordpress-theme-easily-constructor/">This blog post reviews one of such frameworks</a>.</p>
<a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.howtoplaza.com%2Fhow-to-easily-design-your-own-wordpress-theme&amp;t=How%20to%20easily%20design%20your%20own%20WordPress%20theme" id="facebook_share_button_753" style="font-size:11px; line-height:13px; font-family:'lucida grande',tahoma,verdana,arial,sans-serif; text-decoration:none; display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; margin: 5px 0; height:15px; border:1px solid #d8dfea; color: #3B5998; background: #fff url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif) no-repeat top right;">Share</a>
<script type="text/javascript">
var button = document.getElementById('facebook_share_link_753') || document.getElementById('facebook_share_icon_753') || document.getElementById('facebook_share_both_753') || document.getElementById('facebook_share_button_753');
if (button) {
	button.onclick = function(e) {
		var url = this.href.replace(/share\.php/, 'sharer.php');
		window.open(url,'sharer','toolbar=0,status=0,width=626,height=436');
		return false;
	}

	if (button.id === 'facebook_share_button_753') {
		button.onmouseover = function(){
			this.style.color='#fff';
			this.style.borderColor = '#295582';
			this.style.backgroundColor = '#3b5998';
		}
		button.onmouseout = function(){
			this.style.color = '#3b5998';
			this.style.borderColor = '#d8dfea';
			this.style.backgroundColor = '#fff';
		}
	}
}
</script>
<img src="http://feeds.feedburner.com/~r/howtoplaza/~4/9zr0cTpLpZo" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.howtoplaza.com/how-to-easily-design-your-own-wordpress-theme/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.howtoplaza.com/how-to-easily-design-your-own-wordpress-theme</feedburner:origLink></item>
		<item>
		<title>How to watch TV online on the Internet</title>
		<link>http://feedproxy.google.com/~r/howtoplaza/~3/Y0VH_cB0MO4/how-to-watch-tv-online-on-the-internet</link>
		<comments>http://www.howtoplaza.com/how-to-watch-tv-online-on-the-internet#comments</comments>
		<pubDate>Sat, 27 Feb 2010 06:50:21 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Entertainment]]></category>

		<guid isPermaLink="false">http://www.howtoplaza.com/?p=752</guid>
		<description><![CDATA[Tired of watching your cable TV and would like to switch to online, Internet based programming? The problem with convention cable TV is that you pay for all those channels you rarely watch, and then you are limited by the package offered by the cable TV company. Online TV on the other hand offers you [...]]]></description>
			<content:encoded><![CDATA[<p></p><div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.howtoplaza.com%2Fhow-to-watch-tv-online-on-the-internet"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.howtoplaza.com%2Fhow-to-watch-tv-online-on-the-internet" height="61" width="51" /></a></div><p>Tired of watching your cable TV and would like to switch to online, Internet based programming? The problem with convention cable TV is that you pay for all those channels you rarely watch, and then you are limited by the package offered by the cable TV company. Online TV on the other hand offers you unlimited choices from all over the world. Now that you can hook onto the Internet with your TV there is no reason to remain stuck with your outdated cable TV assortment.</p>
<p>Some online TV channels are free and some charge a minor fee. There are also geography based restrictions but with most online channels this is not a problem and with little bit of tweaking you can even access restricted online TV channels. And even nothing else, almost every major program is available on the good old YouTube. There are many streaming videos websites from where you can stream or download full movies for free. Anyway, this LifeHacker post tells you <a href="http://lifehacker.com/5475091/how-can-i-ditch-cable-and-watch-my-tv-shows-and-movies-online" title="how you can ditch cable and watch TV shows and movies online">how you can ditch cable and watch TV shows and movies online</a>.</p>
<a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.howtoplaza.com%2Fhow-to-watch-tv-online-on-the-internet&amp;t=How%20to%20watch%20TV%20online%20on%20the%20Internet" id="facebook_share_button_752" style="font-size:11px; line-height:13px; font-family:'lucida grande',tahoma,verdana,arial,sans-serif; text-decoration:none; display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; margin: 5px 0; height:15px; border:1px solid #d8dfea; color: #3B5998; background: #fff url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif) no-repeat top right;">Share</a>
<script type="text/javascript">
var button = document.getElementById('facebook_share_link_752') || document.getElementById('facebook_share_icon_752') || document.getElementById('facebook_share_both_752') || document.getElementById('facebook_share_button_752');
if (button) {
	button.onclick = function(e) {
		var url = this.href.replace(/share\.php/, 'sharer.php');
		window.open(url,'sharer','toolbar=0,status=0,width=626,height=436');
		return false;
	}

	if (button.id === 'facebook_share_button_752') {
		button.onmouseover = function(){
			this.style.color='#fff';
			this.style.borderColor = '#295582';
			this.style.backgroundColor = '#3b5998';
		}
		button.onmouseout = function(){
			this.style.color = '#3b5998';
			this.style.borderColor = '#d8dfea';
			this.style.backgroundColor = '#fff';
		}
	}
}
</script>
<img src="http://feeds.feedburner.com/~r/howtoplaza/~4/Y0VH_cB0MO4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.howtoplaza.com/how-to-watch-tv-online-on-the-internet/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.howtoplaza.com/how-to-watch-tv-online-on-the-internet</feedburner:origLink></item>
		<item>
		<title>How To Put Yahoo! Messenger And Skype Icons Or Buttons On Your WordPress Blog</title>
		<link>http://feedproxy.google.com/~r/howtoplaza/~3/8pZCY1g0ccg/how-to-put-yahoo-messenger-and-skype-icons-or-buttons-on-your-wordpress-blog</link>
		<comments>http://www.howtoplaza.com/how-to-put-yahoo-messenger-and-skype-icons-or-buttons-on-your-wordpress-blog#comments</comments>
		<pubDate>Fri, 26 Feb 2010 15:45:20 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Communication]]></category>

		<guid isPermaLink="false">http://www.howtoplaza.com/?p=750</guid>
		<description><![CDATA[Want people to be able to call you on Skype when they visit your WordPress blog? Do you want people to know that you are online on Yahoo! messenger and they can initiate a chat session by simply clicking the icon or the button on your blog? This is a very good way of encouraging [...]]]></description>
			<content:encoded><![CDATA[<p></p><div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.howtoplaza.com%2Fhow-to-put-yahoo-messenger-and-skype-icons-or-buttons-on-your-wordpress-blog"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.howtoplaza.com%2Fhow-to-put-yahoo-messenger-and-skype-icons-or-buttons-on-your-wordpress-blog" height="61" width="51" /></a></div><p>Want people to be able to call you on Skype when they visit your WordPress blog? Do you want people to know that you are online on Yahoo! messenger and they can initiate a chat session by simply clicking the icon or the button on your blog? This is a very good way of encouraging your visitors to contact you immediately and interact with you, whether on personal or business level. Of to achieve this you need to know how to modify WordPress source files; for instance if you want to put the chat buttons on the side bar you should know how to edit sidebar.php or the widget associated with it.</p>
<p>Normally when you are online the two Yahoo! Messenger and Skype icons look like:</p>
<div id="attachment_751" class="wp-caption alignleft" style="width: 143px">
	<img src="http://www.howtoplaza.com/wp-content/uploads/2010/02/yahoo-and-skype-messenger-buttons.png" alt="Yahoo! Messenger and Skype Icons when online" title="Yahoo! Messenger and Skype Icons when online" width="143" height="94" class="size-full wp-image-751" />
	<p class="wp-caption-text">Yahoo! Messenger and Skype Icons when online</p>
</div>
<p>These icons change color or text when you are offline so that your visitors know when they can contact you directly.</p>
<h2>Putting Yahoo! Messenger chat icon or button on your WordPress blog</h2>
<p>Putting a Yahoo! Messenger chat icon is very easy. You can have it as a text link or a graphic link. In order to have a text link, just use this sort of HTML tag:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>a href <span style="color: #339933;">=</span> <span style="color: #0000ff;">'ymsgr:sendim?your_yahoo_id'</span><span style="color: #339933;">&gt;</span>Send me a message<span style="color: #339933;">&lt;/</span>a<span style="color: #339933;">&gt;</span></pre></td></tr></table></div>

<p>Replace &#8220;your_yahoo_id&#8221; with your actual Yahoo! id.</p>
<p>And if you want a graphic icon, use this:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>a href <span style="color: #339933;">=</span> <span style="color: #0000ff;">'ymsgr:sendim?your_yahoo_id'</span><span style="color: #339933;">&gt;&lt;</span>img src<span style="color: #339933;">=</span><span style="color: #0000ff;">'http://opi.yahoo.com/online?u=your_yahoo_id&amp;m=g&amp;t=2 border=0&gt;&lt;/a&gt;</span></pre></td></tr></table></div>

<p>The value of t can vary according to the sort of icon you want.</p>
<h2>Putting Skype icon or button on your WordPress blog</h2>
<p>Although you can easily log into your Skype account and find out how to put a Skype button on your website, if you don’t want to go to all that trouble, you can simply use this code:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;text/javascript&quot;</span> src<span style="color: #339933;">=</span><span style="color: #0000ff;">'http://download.skype.com/share/skypebuttons/js/skypeCheck.js'</span><span style="color: #339933;">&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;/script&gt;</span> 
&nbsp;
<span style="color: #339933;">&lt;</span>a href<span style="color: #339933;">=</span><span style="color: #0000ff;">'skype:your_skype_id?call'</span><span style="color: #339933;">&gt;&lt;</span>img src<span style="color: #339933;">=</span><span style="color: #0000ff;">'http://mystatus.skype.com/balloon/your_skype_id'</span> style<span style="color: #339933;">=</span><span style="color: #0000ff;">'border: none;'</span> width<span style="color: #339933;">=</span><span style="color: #0000ff;">'150'</span> height<span style="color: #339933;">=</span><span style="color: #0000ff;">'60'</span> alt<span style="color: #339933;">=</span><span style="color: #0000ff;">'My status'</span> <span style="color: #339933;">/&gt;&lt;/</span>a<span style="color: #339933;">&gt;</span></pre></td></tr></table></div>

<p>You can customize the button by logging into your Skype account. Before you can use the Skype status icon you’ll need to change your <a href="http://www.skype.com/intl/en/share/buttons/status.html">Skype privacy settings</a>.</p>
<a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.howtoplaza.com%2Fhow-to-put-yahoo-messenger-and-skype-icons-or-buttons-on-your-wordpress-blog&amp;t=How%20To%20Put%20Yahoo%21%20Messenger%20And%20Skype%20Icons%20Or%20Buttons%20On%20Your%20WordPress%20Blog" id="facebook_share_button_750" style="font-size:11px; line-height:13px; font-family:'lucida grande',tahoma,verdana,arial,sans-serif; text-decoration:none; display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; margin: 5px 0; height:15px; border:1px solid #d8dfea; color: #3B5998; background: #fff url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif) no-repeat top right;">Share</a>
<script type="text/javascript">
var button = document.getElementById('facebook_share_link_750') || document.getElementById('facebook_share_icon_750') || document.getElementById('facebook_share_both_750') || document.getElementById('facebook_share_button_750');
if (button) {
	button.onclick = function(e) {
		var url = this.href.replace(/share\.php/, 'sharer.php');
		window.open(url,'sharer','toolbar=0,status=0,width=626,height=436');
		return false;
	}

	if (button.id === 'facebook_share_button_750') {
		button.onmouseover = function(){
			this.style.color='#fff';
			this.style.borderColor = '#295582';
			this.style.backgroundColor = '#3b5998';
		}
		button.onmouseout = function(){
			this.style.color = '#3b5998';
			this.style.borderColor = '#d8dfea';
			this.style.backgroundColor = '#fff';
		}
	}
}
</script>
<img src="http://feeds.feedburner.com/~r/howtoplaza/~4/8pZCY1g0ccg" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.howtoplaza.com/how-to-put-yahoo-messenger-and-skype-icons-or-buttons-on-your-wordpress-blog/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.howtoplaza.com/how-to-put-yahoo-messenger-and-skype-icons-or-buttons-on-your-wordpress-blog</feedburner:origLink></item>
		<item>
		<title>How to create a FaceBook fan page</title>
		<link>http://feedproxy.google.com/~r/howtoplaza/~3/w6cBtMSqlaM/how-to-create-a-facebook-fan-page</link>
		<comments>http://www.howtoplaza.com/how-to-create-a-facebook-fan-page#comments</comments>
		<pubDate>Fri, 26 Feb 2010 14:25:30 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Social Media]]></category>
		<category><![CDATA[FaceBook]]></category>
		<category><![CDATA[social media marketing]]></category>

		<guid isPermaLink="false">http://www.howtoplaza.com/?p=747</guid>
		<description><![CDATA[Creating a FaceBook fan page is a great way to strengthen your presence&#8230;as a person and as a brand. It&#8217;s not just big business and corporations that create a FaceBook fan page, even individuals have them. If you are a famous person and you have more than 5000 FaceBook friends (the upper limit friends you [...]]]></description>
			<content:encoded><![CDATA[<p></p><div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.howtoplaza.com%2Fhow-to-create-a-facebook-fan-page"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.howtoplaza.com%2Fhow-to-create-a-facebook-fan-page" height="61" width="51" /></a></div><p>Creating a <a href="http://facebook.com">FaceBook</a> fan page is a great way to strengthen your presence&#8230;as a person and as a brand. It&#8217;s not just big business and corporations that create a FaceBook fan page, even individuals have them. If you are a famous person and you have more than 5000 FaceBook friends (<em>the upper limit friends you can have over there</em>) it&#8217;s better that you have a fan page because there is no limit to your fans.</p>
<p>It&#8217;s a bit cryptic when you try to create a fan page on FaceBook. You normally don&#8217;t see a link and you need to look around on various websites in order to come across the right link. Anyway, you need to go to <a href="http://www.facebook.com/pages/create.php">http://www.facebook.com/pages/create.php</a>. Of course you should be logged in before you can create your fan page.</p>
<div id="attachment_748" class="wp-caption aligncenter" style="width: 300px">
	<a href="http://www.howtoplaza.com/wp-content/uploads/2010/02/creating-facebook-fan-page-1.png"><img src="http://www.howtoplaza.com/wp-content/uploads/2010/02/creating-facebook-fan-page-1-300x207.png" alt="Creating a FaceBook Fan Page - click to enlarge" title="Creating a FaceBook Fan Page" width="300" height="207" class="size-medium wp-image-748" /></a>
	<p class="wp-caption-text">Creating a FaceBook Fan Page - click to enlarge</p>
</div>
<p>As you can see, the information is pretty much straightforwards. You finally get this page and you can use various links to make it more presentable, like putting a logo etc.</p>
<div id="attachment_749" class="wp-caption aligncenter" style="width: 300px">
	<a href="http://www.howtoplaza.com/wp-content/uploads/2010/02/creating-facebook-fan-page-2.png"><img src="http://www.howtoplaza.com/wp-content/uploads/2010/02/creating-facebook-fan-page-2-300x178.png" alt="FaceBook Fan Page - click to enlarge" title="FaceBook Fan Page" width="300" height="178" class="size-medium wp-image-749" /></a>
	<p class="wp-caption-text">FaceBook Fan Page - click to enlarge</p>
</div>
<p>You can get a more detailed description <a href="http://www.sitepoint.com/blogs/2010/02/25/why-you-need-facebook-fan-page/">on this Sitepoint link</a>.</p>
<a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.howtoplaza.com%2Fhow-to-create-a-facebook-fan-page&amp;t=How%20to%20create%20a%20FaceBook%20fan%20page" id="facebook_share_button_747" style="font-size:11px; line-height:13px; font-family:'lucida grande',tahoma,verdana,arial,sans-serif; text-decoration:none; display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; margin: 5px 0; height:15px; border:1px solid #d8dfea; color: #3B5998; background: #fff url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif) no-repeat top right;">Share</a>
<script type="text/javascript">
var button = document.getElementById('facebook_share_link_747') || document.getElementById('facebook_share_icon_747') || document.getElementById('facebook_share_both_747') || document.getElementById('facebook_share_button_747');
if (button) {
	button.onclick = function(e) {
		var url = this.href.replace(/share\.php/, 'sharer.php');
		window.open(url,'sharer','toolbar=0,status=0,width=626,height=436');
		return false;
	}

	if (button.id === 'facebook_share_button_747') {
		button.onmouseover = function(){
			this.style.color='#fff';
			this.style.borderColor = '#295582';
			this.style.backgroundColor = '#3b5998';
		}
		button.onmouseout = function(){
			this.style.color = '#3b5998';
			this.style.borderColor = '#d8dfea';
			this.style.backgroundColor = '#fff';
		}
	}
}
</script>
<img src="http://feeds.feedburner.com/~r/howtoplaza/~4/w6cBtMSqlaM" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.howtoplaza.com/how-to-create-a-facebook-fan-page/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.howtoplaza.com/how-to-create-a-facebook-fan-page</feedburner:origLink></item>
		<item>
		<title>How to improve your productivity step by step</title>
		<link>http://feedproxy.google.com/~r/howtoplaza/~3/X2p1ciKInAM/how-to-improve-your-productivity-step-by-step</link>
		<comments>http://www.howtoplaza.com/how-to-improve-your-productivity-step-by-step#comments</comments>
		<pubDate>Fri, 26 Feb 2010 08:47:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Efficient Working]]></category>
		<category><![CDATA[efficiency]]></category>
		<category><![CDATA[productivity]]></category>
		<category><![CDATA[work efficiency]]></category>

		<guid isPermaLink="false">http://www.howtoplaza.com/?p=746</guid>
		<description><![CDATA[If you want to improve your productively you need to be cautiously engaged in the activity. Many people don&#8217;t realize it, in order to improve your productivity you have to take well-targeted and planned steps, and this is more important when you work on your own and you don&#8217;t have tried-and-tested system to monitor your [...]]]></description>
			<content:encoded><![CDATA[<p></p><div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.howtoplaza.com%2Fhow-to-improve-your-productivity-step-by-step"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.howtoplaza.com%2Fhow-to-improve-your-productivity-step-by-step" height="61" width="51" /></a></div><p>If you want to improve your productively you need to be cautiously engaged in the activity. Many people don&#8217;t realize it, in order to improve your productivity you have to take well-targeted and planned steps, and this is more important when you work on your own and you don&#8217;t have tried-and-tested system to monitor your productivity.</p>
<p>In order to improve your productivity you first of all have to develop a routine for yourself. You must set some rules for yourself and you must adhere to them. Something like, set aside some time for checking emails and replying to them, and never check them at any other time. In the same manner, if you need to spend some time on various social media and social networking websites set aside some time and stick to that time.</p>
<p>There&#8217;s another way you can improve your productivity immensely: trace your most productive hours. We all have those (<em>unless one is chronically ill or something</em>). Schedule your most important jobs during those hours. Read more on this WebWorkDaily blog  post titled <a href="http://webworkerdaily.com/2010/02/23/improved-productivity-a-12-step-program/" title="Improved productivity: a 12-step program">Improved productivity: a 12-step program</a>.</p>
<a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.howtoplaza.com%2Fhow-to-improve-your-productivity-step-by-step&amp;t=How%20to%20improve%20your%20productivity%20step%20by%20step" id="facebook_share_button_746" style="font-size:11px; line-height:13px; font-family:'lucida grande',tahoma,verdana,arial,sans-serif; text-decoration:none; display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; margin: 5px 0; height:15px; border:1px solid #d8dfea; color: #3B5998; background: #fff url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif) no-repeat top right;">Share</a>
<script type="text/javascript">
var button = document.getElementById('facebook_share_link_746') || document.getElementById('facebook_share_icon_746') || document.getElementById('facebook_share_both_746') || document.getElementById('facebook_share_button_746');
if (button) {
	button.onclick = function(e) {
		var url = this.href.replace(/share\.php/, 'sharer.php');
		window.open(url,'sharer','toolbar=0,status=0,width=626,height=436');
		return false;
	}

	if (button.id === 'facebook_share_button_746') {
		button.onmouseover = function(){
			this.style.color='#fff';
			this.style.borderColor = '#295582';
			this.style.backgroundColor = '#3b5998';
		}
		button.onmouseout = function(){
			this.style.color = '#3b5998';
			this.style.borderColor = '#d8dfea';
			this.style.backgroundColor = '#fff';
		}
	}
}
</script>
<img src="http://feeds.feedburner.com/~r/howtoplaza/~4/X2p1ciKInAM" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.howtoplaza.com/how-to-improve-your-productivity-step-by-step/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.howtoplaza.com/how-to-improve-your-productivity-step-by-step</feedburner:origLink></item>
		<item>
		<title>How to build trust with social media</title>
		<link>http://feedproxy.google.com/~r/howtoplaza/~3/ee9MwrnBRUU/how-to-build-trust-with-social-media</link>
		<comments>http://www.howtoplaza.com/how-to-build-trust-with-social-media#comments</comments>
		<pubDate>Fri, 26 Feb 2010 07:17:30 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Social Media Branding]]></category>
		<category><![CDATA[social media marketing]]></category>

		<guid isPermaLink="false">http://www.howtoplaza.com/?p=745</guid>
		<description><![CDATA[You can build trust by holding meaningful conversations with people and social media provides the best platform for it, provided you know how to leverage it. The Internet makes it difficult to trust people (because rarely there is direct contact) and it also makes it easier because there are so many ways you can communicate, [...]]]></description>
			<content:encoded><![CDATA[<p></p><div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.howtoplaza.com%2Fhow-to-build-trust-with-social-media"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.howtoplaza.com%2Fhow-to-build-trust-with-social-media" height="61" width="51" /></a></div><p>You can build trust by holding meaningful conversations with people and social media provides the best platform for it, provided you know how to leverage it. The Internet makes it difficult to trust people (<em>because rarely there is direct contact</em>) and it also makes it easier because there are so many ways you can communicate, social media being the primary means.</p>
<p>The greatest strength of social media in terms of building long-lasting trust is that the two way communication can be passive as well as active, and between any two individuals sitting at the opposite corners of the world. The key is, people should listen, assimilate, and then respond accordingly. This is how you build trust: you respond, you engage in timely conversations and you provide useful information as and when needed. On social media you cannot build trust by simply blowing your own horn&#8230;you have to listen and respond. You have to show interest in what others think about you, your brand, and other things in general.</p>
<p>Regularity is also another issue. You cannot just appear out of the blues and bombard people with your messages. You need to be consistent and regular. This doesn&#8217;t mean you need to spend all your waking hours posting updates on various social media websites. Even if you devote 30 minutes, devote them regularly. Read more on <a href="http://mashable.com/2010/02/24/social-media-trust/">how to build trust with social media on this Mashable post</a>.</p>
<a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.howtoplaza.com%2Fhow-to-build-trust-with-social-media&amp;t=How%20to%20build%20trust%20with%20social%20media" id="facebook_share_button_745" style="font-size:11px; line-height:13px; font-family:'lucida grande',tahoma,verdana,arial,sans-serif; text-decoration:none; display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; margin: 5px 0; height:15px; border:1px solid #d8dfea; color: #3B5998; background: #fff url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif) no-repeat top right;">Share</a>
<script type="text/javascript">
var button = document.getElementById('facebook_share_link_745') || document.getElementById('facebook_share_icon_745') || document.getElementById('facebook_share_both_745') || document.getElementById('facebook_share_button_745');
if (button) {
	button.onclick = function(e) {
		var url = this.href.replace(/share\.php/, 'sharer.php');
		window.open(url,'sharer','toolbar=0,status=0,width=626,height=436');
		return false;
	}

	if (button.id === 'facebook_share_button_745') {
		button.onmouseover = function(){
			this.style.color='#fff';
			this.style.borderColor = '#295582';
			this.style.backgroundColor = '#3b5998';
		}
		button.onmouseout = function(){
			this.style.color = '#3b5998';
			this.style.borderColor = '#d8dfea';
			this.style.backgroundColor = '#fff';
		}
	}
}
</script>
<img src="http://feeds.feedburner.com/~r/howtoplaza/~4/ee9MwrnBRUU" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.howtoplaza.com/how-to-build-trust-with-social-media/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.howtoplaza.com/how-to-build-trust-with-social-media</feedburner:origLink></item>
		<item>
		<title>How To Search Google Buzz</title>
		<link>http://feedproxy.google.com/~r/howtoplaza/~3/fjBowOaZg-o/how-to-search-google-buzz</link>
		<comments>http://www.howtoplaza.com/how-to-search-google-buzz#comments</comments>
		<pubDate>Thu, 25 Feb 2010 05:52:02 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Social Media]]></category>

		<guid isPermaLink="false">http://www.howtoplaza.com/?p=743</guid>
		<description><![CDATA[When Google Buzz was initially launched it was termed as a &#8220;Twitter and Facebook&#8221; killer, but recently a top Google execute refuted this and stated that using Google Buzz is not like continuously posting updates and counter-updates; it&#8217;s about conversations. Conversations happen on Facebook and Twitter too, but the format and flow is a bit [...]]]></description>
			<content:encoded><![CDATA[<p></p><div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.howtoplaza.com%2Fhow-to-search-google-buzz"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.howtoplaza.com%2Fhow-to-search-google-buzz" height="61" width="51" /></a></div><p>When <a href="http://www.google.com/buzz" title="Google Buzz">Google Buzz</a> was initially launched it was termed as a &#8220;<a href="http://twitter.com">Twitter</a> and <a href="http://facebook.com">Facebook</a>&#8221; killer, but recently a top Google execute refuted this and stated that using Google Buzz is not like continuously posting updates and counter-updates; it&#8217;s about conversations. Conversations happen on Facebook and Twitter too, but the format and flow is a bit different from Google Buzz.</p>
<p>Anyway, conversation means lots of content generation and whenever there is content, you need to search for relevant information, and although Google Buzz comes from the biggest search company in the world, it&#8217;s search interface is less than impressive. <a href="http://searchengineland.com/how-to-search-google-buzz-36366">This Search Engine Land article</a> reviews a Google Buzz search service called <a href="http://buzzzy.com/">Buzzy.com</a> that helps you search for buzzes. As you can see on the website, it simply has a search box that can be used just like the Google search box. The SEL article also discusses a few parameters you can use to filter out searches and get the best possible resulte when you search Google Buzz.</p>
<a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.howtoplaza.com%2Fhow-to-search-google-buzz&amp;t=How%20To%20Search%20Google%20Buzz" id="facebook_share_button_743" style="font-size:11px; line-height:13px; font-family:'lucida grande',tahoma,verdana,arial,sans-serif; text-decoration:none; display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; margin: 5px 0; height:15px; border:1px solid #d8dfea; color: #3B5998; background: #fff url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif) no-repeat top right;">Share</a>
<script type="text/javascript">
var button = document.getElementById('facebook_share_link_743') || document.getElementById('facebook_share_icon_743') || document.getElementById('facebook_share_both_743') || document.getElementById('facebook_share_button_743');
if (button) {
	button.onclick = function(e) {
		var url = this.href.replace(/share\.php/, 'sharer.php');
		window.open(url,'sharer','toolbar=0,status=0,width=626,height=436');
		return false;
	}

	if (button.id === 'facebook_share_button_743') {
		button.onmouseover = function(){
			this.style.color='#fff';
			this.style.borderColor = '#295582';
			this.style.backgroundColor = '#3b5998';
		}
		button.onmouseout = function(){
			this.style.color = '#3b5998';
			this.style.borderColor = '#d8dfea';
			this.style.backgroundColor = '#fff';
		}
	}
}
</script>
<img src="http://feeds.feedburner.com/~r/howtoplaza/~4/fjBowOaZg-o" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.howtoplaza.com/how-to-search-google-buzz/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.howtoplaza.com/how-to-search-google-buzz</feedburner:origLink></item>
		<item>
		<title>How to create text shadows effect with CSS</title>
		<link>http://feedproxy.google.com/~r/howtoplaza/~3/TBkwO5cQM6Q/how-to-create-text-shadows-effect-with-css</link>
		<comments>http://www.howtoplaza.com/how-to-create-text-shadows-effect-with-css#comments</comments>
		<pubDate>Wed, 24 Feb 2010 17:35:39 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web Designing]]></category>

		<guid isPermaLink="false">http://www.howtoplaza.com/?p=739</guid>
		<description><![CDATA[Creating text shadows with CSS is a great way of creating cool text effects without having to use images. With abundant bandwidth and low hosting costs you may wonder why create text shadow effects with CSS if you can easily do that with graphic files? Well, you may not have a decent image editing or [...]]]></description>
			<content:encoded><![CDATA[<p></p><div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.howtoplaza.com%2Fhow-to-create-text-shadows-effect-with-css"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.howtoplaza.com%2Fhow-to-create-text-shadows-effect-with-css" height="61" width="51" /></a></div><p>Creating text shadows with CSS is a great way of creating cool text effects without having to use images. With abundant bandwidth and low hosting costs you may wonder why create text shadow effects with CSS if you can easily do that with graphic files? Well, you may not have a decent image editing or graphics software, and you may need to use the effect with a large chunk of text &#8212; using large chunks of text as image is bad for SEO.</p>
<p>If you&#8217;re wondering what is achieved by creating text shadows with CSS, just check out these <a href="http://www.1stwebdesigner.com/css/css-text-shadows-inspiration/" title="CSS text shadows examples">CSS text shadows examples</a>.</p>
<p>Just as a note, text shadows look better on semi-dark background if you are going to have a black shadow, unless the font you are using is very crisp and fine. So here we go:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;style<span style="color: #00AA00;">&gt;</span>
.shaded<span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#5B3D3D</span><span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span><span style="color: #993333;">block</span><span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span><span style="color: #933;">40px</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
p.shadow<span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#C89696</span><span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span><span style="color: #933;">2em</span><span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #3333ff;">:sans-</span>serif<span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">text-shadow</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #933;">2px</span> <span style="color: #933;">1px</span> <span style="color: #cc00cc;">#000</span><span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">font-weight</span><span style="color: #00AA00;">:</span><span style="color: #993333;">bold</span><span style="color: #00AA00;">;</span>
&nbsp;
<span style="color: #00AA00;">&#125;</span>
&lt;/style<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p>And you use it like this:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
</pre></td><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>div <span style="color: #000000; font-weight: bold;">class</span><span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;shaded&quot;</span><span style="color: #339933;">&gt;</span>
    <span style="color: #339933;">&lt;</span>p <span style="color: #000000; font-weight: bold;">class</span><span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;shadow&quot;</span><span style="color: #339933;">&gt;</span>This is a CSS text<span style="color: #339933;">&lt;</span>br<span style="color: #339933;">&gt;</span>shadow example<span style="color: #339933;">!&lt;/</span>p<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;/</span>div<span style="color: #339933;">&gt;</span></pre></td></tr></table></div>

<div id="attachment_740" class="wp-caption aligncenter" style="width: 353px">
	<img src="http://www.howtoplaza.com/wp-content/uploads/2010/02/css-text-shadow-effect-1.png" alt="CSS Text shadow effect" title="CSS Text shadow effect" width="353" height="113" class="size-full wp-image-740" />
	<p class="wp-caption-text">CSS Text shadow effect</p>
</div>
<p>This is quite simple. You can also create a beveled text effect with minor changes.</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
</pre></td><td class="code"><pre class="css" style="font-family:monospace;">&lt;style<span style="color: #00AA00;">&gt;</span>
.shaded<span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">background-color</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#5B3D3D</span><span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span><span style="color: #993333;">block</span><span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span><span style="color: #933;">40px</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
p.shadow<span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span><span style="color: #cc00cc;">#4E3636</span><span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">font-size</span><span style="color: #00AA00;">:</span><span style="color: #933;">2em</span><span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #3333ff;">:sans-</span>serif<span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">text-shadow</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #933;">2px</span> <span style="color: #933;">1px</span> <span style="color: #cc00cc;">#E3C9C9</span><span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">font-weight</span><span style="color: #00AA00;">:</span><span style="color: #993333;">bold</span><span style="color: #00AA00;">;</span>
&nbsp;
<span style="color: #00AA00;">&#125;</span>
&lt;/style<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

<p>We simply darken the font color and lighten the text shadow color. Here&#8217;s the result:</p>
<div id="attachment_741" class="wp-caption aligncenter" style="width: 346px">
	<img src="http://www.howtoplaza.com/wp-content/uploads/2010/02/css-text-shadow-effect-2.png" alt="CSS Text shadow effect - beveled" title="CSS Text shadow effect - beveled" width="346" height="101" class="size-full wp-image-741" />
	<p class="wp-caption-text">CSS Text shadow effect - beveled</p>
</div>
<a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.howtoplaza.com%2Fhow-to-create-text-shadows-effect-with-css&amp;t=How%20to%20create%20text%20shadows%20effect%20with%20CSS" id="facebook_share_button_739" style="font-size:11px; line-height:13px; font-family:'lucida grande',tahoma,verdana,arial,sans-serif; text-decoration:none; display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; margin: 5px 0; height:15px; border:1px solid #d8dfea; color: #3B5998; background: #fff url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif) no-repeat top right;">Share</a>
<script type="text/javascript">
var button = document.getElementById('facebook_share_link_739') || document.getElementById('facebook_share_icon_739') || document.getElementById('facebook_share_both_739') || document.getElementById('facebook_share_button_739');
if (button) {
	button.onclick = function(e) {
		var url = this.href.replace(/share\.php/, 'sharer.php');
		window.open(url,'sharer','toolbar=0,status=0,width=626,height=436');
		return false;
	}

	if (button.id === 'facebook_share_button_739') {
		button.onmouseover = function(){
			this.style.color='#fff';
			this.style.borderColor = '#295582';
			this.style.backgroundColor = '#3b5998';
		}
		button.onmouseout = function(){
			this.style.color = '#3b5998';
			this.style.borderColor = '#d8dfea';
			this.style.backgroundColor = '#fff';
		}
	}
}
</script>
<img src="http://feeds.feedburner.com/~r/howtoplaza/~4/TBkwO5cQM6Q" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.howtoplaza.com/how-to-create-text-shadows-effect-with-css/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://www.howtoplaza.com/how-to-create-text-shadows-effect-with-css</feedburner:origLink></item>
	</channel>
</rss>
