<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="https://www.facebook.com/2008/fbml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta property="fb:admins" content="763699465" />
<meta property="og:url" content="http://www.hongkiat.com/blog/how-to-place-facebook-chat-on-firefox-sidebar/"/>
<meta property="og:title" content="How to Place Facebook Chat On Firefox Sidebar" />
<meta property="og:description" content="Facebook Chat is cool, at least it allows you to send instant messages to online [...]" />
<meta property="og:type" content="article" />
<meta property="og:image" content="http://www.hongkiat.com/blog/wp-content/uploads/fchat-title.jpg" />
<title>How to Place Facebook Chat On Firefox Sidebar</title>
<!-- leave this for stats -->
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:regular,bold&subset=latin' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans&subset=latin' rel='stylesheet' type='text/css'>
<link href='http://static02.hongkiat.com/v4s/screen.min.css' rel='stylesheet' type='text/css' media='screen, projection'>
<link href='http://static02.hongkiat.com/v4s/style.min.css?v=20110705-1712' rel='stylesheet' type='text/css' media='screen, projection'>
<link href='http://static02.hongkiat.com/v4s/button.min.css?v=20110302' rel='stylesheet' type='text/css' media='screen, projection'>
<link href='http://static02.hongkiat.com/v4s/print.min.css' rel='stylesheet' type='text/css' media="print">
<!--[if IE]><link rel='stylesheet' href="http://static02.hongkiat.com/v4s/ie.css" type='text/css' media='screen, projection'><![endif]-->
<!-- google adm -->
<script src='http://partner.googleadservices.com/gampad/google_service.js' type='text/javascript'></script>
<script type='text/javascript'>
GS_googleAddAdSenseService("ca-pub-8918970543424762");
GS_googleEnableAllServices();
</script>
<script type='text/javascript'>
GA_googleAddSlot("ca-pub-8918970543424762", "HKC-125A1");
GA_googleAddSlot("ca-pub-8918970543424762", "HKC-125A10");
GA_googleAddSlot("ca-pub-8918970543424762", "HKC-257x125");
GA_googleAddSlot("ca-pub-8918970543424762", "300x250-Homepage");
GA_googleAddSlot("ca-pub-8918970543424762", "300x250-Global-DesignerTools");
GA_googleAddSlot("ca-pub-8918970543424762", "300x250-Global-Freebies");
GA_googleAddSlot("ca-pub-8918970543424762", "300x250-Global-Graphics");
GA_googleAddSlot("ca-pub-8918970543424762", "300x250-Global-Howto");
GA_googleAddSlot("ca-pub-8918970543424762", "300x250-Global-Icons");
GA_googleAddSlot("ca-pub-8918970543424762", "300x250-Global-Inspiration");
GA_googleAddSlot("ca-pub-8918970543424762", "300x250-Global-Photoshop");
GA_googleAddSlot("ca-pub-8918970543424762", "300x250-Global-Tools");
GA_googleAddSlot("ca-pub-8918970543424762", "300x250-Global-Wallpapers");
GA_googleAddSlot("ca-pub-8918970543424762", "300x250-Global-Web20");
GA_googleAddSlot("ca-pub-8918970543424762", "300x250-Global-Wordpress");
GA_googleAddSlot("ca-pub-8918970543424762", "160x600-Global-Allpage");
GA_googleAddSlot("ca-pub-8918970543424762", "300x250-Post-1030");
</script>
<script type='text/javascript'>GA_googleFetchAds();</script>
<!-- google adm -->
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
<script type='text/javascript' src='http://static02.hongkiat.com/v4s/include.min.js?v=20110319'></script>
<link rel="alternate" type="application/rss+xml" title="hongkiat.com RSS Feed" href="http://www.hongkiat.com/blog/feed/" />
<link rel="pingback" href="http://www.hongkiat.com/blog/xmlrpc.php" />
<link rel="shortcut icon" href="http://media02.hongkiat.com/v4s/favicon.ico" />
<link rel="alternate" type="application/rss+xml" title="hongkiat.com » How to Place Facebook Chat On Firefox Sidebar Comments Feed" href="http://www.hongkiat.com/blog/how-to-place-facebook-chat-on-firefox-sidebar/feed/" />
<link rel='stylesheet' id='contact-form-7-css' href='http://www.hongkiat.com/blog/wp-content/plugins/contact-form-7/styles.css?ver=2.4.6' type='text/css' media='all' />
<script type='text/javascript' src='http://www.hongkiat.com/blog/wp-includes/js/l10n.js?ver=20101110'></script>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=3.2.1'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.hongkiat.com/blog/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.hongkiat.com/blog/wp-includes/wlwmanifest.xml" />
<link rel='index' title='hongkiat.com' href='http://www.hongkiat.com/blog/' />
<link rel='start' title='3 Simple Ways to Create CSS Rounded Corners' href='http://www.hongkiat.com/blog/creating-rounded-corners-for-websites-on-the-fly/' />
<link rel='prev' title='WordPress Theme That Mimics Mac OS X Leopard – Leopress' href='http://www.hongkiat.com/blog/wordpress-theme-that-mimics-mac-os-x-leopard-leopress/' />
<link rel='next' title='75 Things You Can Do With iPod' href='http://www.hongkiat.com/blog/75-things-you-can-do-with-ipod/' />
<link rel='shortlink' href='http://www.hongkiat.com/blog/?p=1182' />
<!-- All in One SEO Pack 1.6.13.3 by Michael Torbert of Semper Fi Web Design[775,830] -->
<meta name="description" content="Facebook Chat is cool, at least it allows you to send instant messages to online Facebook contacts. However I'm not really a fan of the chat bar being at the" />
<meta name="keywords" content="firefox,web tricks" />
<link rel="canonical" href="http://www.hongkiat.com/blog/how-to-place-facebook-chat-on-firefox-sidebar/" />
<!-- /all in one seo pack -->
<script type="text/javascript">
//<![CDATA[
var _wpcf7 = { cached: 1 };
//]]>
</script>
<link href="http://static02.hongkiat.com/v4s/google-syntax-highlighter/Styles/SyntaxHighlighter.css" type="text/css" rel="stylesheet" />
<!-- Start Of Script Generated By WP-PostViews 1.60 -->
<script type="text/javascript">
/* <![CDATA[ */
jQuery.ajax({type:'GET',url:'http://www.hongkiat.com/blog/wp-content/plugins/wp-postviews/wp-postviews.php',data:'postviews_id=1182',cache:false});/* ]]> */
</script>
<!-- End Of Script Generated By WP-PostViews 1.60 -->
</head>
<body>
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({appId: '176779922333537', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script>
<a name="top"></a>
<!-- stats -->
<script type='text/javascript'>var _gaq=_gaq||[];_gaq.push(["_setAccount","UA-275126-1"]);_gaq.push(["_trackPageview"]);(function(){var b=document.createElement("script");b.type="text/javascript";b.async=true;b.src=("https:"==document.location.protocol?"https://ssl":"http://www")+".google-analytics.com/ga.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(b,a)})();</script>
<script type='text/javascript' src='http://static.fmpub.net/site/hongkiat'></script>
<a href="http://whos.amung.us/show/zxjetkyu" style="display:none"><img src="http://whos.amung.us/swidget/zxjetkyu.gif" /></a>
<!-- stats -->
<div class="topbanner">
<center><script type='text/javascript' src='http://static.fmpub.net/zone/4724'></script></center>
</div>
<div class="startcontent">
<div class="container">
<!-- header start -->
<div class="span-25 header">
<div class="logorow clearfix">
<div class="thelogo">
<h1><a href="http://www.hongkiat.com/blog">hongkiat.com</a></h1>
</div>
<div class="thebanner">
<div id="bsap_1235460" class="bsarocks bsap_9d66286b452642a759aabeac9d39d265"></div>
</div>
</div>
<div class="navirow">
<ul>
<li class="home "><a onClick="javascript: pageTracker._trackPageview('/hkc/nav/home');" href="/blog/">Home</a> </li>
<li class="photoshop "><a onClick="javascript: pageTracker._trackPageview('/hkc/nav/photoshop');" href="/blog/category/photoshop-tutorial/" title="Photoshop PSD, tutorials, textures and more!">Photoshop</a></li>
<li class="icons "><a onClick="javascript: pageTracker._trackPageview('/hkc/nav/icon');" href="/blog/category/freebies-online/free-icons/" title="Free icons for your interface">Icons</a> </li>
<li class="design "><a onClick="javascript: pageTracker._trackPageview('/hkc/nav/design');" href="/blog/category/design/" title="Everything related to web design">Design</a> </li>
<li class="wordpress "><a onClick="javascript: pageTracker._trackPageview('/hkc/nav/wordpress');" href="/blog/category/wordpress/" title="Tips tricks to using Wordpress platform">Wordpress</a> </li>
<li class="tools "><a onClick="javascript: pageTracker._trackPageview('/hkc/nav/tools');" href="/blog/category/tools/" title="Useful tools for designers and developers">Tools</a> </li>
<li class="inspiration "><a onClick="javascript: pageTracker._trackPageview('/hkc/nav/inspiration');" href="/blog/category/inspiration/" title="Showcase of artworks that truely inspires">Inspiration</a> </li>
<li class="graphics "><a onClick="javascript: pageTracker._trackPageview('/hkc/nav/graphic');" href="/blog/category/graphics/" title="Vectors, rastors and free stock images">Graphics</a> </li>
<li class="wallpapers "><a onClick="javascript: pageTracker._trackPageview('/hkc/nav/wallpaper');" href="/blog/category/freebies-online/free-wallpapers/" title="High quality wallpapers for your desktop">Wallpapers</a> </li>
<li class="howto "><a onClick="javascript: pageTracker._trackPageview('/hkc/nav/howto');" href="/blog/category/how-to/" title="A self-help guide to technology">How-to</a> </li>
<li class="web20 "><a onClick="javascript: pageTracker._trackPageview('/hkc/nav/web20');" href="/blog/category/web-20/" title="Web and trends">Web 2.0</a> </li>
<li class="freebies "><a onClick="javascript: pageTracker._trackPageview('/hkc/nav/freebies');" href="/blog/category/freebies-online/" title="Watch this space for freebies giveaway">Freebies</a> </li>
</ul>
<form id="searchform" method="get" action="/blog/index.php">
<input name="s" type="text" id="s" class="searchfield" maxlength="99"/>
<input type="submit" class="searchbutton" value="" />
</form>
</div>
<div class="gaprow"></div>
</div>
<!-- header end -->
<div class="span-25 main"><div class="span-17 content single">
<div class="post" id="post-1182">
<!-- google_ad_section_start -->
<h1>How to Place Facebook Chat On Firefox Sidebar</h1>
<!-- google_ad_section_end -->
<div class="post-meta">
<!--INFOLINKS_OFF-->
<p>By <strong>
hongkiat </strong> | <strong> <span class="cat">
<a href="http://www.hongkiat.com/blog/category/firefox/" title="View all posts in Firefox" rel="category tag">Firefox</a>, <a href="http://www.hongkiat.com/blog/category/web-tricks/" title="View all posts in Web Tricks" rel="category tag">Web Tricks</a> </span> </strong> <span class="edit">
</span></p>
<!--INFOLINKS_ON-->
</div>
<div id="SMBadge_Container">
<div id="SMBadge_Box">
<div id="SMBadges">
<div class="SMVote" onClick="javascript: pageTracker._trackPageview('/hkc/single/float/tweet');"><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="hongkiat">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>
<div class="SMGap"></div>
<div class="SMVote" onClick="javascript: pageTracker._trackPageview('/hkc/single/float/facebook');"><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http%3A%2F%2Fwww.hongkiat.com%2Fblog%2Fhow-to-place-facebook-chat-on-firefox-sidebar%2F" layout="box_count" show_faces="true" width="50"></fb:like></div>
<div class="SMGap"></div>
<div class="SMVote" onClick="javascript: pageTracker._trackPageview('/hkc/single/float/plus1');"><g:plusone size="tall"></g:plusone></div>
</div>
</div>
</div>
<!-- // -->
<p class='UFSquareAd'>Ads</p>
<div class='UFSquareAd'>
<script type="text/javascript"><!--
google_ad_client = "pub-8918970543424762";
/* t+i */
google_ad_slot = "8411699699";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<!-- /// -->
<div class="clear"></div>
<div class="intxt">
<!-- google_ad_section_start -->
<p><img src="http://www.hongkiat.com/blog/wp-content/uploads/fchat-title.jpg" alt="fchat title How to Place Facebook Chat On Firefox Sidebar" border="0" width="500" height="281" title="How to Place Facebook Chat On Firefox Sidebar" /></p>
<p>Facebook Chat is cool, at least it allows you to send instant messages to online Facebook contacts. However I’m not really a fan of the chat bar being at the bottom of the page, what if I’ve left Facebook but still wants to remain chatting with my Facebook contacts? If you are using Firefox, you can place the Facebook Chat at the sidebar.</p>
<p><span id="more-1182"></span></p>
<h4>Step 1</h4>
<p>Look for <strong>Bookmarks</strong> on the top navigation. Select <strong>Organize Bookmarks…</strong><br />
<img src="http://www.hongkiat.com/blog/wp-content/uploads/fchat01.jpg" alt="fchat01 How to Place Facebook Chat On Firefox Sidebar" border="0" width="500" height="117" title="How to Place Facebook Chat On Firefox Sidebar" /></p>
<h4>Step 2</h4>
<p>Click <strong>New Bookmark..</strong>. tab and enter the following:</p>
<ul>
<li>Name: Facebook Chat</li>
<li>Location: http://www.facebook.com/presence/popout.php</li>
<li>Check <em>Load this bookmark in sidebar.</em></li>
</ul>
<p><img src="http://www.hongkiat.com/blog/wp-content/uploads/fchat02.jpg" alt="fchat02 How to Place Facebook Chat On Firefox Sidebar" border="0" width="447" height="272" title="How to Place Facebook Chat On Firefox Sidebar" /></p>
<h4>Step 3</h4>
<p>Launch the Firefox sidebar, click Facebook Chat and start chatting with your Facebook contacts within Firefox.</p>
<p><img src="http://www.hongkiat.com/blog/wp-content/uploads/fchat03.jpg" alt="fchat03 How to Place Facebook Chat On Firefox Sidebar" border="0" width="500" height="357" title="How to Place Facebook Chat On Firefox Sidebar" /></p>
<p><!--adsense#firefoxtext01--></p>
<!-- google_ad_section_end -->
<div class="clear"></div>
</div>
<div class="FbLike" style="margin-bottom:10px;">
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http%3A%2F%2Fwww.hongkiat.com%2Fblog%2Fhow-to-place-facebook-chat-on-firefox-sidebar%2F" show_faces="true" width="450"></fb:like>
</div>
<div class="tags rad3">
<span>Tags:</span> <ul><li><a href="http://www.hongkiat.com/blog/tag/chat/" rel="tag">chat</a></li><li><a href="http://www.hongkiat.com/blog/tag/facebook/" rel="tag">facebook</a></li><li><a href="http://www.hongkiat.com/blog/tag/firefox/" rel="tag">Firefox</a></li><li><a href="http://www.hongkiat.com/blog/tag/sidebar/" rel="tag">sidebar</a></li></ul> </div>
<!--INFOLINKS_OFF-->
<div class="RelatedContainer">
<div class="related-post">
<h4><strong>Related Entries.</strong></h4>
<ol class="related-posts-thumbs">
<li>
<a onClick="javascript: pageTracker._trackPageview('/hkc/single/bottom/related_article');" href="http://www.hongkiat.com/blog/how-to-display-facebook-fan-count-in-text/" rel="bookmark" title="How to Display Facebook Fan Count in Text">
<span class="yarpp-thumb"><span style="background-image:url(http://media02.hongkiat.com/thumbs/150x100/how-to-display-facebook-fan-count-in-text.jpg); width:150px">How to Display Facebook Fan Count in Text</span></span>
<span class="yarpp-title">How to Display Facebook Fan Count in Text</span><br/>
</a>
</li>
<li>
<a onClick="javascript: pageTracker._trackPageview('/hkc/single/bottom/related_article');" href="http://www.hongkiat.com/blog/display-wordpress-sidebar-on-other-non-wp-sites/" rel="bookmark" title="How to Display WordPress Sidebar on Other (Non WP) Sites">
<span class="yarpp-thumb"><span style="background-image:url(http://media02.hongkiat.com/thumbs/150x100/display-wordpress-sidebar-on-other-non-wp-sites.jpg); width:150px">How to Display WordPress Sidebar on Other (Non WP) Sites</span></span>
<span class="yarpp-title">How to Display WordPress Sidebar on Other (Non WP) Sites</span><br/>
</a>
</li>
<li>
<a onClick="javascript: pageTracker._trackPageview('/hkc/single/bottom/related_article');" href="http://www.hongkiat.com/blog/tips-tricks-for-your-business-facebook-fan-page/" rel="bookmark" title="10 Tips & Tricks For Your Business’s Facebook Fan Page">
<span class="yarpp-thumb"><span style="background-image:url(http://media02.hongkiat.com/thumbs/150x100/tips-tricks-for-your-business-facebook-fan-page.jpg); width:150px">10 Tips & Tricks For Your Business’s Facebook Fan Page</span></span>
<span class="yarpp-title">10 Tips & Tricks For Your Business’s Facebook Fan Page</span><br/>
</a>
</li>
</ol>
<div class="clear"></div>
</div>
<div class="related-more">
</div>
</div>
<div class="SocialBookmark">
<div class="SB_Left">
<h4><strong>Share!</strong></h4>
<p>Enjoy the article so far? Recommend it to your friends and peers.</p>
<ul>
<li><a onClick="javascript: pageTracker._trackPageview('/hkc/single/bottom/share/su');" href="http://www.stumbleupon.com/submit?url=http://www.hongkiat.com/blog/how-to-place-facebook-chat-on-firefox-sidebar/&title=How to Place Facebook Chat On Firefox Sidebar" title="Stumble this story" target="_blank"><img src="http://media02.hongkiat.com/v4s/logo/social_network/stumbleupon.png" /></a></li>
<li><a onClick="javascript: pageTracker._trackPageview('/hkc/single/bottom/share/digg');" href="http://digg.com/submit?phase=2&url=http://www.hongkiat.com/blog/how-to-place-facebook-chat-on-firefox-sidebar/&title='How to Place Facebook Chat On Firefox Sidebar" title="Digg this story" target="_blank"><img src="http://media02.hongkiat.com/v4s/logo/social_network/digg.png" /></a></li>
<li><a onClick="javascript: pageTracker._trackPageview('/hkc/single/bottom/share/delicious');" href="http://del.icio.us/post?url=http://www.hongkiat.com/blog/how-to-place-facebook-chat-on-firefox-sidebar/&title=How to Place Facebook Chat On Firefox Sidebar" title="Add to Delicious bookmark" target="_blank"><img src="http://media02.hongkiat.com/v4s/logo/social_network/delicious.png" /></a></li>
<li><a onClick="javascript: pageTracker._trackPageview('/hkc/single/bottom/share/facebook');" href="http://www.facebook.com/sharer.php?u=http://www.hongkiat.com/blog/how-to-place-facebook-chat-on-firefox-sidebar/&t=How to Place Facebook Chat On Firefox Sidebar" title="Share with Facebook friends" target="_blank"><img src="http://media02.hongkiat.com/v4s/logo/social_network/facebook.png" /></a></li>
<li><a onClick="javascript: pageTracker._trackPageview('/hkc/single/bottom/share/buzz');" href="http://www.google.com/reader/link?title=How to Place Facebook Chat On Firefox Sidebar&url=http://www.hongkiat.com/blog/how-to-place-facebook-chat-on-firefox-sidebar/" title="Add to Google Buzz" target="_blank"><img src="http://media02.hongkiat.com/v4s/logo/social_network/google-buzz.png" /></a></li>
</ul>
</div>
<div class="SB_Right">
<h4><strong>Subscribe! (free)</strong></h4>
<p>Be the first to our articles and get latest updates on freebies.</p>
<ul>
<li><a onClick="javascript: pageTracker._trackPageview('/hkc/single/bottom/subscribe/rss');" href="http://feeds2.feedburner.com/24thfloor" title="Subscribe to RSS" target="_blank"><img src="http://media02.hongkiat.com/v4s/logo/social_network/rss.png" /></a></li>
<li><a onClick="javascript: pageTracker._trackPageview('/hkc/single/bottom/subscribe/email');" href="http://eepurl.com/IGTx" title="Subscribe via Email" target="_blank"><img src="http://media02.hongkiat.com/v4s/logo/social_network/email.png" /></a></li>
</ul>
</div>
</div>
<div style="clear:both"></div>
<!--INFOLINKS_ON-->
<!--INFOLINKS_OFF-->
<div class="aftercontent">
<p class="UFSquareAd">Advertisement</p>
<!-- BuySellAds.com Zone Code -->
<div id="bsap_1247679" class="bsarocks bsap_9d66286b452642a759aabeac9d39d265"></div>
<!-- END BuySellAds.com Zone Code -->
</div>
<!--INFOLINKS_ON-->
</div>
<div style="clear:both"></div>
<div id="disqus_thread">
</div>
<script type="text/javascript">
/* <![CDATA[ */
var disqus_url = 'http://www.hongkiat.com/blog/how-to-place-facebook-chat-on-firefox-sidebar/';
var disqus_identifier = '1182 http://www.hongkiat.com/blog/?p=1182';
var disqus_container_id = 'disqus_thread';
var disqus_domain = 'disqus.com';
var disqus_shortname = 'hongkiat';
var disqus_title = "How to Place Facebook Chat On Firefox Sidebar";
var disqus_config = function () {
var config = this; // Access to the config object
/*
All currently supported events:
* preData — fires just before we request for initial data
* preInit - fires after we get initial data but before we load any dependencies
* onInit - fires when all dependencies are resolved but before dtpl template is rendered
* afterRender - fires when template is rendered but before we show it
* onReady - everything is done
*/
config.callbacks.preData.push(function() {
// clear out the container (its filled for SEO/legacy purposes)
document.getElementById(disqus_container_id).innerHTML = '';
});
config.callbacks.onReady.push(function() {
// sync comments in the background so we don't block the page
DISQUS.request.get('?cf_action=sync_comments&post_id=1182');
});
};
var facebookXdReceiverPath = 'http://www.hongkiat.com/blog/wp-content/plugins/disqus-comment-system/xd_receiver.htm';
/* ]]> */
</script>
<script type="text/javascript">
/* <![CDATA[ */
var DsqLocal = {
'trackbacks': [
],
'trackback_url': "http:\/\/www.hongkiat.com\/blog\/how-to-place-facebook-chat-on-firefox-sidebar\/trackback\/" };
/* ]]> */
</script>
<script type="text/javascript">
/* <![CDATA[ */
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript';
dsq.async = true;
dsq.src = 'http://' + disqus_shortname + '.' + disqus_domain + '/embed.js?pname=wordpress&pver=2.66';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
/* ]]> */
</script>
</div>
<!-- google_ad_section_start(weight=ignore) -->
<div class="span-8 last sidebar">
<!--INFOLINKS_OFF-->
<div class="sbBlock sBlack">
<div id="mc_embed_signup" class="subscribeTop clearfix">
<div class="mcLeft"> </div>
<div class="mcRight">
<h4>Subscribe now</h4>
<p class="getposts">Get latest post in your email for free.</p>
<script type="text/javascript" src="http://downloads.mailchimp.com/js/jquery.validate.js"></script>
<script type="text/javascript" src="http://downloads.mailchimp.com/js/jquery.form.js"></script>
<form action="http://hongkiat.us1.list-manage.com/subscribe/post?u=2cad5936fa92d77b81f41d691&id=e23e003d87" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" style="font: normal 100% Arial, sans-serif;font-size: 10px;">
<fieldset>
<div class="mc-field-group">
<input type="text" value="your email address" name="EMAIL" class="required email" id="mce-EMAIL" onFocus="clearMCEmail(this)" onBlur="clearMCEmail(this)">
<button type="submit" name="subscribe" id="mc-embedded-subscribe" class="btn download-itunes">Go</button>
<div id="mce-responses">
<div class="response" id="mce-error-response"></div>
<div class="response" id="mce-success-response"></div>
</div>
</div>
</fieldset>
<a href="#" id="mc_embed_close" class="mc_embed_close" style="display: none;">Close</a>
</form>
<script type="text/javascript">var fnames=new Array();var ftypes=new Array();fnames[0]="EMAIL";ftypes[0]="email";fnames[1]="NAME";ftypes[1]="text";var err_style="";try{err_style=mc_custom_error_style}catch(e){err_style=""}var mce_jQuery=jQuery.noConflict();mce_jQuery(document).ready(function(b){var a={errorClass:"mce_inline_error",errorElement:"div",errorStyle:err_style,onkeyup:function(){},onfocusout:function(){},onblur:function(){}};var c=mce_jQuery("#mc-embedded-subscribe-form").validate(a);a={url:"http://hongkiat.us1.list-manage.com/subscribe/post-json?u=2cad5936fa92d77b81f41d691&id=e23e003d87&c=?",type:"GET",dataType:"json",contentType:"application/json; charset=utf-8",beforeSubmit:function(){mce_jQuery("#mce_tmp_error_msg").remove();mce_jQuery(".datefield","#mc_embed_signup").each(function(){var f="filled";var d=new Array();var g=0;mce_jQuery(":text",this).each(function(){d[g]=this;g++});mce_jQuery(":hidden",this).each(function(){if(d[0].value=="MM"&&d[1].value=="DD"&&d[2].value=="YYYY"){this.value=""}else{if(d[0].value==""&&d[1].value==""&&d[2].value==""){this.value=""}else{this.value=d[0].value+"/"+d[1].value+"/"+d[2].value}}})});return c.form()},success:mce_success_cb};mce_jQuery("#mc-embedded-subscribe-form").ajaxForm(a)});function mce_success_cb(j){mce_jQuery("#mce-success-response").hide();mce_jQuery("#mce-error-response").hide();if(j.result=="success"){mce_jQuery("#mce-"+j.result+"-response").show();mce_jQuery("#mce-"+j.result+"-response").html(j.msg);mce_jQuery("#mc-embedded-subscribe-form").each(function(){this.reset()})}else{var b=-1;var h;try{var g=j.msg.split(" - ",2);if(g[1]==undefined){h=j.msg}else{i=parseInt(g[0]);if(i.toString()==g[0]){b=g[0];h=g[1]}else{b=-1;h=j.msg}}}catch(d){b=-1;h=j.msg}try{if(b==-1){mce_jQuery("#mce-"+j.result+"-response").show();mce_jQuery("#mce-"+j.result+"-response").html(h)}else{err_id="mce_tmp_error_msg";html='<div id="'+err_id+'" style="'+err_style+'"> '+h+"</div>";var a="#mc_embed_signup";var c=mce_jQuery(a);if(ftypes[b]=="address"){a="#mce-"+fnames[b]+"-addr1";c=mce_jQuery(a).parent().parent().get(0)}else{if(ftypes[b]=="date"){a="#mce-"+fnames[b]+"-month";c=mce_jQuery(a).parent().parent().get(0)}else{a="#mce-"+fnames[b];c=mce_jQuery().parent(a).get(0)}}if(c){mce_jQuery(c).append(html);mce_jQuery(a).focus()}else{mce_jQuery("#mce-"+j.result+"-response").show();mce_jQuery("#mce-"+j.result+"-response").html(h)}}}catch(d){mce_jQuery("#mce-"+j.result+"-response").show();mce_jQuery("#mce-"+j.result+"-response").html(h)}}}; function clearMCEmail(field){if (field.defaultValue == field.value) field.value = '';else if (field.value == '') field.value = field.defaultValue;}</script>
</div>
</div>
<div class="subscribeBottom">
<ul>
<li class="text">Follow us on:</li>
<li class="facebook button"><a href="http://www.facebook.com/hongkiatcom" title="Be a fan!">Facebook</a></li>
<li class="twitter button"><a href="http://www.twitter.com/hongkiat" title="Follow us on Twitter">Twitter</a></li>
<li class="rss button"><a href="http://feeds2.feedburner.com/24thfloor" title="Subscribe RSS Feed">RSS</a></li>
</ul>
</div>
</div>
<div class="sbBlock BAds">
<div class="s275">
<div id="bsap_1237809" class="bsarocks bsap_9d66286b452642a759aabeac9d39d265"></div>
<script type="text/javascript">GA_googleFillSlot("HKC-257x125");</script>
</div>
<div class="s125">
<div id="bsap_1557" class="bsarocks bsap_9d66286b452642a759aabeac9d39d265"></div>
<script type="text/javascript">GA_googleFillSlot("HKC-125A1");</script>
<script type="text/javascript">GA_googleFillSlot("HKC-125A10");</script>
</div>
<!--
<p class="AWU_Sq"><a href="http://hongki.at/bsa125" rel="external"><img height="125" width="125" src="http://media02.hongkiat.com/ads/125x125/bsa125.png"/></a>
</p>
-->
<p class="AWU_Rec"><a href="http://hongki.at/bsa125txt" rel="external">Advertise with Us.</a></p>
<div class="clear"></div>
</div>
<hr />
<div class="sbBlock MainMenu">
<h4>Main Menu</h4>
<ul class="MM_Left">
<li class="advertise"><a href="/blog/advertise/" title="Advertise in Hongkiat.com" onClick="javascript: pageTracker._trackPageview('/hkc/sidebar/menu/advertise');">Advertise</a></li>
<li class="contact_us"><a href="/blog/contact/" title="Contact us" onClick="javascript: pageTracker._trackPageview('/hkc/sidebar/menu/contact_us');">Contact us</a></li>
<li class="be_author"><a href="/blog/write-for-us/" title="Write for Hongkiat.com" onClick="javascript: pageTracker._trackPageview('/hkc/sidebar/menu/be_an_author');">Be an author</a></li>
<li class="submit_tips"><a href="/blog/submit-news-tips/" title="Submit news & tips" onClick="javascript: pageTracker._trackPageview('/hkc/sidebar/menu/submit_tips');">Submit Tips</a></li>
</ul>
<ul class="MM_Right">
<li class="googlep"><a href="https://plus.google.com/108867985336571610992" title="Hongkiat.com Google+" onClick="javascript: pageTracker._trackPageview('/hkc/sidebar/menu/GoogleP');" target="_blank">Google+</a></li>
<li class="rss"><a href="http://feeds2.feedburner.com/24thfloor" title="Subscribe via RSS" onClick="javascript: pageTracker._trackPageview('/hkc/sidebar/menu/rss');" target="_blank">RSS</a></li>
<li class="twitter"><a href="http://www.twitter.com/hongkiat" title="Follow @hongkiat on Twitter" onClick="javascript: pageTracker._trackPageview('/hkc/sidebar/menu/twitter');" target="_blank">Twitter</a></li>
<li class="facebook"><a href="http://www.facebook.com/pages/hongkiatcom/6064148591" title="Hongkiat.com Facebook page" onClick="javascript: pageTracker._trackPageview('/hkc/sidebar/menu/facebook');" target="_blank">Facebook</a></li>
</ul>
<div class="clear"></div>
</div>
<hr />
<div class="sbBlock PopList">
<div id="wrapper">
<ul class="tabs">
<li><a href="#" class="defaulttab tab_popular" rel="tabs1">Most Popular (Month)</a></li>
<!--
<li><a href="javascript:void(0)" class="tab_latest" rel="tabs2">Latest</a></li>
-->
</ul>
<div class="tab-content" id="tabs1">
<a href="http://www.hongkiat.com/blog/cinemagraph/" onClick="javascript: pageTracker._trackPageview('/hkc/sidebar/tab/popular');"> <img src="http://media02.hongkiat.com/thumbs/150x100/cinemagraph.jpg" class="poplist_img" width="65" height="43"/>
<h5 class="poplist_title">
Cinemagraph: 28 Still Photos With Subtle Motion </h5>
</a>
<a href="http://www.hongkiat.com/blog/recycled-art-masterpiece-made-from-junks/" onClick="javascript: pageTracker._trackPageview('/hkc/sidebar/tab/popular');"> <img src="http://media02.hongkiat.com/thumbs/150x100/recycled-art-masterpiece-made-from-junks.jpg" class="poplist_img" width="65" height="43"/>
<h5 class="poplist_title">
Recycled Art: 66 Masterpieces Made From Junks </h5>
</a>
<a href="http://www.hongkiat.com/blog/iphone-application-designer-developer/" onClick="javascript: pageTracker._trackPageview('/hkc/sidebar/tab/popular');"> <img src="http://media02.hongkiat.com/thumbs/150x100/iphone-application-designer-developer.jpg" class="poplist_img" width="65" height="43"/>
<h5 class="poplist_title">
20 Useful iPhone Apps for Developers & Designers </h5>
</a>
<a href="http://www.hongkiat.com/blog/top-10-interview-questions/" onClick="javascript: pageTracker._trackPageview('/hkc/sidebar/tab/popular');"> <img src="http://media02.hongkiat.com/thumbs/150x100/top-10-interview-questions.jpg" class="poplist_img" width="65" height="43"/>
<h5 class="poplist_title">
10 Most Asked Interview Questions: How to Tackle Them </h5>
</a>
<a href="http://www.hongkiat.com/blog/wireframing-prototyping-tools/" onClick="javascript: pageTracker._trackPageview('/hkc/sidebar/tab/popular');"> <img src="http://media02.hongkiat.com/thumbs/150x100/wireframing-prototyping-tools.jpg" class="poplist_img" width="65" height="43"/>
<h5 class="poplist_title">
Useful Wireframing and Prototyping Tools – Roundup </h5>
</a>
</div>
<!--
<div class="tab-content" id="tabs2">
<a href="http://www.hongkiat.com/blog/beautiful-invitation-cards/" onClick="javascript: pageTracker._trackPageview('/hkc/sidebar/tab/latest');">
<img src="http://media02.hongkiat.com/thumbs/150x100/beautiful-invitation-cards.jpg" class="poplist_img" />
<h5 class="poplist_title">30 Beautiful & Creative Invitation Card Designs</h5>
</a>
<a href="http://www.hongkiat.com/blog/recycled-art-masterpiece-made-from-junks/" onClick="javascript: pageTracker._trackPageview('/hkc/sidebar/tab/latest');">
<img src="http://media02.hongkiat.com/thumbs/150x100/recycled-art-masterpiece-made-from-junks.jpg" class="poplist_img" />
<h5 class="poplist_title">Recycled Art: 66 Masterpieces Made From Junks</h5>
</a>
<a href="http://www.hongkiat.com/blog/winners-of-tn3-gallery-contest/" onClick="javascript: pageTracker._trackPageview('/hkc/sidebar/tab/latest');">
<img src="http://media02.hongkiat.com/thumbs/150x100/winners-of-tn3-gallery-contest.jpg" class="poplist_img" />
<h5 class="poplist_title">Winners Of: TN3 Gallery Contest</h5>
</a>
<a href="http://www.hongkiat.com/blog/ipad2-photoshop-tutorial/" onClick="javascript: pageTracker._trackPageview('/hkc/sidebar/tab/latest');">
<img src="http://media02.hongkiat.com/thumbs/150x100/ipad2-photoshop-tutorial.jpg" class="poplist_img" />
<h5 class="poplist_title">Drawing Realistic iPad2 in Photoshop</h5>
</a>
<a href="http://www.hongkiat.com/blog/iphone-application-designer-developer/" onClick="javascript: pageTracker._trackPageview('/hkc/sidebar/tab/latest');">
<img src="http://media02.hongkiat.com/thumbs/150x100/iphone-application-designer-developer.jpg" class="poplist_img" />
<h5 class="poplist_title">20 Useful iPhone Apps for Developers & Designers</h5>
</a>
</div>
-->
</div>
</div>
<hr />
<div class="sbBlock">
<script type='text/javascript' src='http://static.fmpub.net/zone/4723'></script>
</div>
<hr />
<div class="sbBlock" style="text-align:center">
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/hongkiatcom" width="260" show_faces="true" stream="false" header="false"></fb:like-box>
</div>
<hr />
<div class="sbBlock partners">
<p> <a onClick="javascript: pageTracker._trackPageview('/hkc/sidebar/partner/wpwebhost');" href="http://hongki.at/wpwebhost" title="Web hosting by WPWebHost"><img src="http://media02.hongkiat.com/v4s/logo/small/wpwebhost-02.png?v=new" alt="WPWebHost"/></a> <a onClick="javascript: pageTracker._trackPageview('/hkc/sidebar/partner/netdna');" href="http://www.netdna.com/" title="NetDNA Content Delivery Network"><img src="http://media02.hongkiat.com/v4s/logo/small/netdna-02.png?v=new" alt="NetDNA Content Delivery Network"/></a> <a onClick="javascript: pageTracker._trackPageview('/hkc/sidebar/partner/smashing_network');" href="http://hongki.at/smnetwork" title="Smashing Network"><img src="http://media02.hongkiat.com/v4s/logo/small/smashing_network-02.png?v=new" alt="Smashing Network"/></a> </p>
</div>
<hr />
<div class="sbBlock">
<div id="bsap_1249810" class="bsarocks bsap_9d66286b452642a759aabeac9d39d265"></div>
</div>
<hr />
<div class="sbBlock">
<center>
<script type='text/javascript' src='http://static.fmpub.net/zone/4725'></script>
</center>
</div>
<!--INFOLINKS_ON-->
</div>
<!-- google_ad_section_end -->
<!-- google_ad_section_start(weight=ignore) -->
<div class="span-25 footer">
<script type='text/javascript' src='http://static02.hongkiat.com/v4s/contact-form-7/all.js?ver=3.2.1'></script>
<script type="text/javascript">
// <![CDATA[
var disqus_shortname = 'hongkiat';
var disqus_domain = 'disqus.com';
(function () {
var nodes = document.getElementsByTagName('span');
for (var i = 0, url; i < nodes.length; i++) {
if (nodes[i].className.indexOf('dsq-postid') != -1) {
nodes[i].parentNode.setAttribute('data-disqus-identifier', nodes[i].getAttribute('rel'));
url = nodes[i].parentNode.href.split('#', 1);
if (url.length == 1) url = url[0];
else url = url[1]
nodes[i].parentNode.href = url + '#disqus_thread';
}
}
var s = document.createElement('script'); s.async = true;
s.type = 'text/javascript';
s.src = 'http://' + disqus_domain + '/forums/' + disqus_shortname + '/count.js';
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
//]]>
</script>
<script class="javascript" src="http://static02.hongkiat.com/v4s/google-syntax-highlighter/Scripts/all.js"></script>
<script class="javascript">
dp.SyntaxHighlighter.ClipboardSwf = 'http://static02.hongkiat.com/v4s/google-syntax-highlighter/Scripts/clipboard.swf';
dp.SyntaxHighlighter.HighlightAll('code');
</script>
<div class="footercontent">
<div class="col1"><h5 id="hongkiatcom">hongkiat.com</h5><p>Hongkiat.com is a design weblog dedicated to designers and bloggers. We constantly publish useful tricks, tools, tutorials and inspirational artworks.</p><p><a onClick="javascript: pageTracker._trackPageview('/hkc/footer/lv1/rss');" href="http://feeds2.feedburner.com/24thfloor">Subscribe to RSS feed</a>, or <a onClick="javascript: pageTracker._trackPageview('/hkc/footer/lv1/bookmark');" href="http://del.icio.us/post?url=http://www.hongkiat.com/&title=Design%20Weblog%20For%20Designers%20&%20Bloggers">bookmark us</a> so you don't miss any articles we publish.</p></div>
<div class="col2">
<h5 id="more-hk">More..</h5>
<p>Hongkiat.com at a glimpse: <a href="/blog/category/photoshop-tutorial/">Photoshop</a>, <a href="/blog/category/freebies-online/free-icons/">Icons</a>, <a href="/blog/category/design/">Design</a>, <a href="/blog/category/wordpress/">Wordpress</a>, <a href="/blog/category/tools/">Tools</a>, <a href="/blog/category/inspiration/">Inspiration</a>, <a href="/blog/category/graphics/">Graphics</a>, <a href="/blog/category/freebies-online/free-wallpapers/">Wallpapers</a>, <a href="/blog/category/how-to/">How-to</a>, <a href="/blog/category/freebies-online/">Freebies</a>.</p>
<p><a onClick="javascript: pageTracker._trackPageview('/hkc/footer/lv1/twitter');" href="http://www.twitter.com/hongkiat"><img src="http://media02.hongkiat.com/v4s/16-twitter.png" /></a> <a onClick="javascript: pageTracker._trackPageview('/hkc/footer/lv1/facebook');" href="http://www.facebook.com/hongkiat"><img src="http://media02.hongkiat.com/v4s/16-facebook.png" /></a></p>
</div>
<div class="col3">
<h5 id="write">write for us</h5><p>If you have an idea, a new pitch or even if you just love to write, let us know and you could be joining our team of writers! Don't worry, we pay more than just bananas.</p><p><a onClick="javascript: pageTracker._trackPageview('/hkc/footer/lv1/be_an_author');" href="/blog/write-for-us/">Get more details.</a></p>
</div>
<div class="col4">
<h5 id="feedback">feedback</h5>
<p>Have something to say or to suggest? Found a bug or a peeled banana somewhere on the site? Let us know through our contact form and we'll get back to you as soon as we can.</p><p><a onClick="javascript: pageTracker._trackPageview('/hkc/footer/lv1/contact_us');" href="/blog/contact/">Contact us.</a></p>
</div>
</div>
<div>
<div class="hoz"></div>
<a onClick="javascript: pageTracker._trackPageview('/hkc/footer/lv2/logo');" href="/blog/" class="footerlogo">hongkiat logo</a>
<p class="footerlinks"><a onClick="javascript: pageTracker._trackPageview('/hkc/footer/lv2/contact_us');" href="/blog/contact/">Contact</a> | <a onClick="javascript: pageTracker._trackPageview('/hkc/footer/lv2/advertise');" href="/blog/advertise/">Advertise</a> | <a onClick="javascript: pageTracker._trackPageview('/hkc/footer/lv2/sitemap');" href="http://www.hongkiat.com/blog/sitemap.xml">Sitemap</a> | <a onClick="javascript: pageTracker._trackPageview('/hkc/footer/lv2/privacy');" href="/blog/privacy-policy-for-hongkiatcom/">Privacy</a> | <a href="#top">Back to top</a></p>
<p class="copyrights">Powered by <a href="http://wordpress.org/">Wordpress</a>. Design by <a href="http://www.hongkiat.com">Hongkiat</a> <em>(v4s)</em>. Hosted with <a href="http://wpwebhost.com/">WPWebHost</a><br/>
© 2011 Hongkiat.com.</p>
<p>
<!-- sitemeter -->
<script type="text/javascript" src="http://s46.sitemeter.com/js/counter.js?site=s46hongkiat"></script>
<noscript><a href="http://s46.sitemeter.com/stats.asp?site=s46hongkiat" target="_top"> <img src="http://s46.sitemeter.com/meter.asp?site=s46hongkiat" alt="Site Meter" border="0"/></a></noscript>
<!-- sitemeter -->
</p>
</div>
</div>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<script type="text/javascript" src="http://hongkiat.us.intellitxt.com/intellitxt/front.asp?ipid=29794"></script>
<!-- comScore -->
<script>var csDocDomain = document.location.href; document.write(unescape("%3Cscript src='" + (document.location.protocol == "https:" ? "https://sb" : "http://b") + ".scorecardresearch.com/beacon.js' %3E%3C/script%3E")); </script>
<script>COMSCORE.beacon({ c1:2, c2:"6035753", c3:"6035753", c4:csDocDomain, c5:"Technology - News", c6:"", c15:"" }); </script>
<noscript><img src="http://b.scorecardresearch.com/b?c1=2&c2=6035753&c3=6035753&c4=http://www.hongkiat.com&c5=Technology - News&c6=&c15=&cv=1.3&cj=1" style="display:none" width="0" height="0" alt="" /></noscript>
<!-- Quantcast -->
<script type="text/javascript"> _qoptions={ qacct:"p-306sOjcgY0NWo" }; </script>
<script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script>
<noscript><img src="http://pixel.quantserve.com/pixel/p-306sOjcgY0NWo.gif" style="display: none;" border="0" height="1" width="1" alt="Quantcast"/> </noscript>
</div>
</div>
</div>
</body>
</html>
<!-- google_ad_section_end -->
<!-- Dynamic page generated in 0.320 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2011-07-17 15:01:13 -->
<!-- super cache -->