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

<channel>
	<title>Webgrrls Wisdom &#187; How-To | Facebook new business page layouts&#8230;what you need to know</title>
	<atom:link href="http://www.webgrrls.com/blog/category/technology/how-to/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.webgrrls.com/blog</link>
	<description>Insight, Information and Inspiration on women's careers, business, technology and the Industry.</description>
	<lastBuildDate>Wed, 06 Mar 2013 04:39:07 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Facebook new business page layouts&#8230;what you need to know</title>
		<link>http://www.webgrrls.com/blog/2012/03/05/facebook-new-business-page-layouts-what-you-need-to-know/</link>
		<comments>http://www.webgrrls.com/blog/2012/03/05/facebook-new-business-page-layouts-what-you-need-to-know/#comments</comments>
		<pubDate>Mon, 05 Mar 2012 23:08:30 +0000</pubDate>
		<dc:creator>Nelly Yusupova</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[How-To]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Tech Tools]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[landing pages]]></category>
		<category><![CDATA[tech update]]></category>

		<guid isPermaLink="false">http://www.webgrrls.com/blog/?p=1796</guid>
		<description><![CDATA[Wow, I guess technology literally changes every day!  Two weeks ago I taught a workshop for NYC Webgrrls on the benefits of building Facebook Landing pages, bringing them the latest and greatest techniques of Social Media marketing. “Visitors who visit your page and land on a custom Welcome page are 47% more likely to Like your [...]


<br><b>Related posts:</b><ol><li><a href='http://www.webgrrls.com/blog/2009/02/18/facebook-community-bashes-facebook%e2%80%94while-using-a-facebook-group-set-up-by-facebook/' rel='bookmark' title='Permanent Link: Facebook Community Bashes Facebook—While Using a Facebook Group Set Up by Facebook'>Facebook Community Bashes Facebook—While Using a Facebook Group Set Up by Facebook</a></li>
<li><a href='http://www.webgrrls.com/blog/2011/09/22/8-critical-ways-to-protect-your-privacy-on-the-new-facebook/' rel='bookmark' title='Permanent Link: 8 Critical Ways To Protect Your Privacy On The New Facebook'>8 Critical Ways To Protect Your Privacy On The New Facebook</a></li>
<li><a href='http://www.webgrrls.com/blog/2008/05/28/blog-about-web-pages-without-opening-another-browser/' rel='bookmark' title='Permanent Link: Blog About Web Pages Without Opening Another Browser'>Blog About Web Pages Without Opening Another Browser</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Wow, I guess technology literally changes every day!  Two weeks ago I taught a workshop for NYC Webgrrls on the <a href="https://www.webgrrls.com/newyork-ny/:recap=409" target="_blank">benefits of building Facebook Landing pages</a>, bringing them the latest and greatest techniques of Social Media marketing. “Visitors who visit your page and land on a custom Welcome page are <strong>47% more likely to Like </strong>your page<strong>”.  Starting March 30, creating a landing page on Facebook will no longer be possible!</strong></p>
<p>Facebook announced, last week, that starting March 30, they are forcing all Facebook Business Page owners to convert to the new timeline format, which will completely eliminate the custom landing page option. In fact, a call to action on a Facebook business page will now be against Facebook’s terms and conditions! (see more details below)  (Note: you can still use your custom tabs in your Facebook Page).</p>
<h3>New Facebook Page Layout:</h3>
<p><div id="attachment_1797" class="wp-caption aligncenter" style="width: 410px"><a href="http://www.webgrrls.com/blog/wp-content/uploads/2012/03/NewFacebookLayout.jpg"><img class="size-medium wp-image-1797 " title="NewFacebookLayout" src="http://www.webgrrls.com/blog/wp-content/uploads/2012/03/NewFacebookLayout-300x199.jpg" alt="New Facebook Layout Template" width="400" height="299" /></a><p class="wp-caption-text">(click to enlarge)</p></div>
<p> <span id="more-1796"></span></p>
<h3>Cover Image</h3>
<p>The cover image is the new representation of your brand on the Facebook page. The image dimensions are 850px x 315px. Unlike in the previous versions of Facebook page designs, this time around, Facebook has very strict guidelines against adding any marketing tactics and language on the cover image. Facebook&#8217;s policies state that cover photos cannot include:</p>
<ul>
<li>Price or purchase information, such as “40% off” or “Download it at our website.”</li>
<li>Contact information such as a website address, email, mailing address, or information that should go in your Page’s “About” section.</li>
<li>References to Facebook features or actions, such as “Like” or “Share” or an arrow pointing from the cover photo to any of these features.</li>
<li>Calls-to-action, such as “Get it now” or “Tell your friends.”</li>
<li>Covers must not be false, deceptive or misleading, and must not infringe on third parties’ intellectual property. </li>
</ul>
<p>Since this is the only visual representation of your brand on the business page, the design of this image is pretty important.  To get your creativity juices flowing, check out these Facebook Timeline designs examples from <a href="http://socialfresh.com/facebook-page-timeline-cover-examples/" target="_blank">SocialFresh</a> &amp; <a href="http://inspirationfeed.com/inspiration/websites-inspiration/40-creative-examples-of-facebook-timeline-designs/" target="_blank">InspirationFeed</a>.  You can also check out the <a href="http://www.facebook.com/Webgrrls" target="_blank">Webgrrls Facebook page</a> <img src='http://www.webgrrls.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> <br /> </p>
<h3>Profile Picture</h3>
<p><img class="alignleft size-full wp-image-1802" title="webgrrls facebook profile photo" src="http://www.webgrrls.com/blog/wp-content/uploads/2012/03/facebook-profile-photo.jpg" alt="webgrrls facebook profile photo" width="143" height="143" />This is the image that gets shown next to each of your updates. You can use a logo or any image that is representative of your brand.  We, at Webgrrls decided to highlight our business members in that area.</p>
<p>Choose an image that fits 180 x 180 pixels and also looks good when scaled down to a thumbnail size of 32 x 32 pixels. </p>
<h3> </h3>
<h3>Larger Page Tab Icons<strong><br /> </strong></h3>
<p><img class="alignleft size-full wp-image-1803" title="Webgrrls Facebook Tab icons" src="http://www.webgrrls.com/blog/wp-content/uploads/2012/03/tab-icons.jpg" alt="Webgrrls Facebook Tab icons" width="516" height="104" />The Page Tabs are now located toward the top of the page instead of the sidebar.  This, along with the increase of the tab icon size (111px x 74 px), allows you to highlight &amp; showcase your tabs where users can&#8217;t miss them. Use this space to showcase your calls to actions and create a clear graphic that shows what&#8217;s behind the tab. For the Webgrrls page, we have created 3 graphics with text describing the tabs and these tabs now serve as our ‘navigation’.</p>
<p><strong>Follow these steps to assign an image icon to a tab,</strong></p>
<p><a href="http://www.webgrrls.com/blog/wp-content/uploads/2012/03/edit-tab-image.jpg"><img class="alignleft size-full wp-image-1799" title="Assign an Image to Facebook Page Tab" src="http://www.webgrrls.com/blog/wp-content/uploads/2012/03/edit-tab-image.jpg" alt="Assign an Image to Facebook Page Tab" width="585" height="303" /></a></p>
<p>&nbsp;</p>
<p>You can also set the order of your tabs by dragging them into the location that you want. (Note: the Photos tab location can’t be changed).</p>
<h3>Larger, wider page tabs.  </h3>
<p>Previously, page tabs were 520px wide, but with the new layout you have 810px of content area to use.  You should now go back to all of the previously created page tabs and ensure that they work with the wider width.</p>
<h3>Stories &#8211; Star, Hide, or Pin </h3>
<p>Stories also got revamped. By hovering over individual stories, you can make them wider, hide them from your timeline (pencil icon), highlight them as important (star icon), or delete them. A great new feature is the ability to<strong> pin/anchor a specific story to the top of your timeline for up to 7 days</strong>. This means you can highlight specific posts with remarkable content, calls-to-action for your marketing offers, or events you want to feature. Pinning it to the top of your page will prevent the content from getting buried by more recent updates.</p>
<h3>Messages </h3>
<p>This is a brand new feature which allows you to send and receive private message to your page visitors allowing you to can handle your customer service issues directly on Facebook.  </p>
<p>By default, the messages will be turned on.  To turn off messaging capability, go to <strong>Admin Panel</strong>, and choose<strong> &#8217;Manage&#8217;</strong> -&gt; <strong>&#8216;Edit Page&#8217;</strong> -&gt; <strong>&#8216;Manage Permissions&#8217; </strong>and uncheck the <strong>&#8216;Messages&#8217;</strong> box.</p>
<h3>Milestones</h3>
<p>This is another new feature that allows page owners to tell a story….your business&#8217; biggest accomplishments, awards, product releases, etc.  You can create a milestone through your status update box.  In addition to title, location, date, and story, you can upload a <strong>843 x 403 pixels</strong> image </p>
<h3>Admin Panel</h3>
<p>This is a new interface that offers page admins an overview of what’s going on with a page. Charts, new notifications and “likes”, check-ins, and more. Everything involved with managing your page and creating ads can be done straight from the panel.</p>
<p> ________________________________________________________________</p>
<p>Please take advantage of the 25 days that you have to carefully plan and design your new Facebook Page so that when March 30th comes around, you are all ready to go.</p>


<p><br><b>Related posts:</b><ol><li><a href='http://www.webgrrls.com/blog/2009/02/18/facebook-community-bashes-facebook%e2%80%94while-using-a-facebook-group-set-up-by-facebook/' rel='bookmark' title='Permanent Link: Facebook Community Bashes Facebook—While Using a Facebook Group Set Up by Facebook'>Facebook Community Bashes Facebook—While Using a Facebook Group Set Up by Facebook</a></li>
<li><a href='http://www.webgrrls.com/blog/2011/09/22/8-critical-ways-to-protect-your-privacy-on-the-new-facebook/' rel='bookmark' title='Permanent Link: 8 Critical Ways To Protect Your Privacy On The New Facebook'>8 Critical Ways To Protect Your Privacy On The New Facebook</a></li>
<li><a href='http://www.webgrrls.com/blog/2008/05/28/blog-about-web-pages-without-opening-another-browser/' rel='bookmark' title='Permanent Link: Blog About Web Pages Without Opening Another Browser'>Blog About Web Pages Without Opening Another Browser</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.webgrrls.com/blog/2012/03/05/facebook-new-business-page-layouts-what-you-need-to-know/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>5 Tips on how to build a brand on Social Media</title>
		<link>http://www.webgrrls.com/blog/2011/11/21/5-tips-on-how-to-build-a-brand-on-social-media/</link>
		<comments>http://www.webgrrls.com/blog/2011/11/21/5-tips-on-how-to-build-a-brand-on-social-media/#comments</comments>
		<pubDate>Tue, 22 Nov 2011 01:16:02 +0000</pubDate>
		<dc:creator>Nelly Yusupova</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Career]]></category>
		<category><![CDATA[How-To]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[brand-recognition]]></category>
		<category><![CDATA[personal branding]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[viral-marketing]]></category>

		<guid isPermaLink="false">http://www.webgrrls.com/blog/?p=1617</guid>
		<description><![CDATA[Everyone seems to understand that it&#8217;s important to have a &#8220;brand&#8221; as branding is the foundation on which your entire online marketing &#8216;platform&#8217; is built.  But more and more people are asking me: &#8220;How can I build a brand on the various Social Media platforms?&#8221;. Social Media is Nothing New Before we dive into the [...]


<br><b>Related posts:</b><ol><li><a href='http://www.webgrrls.com/blog/2008/10/14/new-marketing-summit-what%e2%80%99s-next-in-social-media/' rel='bookmark' title='Permanent Link: New Marketing Summit: What&#8217;s next in Social media'>New Marketing Summit: What&#8217;s next in Social media</a></li>
<li><a href='http://www.webgrrls.com/blog/2008/10/07/tips-for-managing-your-social-networks/' rel='bookmark' title='Permanent Link: Tips for managing your Social Networks'>Tips for managing your Social Networks</a></li>
<li><a href='http://www.webgrrls.com/blog/2009/08/27/5-tips-to-help-you-manage-your-time-on-the-social-web/' rel='bookmark' title='Permanent Link: 5 Tips to help you manage your time on the social web'>5 Tips to help you manage your time on the social web</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Everyone seems to understand that it&#8217;s important to have a &#8220;brand&#8221; as branding is the foundation on which your entire online marketing &#8216;platform&#8217; is built.  But more and more people are asking me: &#8220;How can I build a brand on the various Social Media platforms?&#8221;.</p>
<h3>Social Media is Nothing New</h3>
<p>Before we dive into the tips, it&#8217;s good to realize that Social Media is nothing new and we all have been doing it from the beginning of time&#8230;Social Media is about connecting with people.  <strong>What has changed are the tools. </strong> The tools now allow us to make that human connection on a whole different level&#8230;having access to people from all over the world where information travels at the speed of light!</p>
<h3>Tips for Building a Brand on Social Media</h3>
<ol>
<li><span style="font-size: medium;"><strong class="yellow">Define your brand…your story</strong></span><br />In Social Media, your brand story appears in your bio or tag line.  Make sure to write a great bio/tag line that tells your story. 
<p><strong>Things you should include in your Brand Story</strong></p>
<ul>
<li>Identify What You Value</li>
<li>Identify What Makes You Unique</li>
<li>Identify How You Want To Be Perceived</li>
<li>Identify Your Specialty</li>
<li>Identify Your Target Market </li>
</ul>
<p><strong>Here are 3 examples on Twitter community that tell a great story:</strong><br /><img class="size-full wp-image-1620 alignleft" title="RedheadWriting" src="http://www.webgrrls.com/blog/wp-content/uploads/2011/11/RedheadWriting.jpg" alt="RedheadWriting" width="493" height="137" /></p>
<p><img class="alignleft size-full wp-image-1621" title="JonathanFields" src="http://www.webgrrls.com/blog/wp-content/uploads/2011/11/JonathanFields.jpg" alt="JonathanFields" width="492" height="142" /></p>
<p><img class="alignleft size-full wp-image-1622" title="DanielleLaPorte" src="http://www.webgrrls.com/blog/wp-content/uploads/2011/11/DanielleLaPorte.jpg" alt="DanielleLaPorte" width="499" height="147" /><strong>One important note is to tailor your bio for each community if necessary.</strong>  The target audiences that you want to reach in different communities might vary, so, you have to know the community in order to speak to it&#8217;s members in a language that they understand and expect.</p>
<p>Also, remember to <strong>use keywords that you want to be found under in your bio</strong> as this is how users of that community will find you.<strong></strong></p>
</li>
<li><span style="font-size: medium;"><strong class="yellow">Use a Great Photo</strong></span><br />I can&#8217;t stress this enough.  Your photo is the human connection.  Make sure that it is clear and portrays your personality.  Can you guess which photos I think you should use?<br /><img class="alignleft size-full wp-image-1628" title="Photos in Social Media Marketing" src="http://www.webgrrls.com/blog/wp-content/uploads/2011/11/Photos.jpg" alt="Photos in Social Media Marketing" width="500" height="297" /></li>
<li><span style="font-size: medium;"><strong class="yellow">Engage with your community to build relationships</strong></span><br />Because there is so much going on in everyone&#8217;s lives today, engaging with the community members is the only way to stay on top of their minds.
<p><strong>How do you engage?</strong></p>
<ul>
<li>Ask Questions</li>
<li>Answer other people&#8217;s questions</li>
<li>Comment on people&#8217;s posts</li>
<li>Respond to people when they try to reach out to you</li>
</ul>
<p>To help you manage your Social Media communications, you have to monitor what people say about your brand and respond in a timely manner. To monitor what people say about your brand, you can use <a title="Google Alerts" href="http://www.google.com/alerts" target="_blank">Google Alerts</a>, <a title="addictomatic.com" href="addictomatic.com/" target="_blank">Addictomatic</a>, and <a title="Twitter Search" href="http://search.twitter.com" target="_parent">Twitter Search</a>.</p>
</li>
<li><span style="font-size: medium;"><strong class="yellow">Be Remarkable!</strong></span><br />In order to succeed in Social Media, you have to be remarkable!  The power of Social Media tools are SHARING features, where people can easily pass something they like on to their networks.
<p>People <span style="text-decoration: underline;">share remarkable</span> things</p>
<p>People <span style="text-decoration: underline;">want to connect with remarkable</span> people</p>
</li>
<li><span style="font-size: medium;"><strong class="yellow">Be Ubiquitous</strong></span><br />You have to create multiple streams of YOU on all the different social networks but you have to create a &#8220;HUB&#8221; (usually your blog/website) where people can find all of the info about you in one place. 
<p><img class="alignleft size-full wp-image-1625" title="Be Ubuquitous" src="http://www.webgrrls.com/blog/wp-content/uploads/2011/11/BeUbuquitous.jpg" alt="Be Ubuquitous" width="500" height="234" /></p>
</li>
</ol>
<p>What do you think?  Do you have any other tips for building a brand on Social Media, please share in the comments!</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


<p><br><b>Related posts:</b><ol><li><a href='http://www.webgrrls.com/blog/2008/10/14/new-marketing-summit-what%e2%80%99s-next-in-social-media/' rel='bookmark' title='Permanent Link: New Marketing Summit: What&#8217;s next in Social media'>New Marketing Summit: What&#8217;s next in Social media</a></li>
<li><a href='http://www.webgrrls.com/blog/2008/10/07/tips-for-managing-your-social-networks/' rel='bookmark' title='Permanent Link: Tips for managing your Social Networks'>Tips for managing your Social Networks</a></li>
<li><a href='http://www.webgrrls.com/blog/2009/08/27/5-tips-to-help-you-manage-your-time-on-the-social-web/' rel='bookmark' title='Permanent Link: 5 Tips to help you manage your time on the social web'>5 Tips to help you manage your time on the social web</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.webgrrls.com/blog/2011/11/21/5-tips-on-how-to-build-a-brand-on-social-media/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Sexonomics &#8211; women should use their looks in the workplace</title>
		<link>http://www.webgrrls.com/blog/2011/09/08/sexonomics-women-should-use-their-looks-in-the-workplace/</link>
		<comments>http://www.webgrrls.com/blog/2011/09/08/sexonomics-women-should-use-their-looks-in-the-workplace/#comments</comments>
		<pubDate>Thu, 08 Sep 2011 16:44:16 +0000</pubDate>
		<dc:creator>Maria Botta</dc:creator>
				<category><![CDATA[Blogs]]></category>
		<category><![CDATA[Business]]></category>
		<category><![CDATA[Career]]></category>
		<category><![CDATA[How-To]]></category>
		<category><![CDATA[Leadership]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[Mentors & Motivators]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[equal pay]]></category>
		<category><![CDATA[equal rights]]></category>
		<category><![CDATA[Erotic Capital]]></category>
		<category><![CDATA[Joan Holloway]]></category>
		<category><![CDATA[Mad Men]]></category>
		<category><![CDATA[pay parity for gender]]></category>
		<category><![CDATA[Sexonomics]]></category>
		<category><![CDATA[sexual capital in the workplace]]></category>

		<guid isPermaLink="false">http://www.webgrrls.com/blog/?p=1229</guid>
		<description><![CDATA[&#8220;Go home, take a paper bag, cut some eyeholes out of it. Put it over your head, get undressed and look at yourself in the mirror. Really evaluate where your strengths and weaknesses are. And be honest.” Mad Men, Joan Holloway Sexonomics ? I am NOT talking about the oldest profession in the world here, [...]


<br><b>Related posts:</b><ol><li><a href='http://www.webgrrls.com/blog/2008/05/20/harassment-unfair-treatment-of-women-in-it/' rel='bookmark' title='Permanent Link: Harassment &#038; unfair treatment of women in IT &#8211; Can we change the behavior and culture?'>Harassment &#038; unfair treatment of women in IT &#8211; Can we change the behavior and culture?</a></li>
<li><a href='http://www.webgrrls.com/blog/2011/09/07/7-ways-social-media-can-help-retain-women-in-the-workplace/' rel='bookmark' title='Permanent Link: 7 Ways Social Media Can Help Retain Women in the Workplace'>7 Ways Social Media Can Help Retain Women in the Workplace</a></li>
<li><a href='http://www.webgrrls.com/blog/2008/11/11/inspiring-women-series-female-internet-heros/' rel='bookmark' title='Permanent Link: Inspiring Women Series &#8211; Female Internet Heros'>Inspiring Women Series &#8211; Female Internet Heros</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<blockquote>
<p>&#8220;Go home, take a paper bag, cut some eyeholes out of it. Put it over your head, get undressed and look at yourself in the mirror. Really evaluate where your strengths and weaknesses are. And be honest.” Mad Men, Joan Holloway</p>
<p><a href="http://www.webgrrls.com/blog/wp-content/uploads/2011/09/madmen460.jpeg"><img class="aligncenter size-thumbnail wp-image-1230" src="http://www.webgrrls.com/blog/wp-content/uploads/2011/09/madmen460-150x150.jpg" alt="" width="150" height="150" /></a></p>
</blockquote>
<h3>Sexonomics ?</h3>
<p>I am <strong>NOT</strong> talking about the oldest profession in the world here, (although I am sure that is a profession where there is pay parity for women). I am talking about <strong>sexual capital in the workplace, </strong>as defined by Catherine Hakim, a professor at the prestigious London School of Economics and author of <em><strong>&#8220;Erotic Capital: The Power of Attraction in the Boardroom and the Bedroom&#8221;</strong></em>. She explains that <strong>&#8220;sexonomics&#8221;</strong> is the sexual allure that people use as a commodity for profit and professional advancement just as they would use education or their network. Hakim explains that the &#8220;male sex deficit,&#8221; is something that women should leverage often in order to attain career advancement or a wedding ring.<span class="Apple-style-span" style="font-style: italic;"> </span></p>
<h3>Sexy in the workplace?</h3>
<p><span id="more-1229"></span>As the pendulum is sure to swing &#8211; <strong>are we starting to see a time where women will no longer be repressed in the workplace and be able to flaunt their sexuality and femininity without the repercussions of being labeled as “prissy”, “distracting” or worse yet suffer unwanted sexual advances</strong>&#8230;. I sure hope so!</p>
<p>The TV character  “Joan Harris” on Mad Men &#8211; reminds me of the very good lessons that the legendary Ariel Allen, VP Creative Services, Global Advertising at Colgate-Palmolive taught me very early on in my career - <strong>Always</strong> apply lipstick before and sometimes during a meeting, and <strong>touch up your make-up before going to battle in the boardroom</strong>.</p>
<p>She was not only brilliant, sharp, fearless and a no bullshit kind of lady, but she was also beautiful, and never missed an opportunity to show the world.  She was completely contrary to what I had learned in college &#8211; we where taught that to be non-sexual was important, by not wearing heels or showing cleavage, we could level the playing field and be equal to men (needless to say that spawned a number of very poor wardrobe choices, including wearing those stupid tie things in the 80’s&#8230;&#8230;) </p>
<p><a href="http://www.webgrrls.com/blog/wp-content/uploads/2011/09/The-Career-Girl-2-.jpeg"><img class="aligncenter size-thumbnail wp-image-1240" src="http://www.webgrrls.com/blog/wp-content/uploads/2011/09/The-Career-Girl-2--150x150.jpg" alt="" width="150" height="150" /></a></p>
<p>If I could go back, I would have been bolder and sexier in the workplace and used my looks and youth to get ahead! (my apologies to Gloria Steinem) Especially in light of a recent <a href="http://www.ft.com/cms/s/0/2cd0f524-d2e8-11e0-9aae-00144feab49a.html#axzz1XNXUEVxE">British report</a>, which states that women will not reach pay equality for 100 years!!!! <strong>Ladies, we need every advantage we can get! </strong></p>
<p>But not every woman would agree with this &#8211; there are those feminist like <a href="http://en.wikipedia.org/wiki/Gloria_Steinem" target="_blank">Steinem</a>, that took up the fight to give women the <strong>Equal Pay Act of 1963</strong> that guarantees <strong>“equal pay”</strong> under the law - which to this day still <strong>does not exist, AND </strong>we work twice as hard for our pay - <strong>what’s equal about that?</strong> In fact women <strong>ONLY make .77 cents</strong> to each dollar that men make,and it decreases significantly for minorities.</p>
<p><span style="font-size: x-small;"><span class="Apple-style-span" style="line-height: 16px;"><br /></span></span></p>
<p><a href="http://www.webgrrls.com/blog/wp-content/uploads/2011/09/equal-pay.jpeg"><img class="aligncenter size-thumbnail wp-image-1237" src="http://www.webgrrls.com/blog/wp-content/uploads/2011/09/equal-pay-150x150.jpg" alt="" width="150" height="150" /></a></p>
<blockquote>
<p>&#8220;The world today is vastly different than it was in 1983, but sadly, one thing that has remained the same is the pay gap between men and women&#8230;.. If this continues, the only guarantees in life will be death, taxes and the glass ceiling&#8221;  US Rep. Carolyn Maloney, D-New York</p>
</blockquote>
<h3 style="text-align: left;">Should we use our looks in the workplace &#8211; Hell Yes!!!!!</h3>
<p style="text-align: left;">Consider these statistics </p>
<ul>
<li>Women&#8217;s wages have increased just half a penny on the dollar for the past four decades. </li>
<li>Women earn less than men consistently in all industries and occupation groups surveyed by the US Census Bureau.  </li>
<li>According to the GAO (General Accountability Office) Report GAO-04-35, weekly full time earnings for women where about three-fourths of men in 2011.</li>
<li>Men with children generally get a pay boost, while women loose earnings.</li>
</ul>
<p>Consistent with this information is a 2008 study by University of Chicago sociologist Kristen Schilt and NYU economist Matthew Wiswall <em><a href="http://www.bepress.com/bejeap/vol8/iss1/art39/">&#8220;Before and After: Gender Transitions, Human Capital, and Workplace Experiences&#8221;</a></em>, people who underwent a sex change &#8211;  men who transitioned to women earned, on average, <strong>32% less</strong> post surgery, women who became men, earned <strong>1.5% more</strong>.</p>
<h3>What to do???</h3>
<p>I say embrace your inner <strong>&#8220;Chonga&#8221;</strong> and get yourself to <strong><a href="http://www.bananarepublic.com/products/mad-men-collection-women-C69572.jsp">Banana Republic</a></strong> where you can outfit yourself in fetching 60&#8242;s fashions like &#8220;Joanie&#8221; from <strong>Mad Men</strong>&#8230;.. walk into your office, with a beautifully made up face, head held high in a tight dress, push up bra (don&#8217;t forget the Spanx) while balancing on your 5 inch leopard stilettos, sashay into your bosses office, lean over his desk and get that promotion or pay raise that your male colleague already has!!!!!</p>
<p><a href="http://www.webgrrls.com/blog/2011/09/08/sexonomics-women-should-use-their-looks-in-the-workplace/"><em>Click here to view the embedded video.</em></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>


<p><br><b>Related posts:</b><ol><li><a href='http://www.webgrrls.com/blog/2008/05/20/harassment-unfair-treatment-of-women-in-it/' rel='bookmark' title='Permanent Link: Harassment &#038; unfair treatment of women in IT &#8211; Can we change the behavior and culture?'>Harassment &#038; unfair treatment of women in IT &#8211; Can we change the behavior and culture?</a></li>
<li><a href='http://www.webgrrls.com/blog/2011/09/07/7-ways-social-media-can-help-retain-women-in-the-workplace/' rel='bookmark' title='Permanent Link: 7 Ways Social Media Can Help Retain Women in the Workplace'>7 Ways Social Media Can Help Retain Women in the Workplace</a></li>
<li><a href='http://www.webgrrls.com/blog/2008/11/11/inspiring-women-series-female-internet-heros/' rel='bookmark' title='Permanent Link: Inspiring Women Series &#8211; Female Internet Heros'>Inspiring Women Series &#8211; Female Internet Heros</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.webgrrls.com/blog/2011/09/08/sexonomics-women-should-use-their-looks-in-the-workplace/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>THINK, MAKE, CHECK&#8230;Step by Step Lean User Experience</title>
		<link>http://www.webgrrls.com/blog/2011/08/03/step-by-step-lean-user-experience/</link>
		<comments>http://www.webgrrls.com/blog/2011/08/03/step-by-step-lean-user-experience/#comments</comments>
		<pubDate>Wed, 03 Aug 2011 05:36:03 +0000</pubDate>
		<dc:creator>Nelly Yusupova</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[How-To]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://www.webgrrls.com/blog/?p=912</guid>
		<description><![CDATA[THINK, MAKE, CHECK&#8230;it is that simple and it is profoundly effective…great user experience can be achieved at start-up speed! I recently attended a LUXi, the Lean User Experience Intensive facilitated by Lane Halley &#38; Josh Seiden of LUXr.  The 2-day, hands-on, workshop is designed to teach entrepreneurs how they can achieve &#8220;predictable, high-quality, high-velocity user [...]


<br><b>Related posts:</b><ol><li><a href='http://www.webgrrls.com/blog/2009/06/11/book-clubs-for-user-experience-professionals/' rel='bookmark' title='Permanent Link: Book Clubs for User Experience Professionals'>Book Clubs for User Experience Professionals</a></li>
<li><a href='http://www.webgrrls.com/blog/2009/05/21/best-new-tool-for-user-testing-the-flip/' rel='bookmark' title='Permanent Link: Best New Tool for User Testing: The Flip'>Best New Tool for User Testing: The Flip</a></li>
<li><a href='http://www.webgrrls.com/blog/2009/04/20/experience-last-month%e2%80%99s-ia-summit-online/' rel='bookmark' title='Permanent Link: Experience Last Month’s IA Summit Online'>Experience Last Month’s IA Summit Online</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><strong>THINK, MAKE, CHECK&#8230;it is that simple and it is profoundly effective…great user experience can be achieved at start-up speed!</strong></p>
<p>I recently attended a LUXi, the Lean User Experience Intensive facilitated by <a href="https://twitter.com/#%21/thinknow" target="_blank">Lane Halley</a> &amp; <a href="http://twitter.com/#%21/jseiden" target="_blank">Josh Seiden</a> of <a href="http://luxr.posterous.com/pages/about-1995" target="_blank">LUXr</a>.  The 2-day, hands-on, workshop is designed to teach entrepreneurs how they can<strong> achieve &#8220;predictable, high-quality, high-velocity user experience outcomes&#8221; using Lean UX Principals</strong> and I am really excited to share what I learned.</p>
<p>The traditional user experience process is normally long and expensive and that makes it challenging for startups to get products to market fast, and can be the difference between success (great user adoption) and failure.</p>
<h3>The Event</h3>
<p>The event was extremely well run and the attendees were divided into teams of 3. We were then walked through and practiced a series of activities, each one building on the previous one, that supported <strong>one complete Lean UX Cycle: THINK, MAKE, CHECK</strong> (click on image to enlarge).</p>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://www.webgrrls.com/blog/wp-content/uploads/2011/08/lean-ux-cycle.jpg" target="_blank"><img class="aligncenter size-medium wp-image-860" title="Lean UX cycle" src="http://www.webgrrls.com/blog/wp-content/uploads/2011/08/lean-ux-cycle-300x218.jpg" alt="Lean UX cycle" width="300" height="218" /></a><a href="http://www.webgrrls.com/blog/wp-content/uploads/2011/08/leanuxcycle.jpg" target="_blank"><br /></a></p>
<h3><span id="more-912"></span></h3>
<h3>Step by step process of the Lean UX Cycle</h3>
<p><span style="font-size: 13px;"><strong><span style="color: #ff7800;">THINK</span></strong></span></p>
<ul>
<li><strong>Step 1 &#8211; Write down the problem</strong> (this exercise helps with <strong><em>establishing focus</em></strong>)
<p><a href="http://www.webgrrls.com/blog/wp-content/uploads/2011/08/brainstorming.jpg" target="_blank"><img class="alignright size-medium wp-image-861" title="lean ux brainstorming" src="http://www.webgrrls.com/blog/wp-content/uploads/2011/08/brainstorming-300x210.jpg" alt="lean ux brainstorming" width="300" height="210" /></a>I had the privilege of working with <a href="http://twitter.com/#%21/keka_mm" target="_blank">Keka Marzagão</a> &amp; <a href="https://twitter.com/#%21/billtob" target="_blank">Billy Tobon</a> on a hypothetical “new start-up” in the health food industry. Each of us was directed to write down the “problems” as we perceive them…one problem per sticky note. Then, as a team, we reviewed everyone’s sticky notes and decided what problems are worth solving.</p>
<p>Our first goal was to determine the problem our company will solve. We each brainstormed for 5 minutes identifying different problems in the health food industry and then collectively reviewed everyone&#8217;s ideas and settled on the following: &#8220;the reason a lot of people don&#8217;t eat healthy is because they don&#8217;t have time to cook&#8221;.</p>
<p><em><strong>What I learned:</strong></em> I discovered that this method of brainstorming was extremely effective. It ensures that everyone&#8217;s individual thoughts will get seen and heard. I find that, in group brainstorming sessions, oftentimes the people who are less outgoing never get a chance to present their ideas.<strong></strong></p>
</li>
<li>
<p><strong>Step 2 &#8211; Create a Hypothesis</strong></p>
<p>Once you decide on a problem you are going to solve, the next step is to create a Hypothesis by framing it into the following sentence structure:</p>
<div style="width: 500px; font-size: medium; color: #ffffff; background-color: #944a7c; padding: 3px;">Person type X has problem Y that can be solved by solution Z and measured by metric Q</div>
<p><strong><em>This was the hypothesis we came up with:</em></strong> &#8220;We believe that busy people have the desire/need to eat healthy prepared home cooked meals but they can&#8217;t have the time to patience to do it&#8221;</p>
</li>
<li>
<p><strong><a href="http://www.webgrrls.com/blog/wp-content/uploads/2011/08/persona-example1.jpg" target="_blank"><img class="alignright" title="persona example" src="http://www.webgrrls.com/blog/wp-content/uploads/2011/08/persona-example1-150x150.jpg" alt="persona example" width="150" height="150" /></a>Step 3 &#8211; Create a Persona</strong> <br />A persona is a narrative that describes the person your product will be used by. A good persona will include information like: behavior patterns, goals, needs, attitudes, beliefs, workflow, skills, and environment. You can use this amazing <a title="Persona Cheat Sheet" href="http://luxr.posterous.com/persona-cheat-sheet-0" target="_blank">persona cheat sheet</a> prepared by LUXr.</p>
<p><strong><em>What I learned</em>:</strong> Creating a persona forced us to really think about who our customer is and later, when we went to interview people, it was easier to visually identify them because we knew exactly what we were looking for.</p>
</li>
</ul>
<p><span style="color: #ff7800;"><strong><strong><br /><span style="font-size: 13px;">MAKE</span></strong></strong></span><strong></strong></p>
<ul>
<li><strong>Step 1 &#8211; Start to think about solutions</strong><br />Using the hypothesis and the persona, we started exploring the ideas with visual thinking and developing a shared understanding, which helped us move from the abstract to the specific solutions.
<p>We each drew 6 ideas on a piece of paper and, during the group discussion, we were encouraged to provide feedback in the following language:</p>
<div style="width: 500px; font-size: medium; color: #ffffff; background-color: #944a7c; padding: 3px;">When Explaining an idea: &#8220;this idea solves the following problem for the following person in the following way&#8221;</div>
<p>&nbsp;</p>
<div style="width: 500px; font-size: medium; color: #ffffff; background-color: #944a7c; padding: 3px;">When providing critique: &#8220;I don&#8217;t see how this solves the problem X&#8221;</div>
</li>
</ul>
<ul>
<li><strong>Step 2 &#8211; Establish a census on the best solution to pursue and create an artifact that you can show to users.<br /></strong>We decided that a web application would be the most effective first step and since, in our minds, trust might be the biggest problem in adoption, we decided to create very colorful design that showcases our chef&#8217;s photos, ratings, and testimonials. Also important was to showcase the photos of the foods and the ingredients that were used.
<p>Below is my team&#8217;s finished prototype designed by Keka:</p>
<table width="300">
<tbody>
<tr>
<td valign="top"><a href="http://www.webgrrls.com/blog/wp-content/uploads/2011/08/homecooked1.jpg" target="_blank"><img class="size-medium wp-image-854 alignleft" style="margin: 20px;" title="Prototype Example" src="http://www.webgrrls.com/blog/wp-content/uploads/2011/08/homecooked1-300x254.jpg" alt="Prototype Example" width="187" height="158" /></a></td>
<td valign="top"><a href="http://www.webgrrls.com/blog/wp-content/uploads/2011/08/homecooked2.jpg" target="_blank"><img class="size-medium wp-image-855 alignleft" style="margin: 20px;" title="Prototype Example" src="http://www.webgrrls.com/blog/wp-content/uploads/2011/08/homecooked2-300x216.jpg" alt="Prototype Example" width="240" height="173" /></a></td>
</tr>
</tbody>
</table>
</li>
</ul>
<p><span style="color: #ff7800; font-size: 13px;"><strong>CHECK</strong></span></p>
<p>The final step of the process is to<strong> validate your ideas by getting out of the building and talking</strong>, in person if possible, <strong>with living, breathing customers to determine the validity of your assumptions</strong>.</p>
<p>We were shown techniques for interviewing people and asking open ended questions. Our team then went out into Union Square to interview potential customers.</p>
<p><em><strong>What I learned:</strong></em> Through the interview process, I discovered that effective user interviewing is a skill that needs to be mastered and practiced ahead of time. I found it difficult to extract information from the user without leading them. I suggest that you read Lane&#8217;s slideshare presentation,<strong> <a href="http://www.slideshare.net/LaneHalley/im-out-of-the-buiding-now-what" target="_blank">I&#8217;m out of the building now what</a></strong>, where she covers <strong>how &amp; where you can find users to talk to</strong>, offering <strong>tips for effective user interviews,</strong> and much more!</p>
<h3>Learning from Others</h3>
<p><a href="http://www.webgrrls.com/blog/wp-content/uploads/2011/08/presentations.jpg" target="_blank"><img class="alignright" title="Lean UX group presentations" src="http://www.webgrrls.com/blog/wp-content/uploads/2011/08/presentations-300x195.jpg" alt="Lean UX group presentations" width="300" height="195" /></a>Another great aspect of the event was the Show &amp; Tell, where all of the teams shared their work and experiences. It was enlightening and empowering to see the different approaches and issues that people came up with and learn from one another. It was amazing to see the Lean UX process at work and see how quickly ideas can be validated</p>
<h3>Tips for using these techniques in your own work</h3>
<p>Here are some words of wisdom from Lane:</p>
<blockquote>
<p>In your own work, you will use these techniques in a way that is appropriate for you. You may choose do these activities for longer periods, or with gaps of hours or days in between. You may choose different collaborators from your team for different activities. You may skip some of these activities or add some of your own. The important thing is that your entire team establishes a SHARED PROBLEM STATEMENT (what is our hypothesis? What result are we trying to accomplish? For whom?), and that you then work towards the MOST LIGHTWEIGHT thing you can make to validate that hypothesis. ~ Lane Halley</p>
</blockquote>
<h3>My Takeaway</h3>
<p>I will not ever build a feature or a product without going through this process first! Thank you Lane &amp; Josh!</p>


<p><br><b>Related posts:</b><ol><li><a href='http://www.webgrrls.com/blog/2009/06/11/book-clubs-for-user-experience-professionals/' rel='bookmark' title='Permanent Link: Book Clubs for User Experience Professionals'>Book Clubs for User Experience Professionals</a></li>
<li><a href='http://www.webgrrls.com/blog/2009/05/21/best-new-tool-for-user-testing-the-flip/' rel='bookmark' title='Permanent Link: Best New Tool for User Testing: The Flip'>Best New Tool for User Testing: The Flip</a></li>
<li><a href='http://www.webgrrls.com/blog/2009/04/20/experience-last-month%e2%80%99s-ia-summit-online/' rel='bookmark' title='Permanent Link: Experience Last Month’s IA Summit Online'>Experience Last Month’s IA Summit Online</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.webgrrls.com/blog/2011/08/03/step-by-step-lean-user-experience/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>5 Tips to help you manage your time on the social web</title>
		<link>http://www.webgrrls.com/blog/2009/08/27/5-tips-to-help-you-manage-your-time-on-the-social-web/</link>
		<comments>http://www.webgrrls.com/blog/2009/08/27/5-tips-to-help-you-manage-your-time-on-the-social-web/#comments</comments>
		<pubDate>Thu, 27 Aug 2009 17:56:49 +0000</pubDate>
		<dc:creator>Nelly Yusupova</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[How-To]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Tech Tools]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[apimac-timer]]></category>
		<category><![CDATA[time-management]]></category>
		<category><![CDATA[time-tracking]]></category>
		<category><![CDATA[xnote-stopwatch]]></category>

		<guid isPermaLink="false">http://www.webgrrls.com/blog/2009/08/27/5-tips-to-help-you-manage-your-time-on-the-social-web/</guid>
		<description><![CDATA[I was recently interviewed by Gwen Bell for the Unconventional Guide to the Social Web and one of the questions Gwen asked me was how I manage to get all the many things done that I have on my plate! My answer&#8230;.you have to develop great time management skills and stay disciplined about them&#8230;and you [...]


<br><b>Related posts:</b><ol><li><a href='http://www.webgrrls.com/blog/2008/10/07/tips-for-managing-your-social-networks/' rel='bookmark' title='Permanent Link: Tips for managing your Social Networks'>Tips for managing your Social Networks</a></li>
<li><a href='http://www.webgrrls.com/blog/2008/03/24/how-to-manage-your-inbox-save-time-and-respond-in-a-timely-manner/' rel='bookmark' title='Permanent Link: How to manage your Inbox, save time, and respond in a timely manner'>How to manage your Inbox, save time, and respond in a timely manner</a></li>
<li><a href='http://www.webgrrls.com/blog/2008/08/05/time-management-tips-for-working-women-in-technology/' rel='bookmark' title='Permanent Link: Time management tips for working women in technology'>Time management tips for working women in technology</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>I was recently interviewed by Gwen Bell for the <a href="http://socialwebguide.org/" target="_blank">Unconventional Guide to the Social Web</a> and one of the questions Gwen asked me was <strong>how I manage to get all the many things done that I have on my plate!</strong></p>
<p>My answer&#8230;.<strong>you have to develop great time management skills and stay disciplined about them&#8230;and you have to manage technology instead of it managing you</strong>.</p>
<p>One of the biggest problems of the social web is <strong>the ease with which one can lose track of time</strong>.  We are having so much fun connecting with friends &amp; colleagues on Twitter, Facebook, and other social networks that we end up not getting any work done during the work hours and end up working ALL THE TIME.</p>
<p>Another problem is multi-tasking and interruptions.  <a href="http://www.fastcompany.com/articles/2008/07/interview-gloria-mark.html" target="_blank">Research shows</a> that <strong>it takes an average of 23 minutes and 15 seconds to get back to the task when interrupted on an unrelated topic.</strong></p>
<h2>Here are some tips on managing your time on the social web:</h2>
<ol>
<li><strong>Schedule Everything and stick to the schedule<br />
</strong>I use the Entourage calendar to schedule EVERYTHING&#8230;meetings, responding to email, social network presence, day-to day tasks.  But it&#8217;s not enough to schedule things..<strong>you have to stick to the schedule!<br />
</strong></li>
<li><strong>Schedule your most important tasks when you feel like you are most productive<br />
</strong>The most productive time is different for each person&#8230;some people are sharpest in the morning, some are later in the day.  Figure out what your magic time slot is and schedule your most important task during that time.  Sprinkle your social interactions &amp; email management throughout the day but make sure it&#8217;s not during your most productive time.</li>
<li><strong>Use a timer<br />
</strong>Using a timer will allow you to<strong> set an alarm to notify you</strong> when your current scheduled task/activity is supposed to end.  Let&#8217;s say you are alotting 20 minutes for social media interaction at 1pm<strong>&#8230;before you begin the task at 1pm, set your alarm to let you know when the 20 minutes has passed.  </strong></p>
<p>The application that I use to achieve this is <a href="http://www.apimac.com/timer/" target="_blank">Apimac Timer</a> (mac). You can also use<strong> </strong><a href="http://www.xnotestopwatch.com/" target="_blank">Xnote StopWatch</a> if you are on Windows (there are many more you can choose from).</li>
<li><strong>Close down the applications that you are not using</strong><br />
Human nature is to respond to stimuli&#8230;so if you hear a notice that you have a new email or a new response from a friend, you have to go see what it is.  That is why if it&#8217;s not time to check and respond to email, I close down the email application&#8230;if it&#8217;s not time to interact on Twitter, I close down the Twitter application&#8230;the point is&#8230;<strong>only have the application that you are currently working in open.</strong></li>
<li><strong>Set and manage expectations</strong><br />
Managing everyone&#8217;s expectations is the key to time management.  I think a lot of the time, the immediacy to respond is in our own head.  Training your clients, colleagues, friends, and online connections that you are not available 24&#215;7 will allow you to respond on your own time.  And because we are all going through this information and task overload&#8230;they will more than undertand!</li>
</ol>
<p>Did I miss anything?  Share your time management tips in the comments!</p>


<p><br><b>Related posts:</b><ol><li><a href='http://www.webgrrls.com/blog/2008/10/07/tips-for-managing-your-social-networks/' rel='bookmark' title='Permanent Link: Tips for managing your Social Networks'>Tips for managing your Social Networks</a></li>
<li><a href='http://www.webgrrls.com/blog/2008/03/24/how-to-manage-your-inbox-save-time-and-respond-in-a-timely-manner/' rel='bookmark' title='Permanent Link: How to manage your Inbox, save time, and respond in a timely manner'>How to manage your Inbox, save time, and respond in a timely manner</a></li>
<li><a href='http://www.webgrrls.com/blog/2008/08/05/time-management-tips-for-working-women-in-technology/' rel='bookmark' title='Permanent Link: Time management tips for working women in technology'>Time management tips for working women in technology</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.webgrrls.com/blog/2009/08/27/5-tips-to-help-you-manage-your-time-on-the-social-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to: Create a Share on Twitter link for WordPress Blog</title>
		<link>http://www.webgrrls.com/blog/2009/06/15/how-to-create-a-share-on-twitter-link-for-wordpress-blog/</link>
		<comments>http://www.webgrrls.com/blog/2009/06/15/how-to-create-a-share-on-twitter-link-for-wordpress-blog/#comments</comments>
		<pubDate>Mon, 15 Jun 2009 18:47:59 +0000</pubDate>
		<dc:creator>Nelly Yusupova</dc:creator>
				<category><![CDATA[Blogs]]></category>
		<category><![CDATA[How-To]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Tech Tools]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[share-it]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.webgrrls.com/blog/2009/06/15/how-to-create-a-share-on-twitter-link-for-wordpress-blog/</guid>
		<description><![CDATA[Sometimes when you need a marketing tool&#8230;you just have to build it yourself&#8230;I wanted to implement a way that our readers (who use twitter) could let their followers know when they were reading a great blog post on the Webgrrls International Blog&#8230;Webgrrls Wisdom. So, I have recently created &#8220;Share on Twitter&#8221; functionality and link on [...]


<br><b>Related posts:</b><ol><li><a href='http://www.webgrrls.com/blog/2007/11/08/improve-wordpress-blog-performance-with-super-cache/' rel='bookmark' title='Permanent Link: Improve wordpress blog performance with Super Cache'>Improve wordpress blog performance with Super Cache</a></li>
<li><a href='http://www.webgrrls.com/blog/2008/07/15/tutorial-how-to-setup-rss-feeds-for-yor-blog/' rel='bookmark' title='Permanent Link: Tutorial: How to setup RSS feeds for your blog using Feedburner'>Tutorial: How to setup RSS feeds for your blog using Feedburner</a></li>
<li><a href='http://www.webgrrls.com/blog/2007/09/14/must-have-plug-ins-for-blogs/' rel='bookmark' title='Permanent Link: Must Have Plug-Ins for WordPress Blogs'>Must Have Plug-Ins for WordPress Blogs</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><img title="Twitter" src="http://www.webgrrls.com/blog/wp-content/uploads/2008/10/twitter_logo_s.png" alt="Twitter" align="right" hspace="5" vspace="5" />Sometimes when you need a marketing tool&#8230;you just have to build it yourself&#8230;I wanted to implement a way that our readers (who use twitter) could let their followers know when they were reading a great blog post on the Webgrrls International Blog&#8230;Webgrrls Wisdom.</p>
<p>So, I have recently created <strong>&#8220;Share on Twitter&#8221;</strong> functionality and link on the Webgrrls Wisdom blog and you can use this functionality too&#8230;for your blog and for extending your brand.</p>
<h2><strong>Here is how it works</strong></h2>
<p>When readers click on the &#8220;Share on Twitter&#8221; link after they are finished reading the post,  the following twitter entry automatically gets posted to their twitter account:</p>
<p><strong><span style="color: #993366;">Currently reading on @Webgrrls: Title of Blog Post &amp; Shortened url to the blog post</span> </strong>(ie. Currently reading on @Webgrrls: Book Clubs for User Experience Professionals http://tinyurl.com/kmm9oy)</p>
<p>Now, when you do it, of course, it will have your blog name and branding information</p>
<h2><strong>Here is a step by step guide on how you can implement this feature on your blog:</strong></h2>
<ol>
<li>Click the download button below to download the plug-in file to your computer.<br /> <a href="http://webgrrls.com/blog/wp-content/uploads/2009/06/tinyurl-functions.php.zip"><img class="size-full wp-image-1883 alignleft" title="download" src="http://www.webgrrls.com/blog/wp-content/uploads/2012/07/download.jpg" alt="" width="90" height="21" /></a><br /><br clear="all"></li>
<li>Uncompress the downloaded .zip fil and Upload/FTP the tinyurl-functions.php file to your WordPress <strong>/wp-content/plugins</strong> directory</li>
<li>Activate the<strong> TinyURL Function</strong> plug-in in your WordPress Admin area.</li>
<li>Add the following link code to any of your theme files, where you want the &#8220;Share on Twitter&#8221; link to appear.</li>
</ol>
<p><strong><a title="Click to share this post on Twitter" href="http://twitter.com/home?status=Currently reading on Webgrrls: <?php the_title(); ?> <?php echo get_tiny_url(post_permalink($id)); ?>&#8220;>Share on Twitter</a></strong></p>
<p>That&#8217;s It! it is a easy as 1,2,3,4&#8230;Good Luck and get blogging and of course <a href="http://twitter.com/home?status=Currently%20reading%20on%20Webgrrls:%20How%20to:%20Create%20a%20Share%20on%20Twitter%20link%20for%20Wordpress%20Blog%20http://tinyurl.com/mq6yyq" target="_blank">Share it on Twitter</a>!</p>


<p><br><b>Related posts:</b><ol><li><a href='http://www.webgrrls.com/blog/2007/11/08/improve-wordpress-blog-performance-with-super-cache/' rel='bookmark' title='Permanent Link: Improve wordpress blog performance with Super Cache'>Improve wordpress blog performance with Super Cache</a></li>
<li><a href='http://www.webgrrls.com/blog/2008/07/15/tutorial-how-to-setup-rss-feeds-for-yor-blog/' rel='bookmark' title='Permanent Link: Tutorial: How to setup RSS feeds for your blog using Feedburner'>Tutorial: How to setup RSS feeds for your blog using Feedburner</a></li>
<li><a href='http://www.webgrrls.com/blog/2007/09/14/must-have-plug-ins-for-blogs/' rel='bookmark' title='Permanent Link: Must Have Plug-Ins for WordPress Blogs'>Must Have Plug-Ins for WordPress Blogs</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.webgrrls.com/blog/2009/06/15/how-to-create-a-share-on-twitter-link-for-wordpress-blog/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>How to create a global bestseller book or product</title>
		<link>http://www.webgrrls.com/blog/2009/06/03/how-to-create-a-global-bestseller-book-or-product/</link>
		<comments>http://www.webgrrls.com/blog/2009/06/03/how-to-create-a-global-bestseller-book-or-product/#comments</comments>
		<pubDate>Wed, 03 Jun 2009 12:00:04 +0000</pubDate>
		<dc:creator>Nelly Yusupova</dc:creator>
				<category><![CDATA[Blogs]]></category>
		<category><![CDATA[Business]]></category>
		<category><![CDATA[How-To]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[4hww]]></category>
		<category><![CDATA[crazyegg]]></category>
		<category><![CDATA[mediabistro]]></category>
		<category><![CDATA[tim-ferris]]></category>

		<guid isPermaLink="false">http://www.webgrrls.com/blog/2009/06/03/how-to-create-a-global-bestseller-book-or-product/</guid>
		<description><![CDATA[Today, I had the pleasure of hearing Tim Ferris, Author of the bestselling book The 4-Hour Workweek, speak at the Mediabistro Circus event.  Tim shared his “secrets” on how he leveraged Social Media to create a global best seller product….book or otherwise. Data is KING Tim measures and tests EVERYTHING… He says “from wording to [...]


<br><b>Related posts:</b><ol><li><a href='http://www.webgrrls.com/blog/2008/04/17/create-self-publish-and-sell-children%e2%80%99s-picture-books/' rel='bookmark' title='Permanent Link: Create, Self Publish, and Sell Children&#8217;s Picture Books'>Create, Self Publish, and Sell Children&#8217;s Picture Books</a></li>
<li><a href='http://www.webgrrls.com/blog/2008/06/24/free-guide-to-learning-how-to-create-web-videos/' rel='bookmark' title='Permanent Link: Free Guide to Learning How to Create Web Videos'>Free Guide to Learning How to Create Web Videos</a></li>
<li><a href='http://www.webgrrls.com/blog/2007/10/31/social-networks-and-online-shopping-collide-to-create-social-shopping/' rel='bookmark' title='Permanent Link: Social Networks and Online Shopping Collide to Create &#8220;Social Shopping&#8221;'>Social Networks and Online Shopping Collide to Create &#8220;Social Shopping&#8221;</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Today, I had the pleasure of hearing Tim Ferris, Author of the bestselling book <a href="http://www.fourhourworkweek.com/" target="_blank">The 4-Hour Workweek</a>, speak at the <a href="http://www.mediabistro.com/circus/" target="_blank">Mediabistro Circus</a> event.  Tim shared his “secrets” on how <strong>he leveraged Social Media to create a global best seller product….book or otherwise.</strong></p>
<h2>Data is KING</h2>
<p><strong>Tim measures and tests EVERYTHING</strong>… He says “<strong>from wording to read time…test it all</strong>”…learning as much as you can about your user will help you serve your audience better and help you make more sound promotional decisions. Tim uses <a href="http://crazyegg.com" target="_blank">Crazyegg.com</a> tool to figure out user click patterns on his sites.</p>
<h2>Determine your target market</h2>
<p>Before he started marketing his book, Tim decided on the demographic he was going after…first, 18-25 tech savvy males and secondly 18-25 tech savvy females.  He advised to identify your demographic well because if you try to target too many people you won’t sell anything.</p>
<h2>Go Where the Bloggers Go</h2>
<p>Tim spent $25,000 on the book launch. $18,000 was &#8220;wasted on a PR firm&#8221;…the PR firm he worked with was not &#8220;accountable or measurable&#8221;. He spent the rest of his budget meeting people in person as “the e-mail channel is too crowded”.</p>
<p>To learn about blogging, he attended the CES expo.  He would join blogger conversations by listening and if he did not understand a term, he would ask.  Although that made him seem ignorant, eventually people asked him what he did and he would tell them that he was writing a book.  <strong>He would not pitch the book or himself and in fact, never asked the them to review the book</strong>….<strong>he just elicited questions and EMPHASIZED that he did not think the book would appeal to them, except for about five pages of it.</strong>  Tim says “Nobody has time to read the whole book but everyone has time to read 5 pages”.  His goal was to obtain 20,000 evangelists &#8212; not customers but avid fans, 3 months before the launch of the book.</p>
<h2>Sell around the product</h2>
<p>To create a fast-acting <a href="http://en.wikipedia.org/wiki/Meme" target="_blank">meme</a>, Ferris says you need to do the following:</p>
<ul>
<li><strong>Phenomenize:</strong> &#8220;identify and name a legitimate societal shift or new phenomenon&#8230;.to best spread a message or product, sell around it by discussing larger issues surrounding its creation: the person (himself in this case), the changing social landscape, and emerging trends.  No one cares about your new software, but the reasons it needs to exist might &#8216;make for a great TV segment on 20/20.&#8217;&#8221;</li>
<li><strong>Polarize:</strong> “Good stories and trend-spotting, told unapologetically, will create both supporters (”That’s the solution!”) and attackers (”It’s a fraud!”). The battle and ongoing debate this generates is the fuel needed for word-of-mouth wildfire”.</li>
<li><strong>Communitize</strong>: Ferris encourages community creation for your online users. He encouraged his readers to create their own communities on the social networking site <a href="http://www.ning.com" target="_blank">Ning</a> and there are currently <a href="http://www.ning.com/search/networks?q=4hww" target="_blank">12 different mini-communities</a> that were formed to date.</li>
</ul>
<p>Tim left us with two inspirational parting thoughts “Plan big but test assumptions and Doing the unthinkable is easier than you think&#8221;.</p>
<p>This session set the tone for what would turn out to be a great day 1 at the MediaBistro Circus hearing great insights about open source publishing, the future of books, magazines, newspapers, blogging, and the distribution and consumption of content, how customer behavior is evolving around technology, the best way to employ data so your company makes money, integrated marketing partnerships and of course meeting some really great people.</p>


<p><br><b>Related posts:</b><ol><li><a href='http://www.webgrrls.com/blog/2008/04/17/create-self-publish-and-sell-children%e2%80%99s-picture-books/' rel='bookmark' title='Permanent Link: Create, Self Publish, and Sell Children&#8217;s Picture Books'>Create, Self Publish, and Sell Children&#8217;s Picture Books</a></li>
<li><a href='http://www.webgrrls.com/blog/2008/06/24/free-guide-to-learning-how-to-create-web-videos/' rel='bookmark' title='Permanent Link: Free Guide to Learning How to Create Web Videos'>Free Guide to Learning How to Create Web Videos</a></li>
<li><a href='http://www.webgrrls.com/blog/2007/10/31/social-networks-and-online-shopping-collide-to-create-social-shopping/' rel='bookmark' title='Permanent Link: Social Networks and Online Shopping Collide to Create &#8220;Social Shopping&#8221;'>Social Networks and Online Shopping Collide to Create &#8220;Social Shopping&#8221;</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.webgrrls.com/blog/2009/06/03/how-to-create-a-global-bestseller-book-or-product/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML Emails: A Primer</title>
		<link>http://www.webgrrls.com/blog/2009/01/08/html-emails-a-primer/</link>
		<comments>http://www.webgrrls.com/blog/2009/01/08/html-emails-a-primer/#comments</comments>
		<pubDate>Thu, 08 Jan 2009 16:59:48 +0000</pubDate>
		<dc:creator>Linda Johnson</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[How-To]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[Tech Tools]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Women in Technology]]></category>
		<category><![CDATA[HTML-Email]]></category>
		<category><![CDATA[web-design]]></category>

		<guid isPermaLink="false">http://www.webgrrls.com/blog/2009/01/08/html-emails-a-primer/</guid>
		<description><![CDATA[Every time you read your email, you are likely to open an HTML email, one which includes links and images and the omnipresent â€œIf you wish to unsubscribe to this mailingâ€¦â€ directive at the bottom. I occasionally delete these messages before my conscious brain even knows theyâ€™re there. But some HTML emails are stunningâ€”succinct, content-driven [...]


<br><b>Related posts:</b><ol><li><a href='http://www.webgrrls.com/blog/2008/02/26/powerfull-css-techniques/' rel='bookmark' title='Permanent Link: Powerfull CSS Techniques'>Powerfull CSS Techniques</a></li>
<li><a href='http://www.webgrrls.com/blog/2008/06/06/webgrrls%e2%80%99-finds-tips-tricks-to-work-faster-smarter-with-style/' rel='bookmark' title='Permanent Link: Webgrrls Finds: Tips, tricks to work faster, smarter &#038; with style'>Webgrrls Finds: Tips, tricks to work faster, smarter &#038; with style</a></li>
<li><a href='http://www.webgrrls.com/blog/2008/05/30/webgrrls-finds-tips-tricks-and-tools-to-improve-your-work-performance/' rel='bookmark' title='Permanent Link: Webgrrls&#8217; Finds: Tips, tricks and tools to improve your work performance'>Webgrrls&#8217; Finds: Tips, tricks and tools to improve your work performance</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.webgrrls.com/blog/wp-content/uploads/2009/01/newsletters.jpg" title="HTML Emails: A Primer" alt="HTML Emails: A Primer" align="right" border="0" vspace="5" hspace="5" />Every time you read your email, you are likely to open an HTML email, one which includes links and images and the omnipresent â€œIf you wish to unsubscribe to this mailingâ€¦â€ directive at the bottom.</p>
<p>I occasionally delete these messages before my conscious brain even knows theyâ€™re there. But some HTML emails are stunningâ€”succinct, content-driven messages wrapped in beautifully designed boxes.Â  And I read them. Some are from Fortune 500 companies, some are from small business entrepreneurs. All are trying to stand out in a crowded ecosystem.</p>
<p><strong>Many of us would profit by knowing how to create and send HTML emails.</strong> They keep ongoing clients in the loop, they attract new clients, they act as extensions of our websites and blogs, they help us, on a regular basis, to refine our message.</p>
<p>I recently attended an excellentâ€”and free&#8211;seminar on HTML email at the <a href="http://www.nobledesktop.com/index.html" title="noble desktop">Noble Desktop</a>, a New York-based organization which specializes in teaching all aspects of Web Design and Desktop Publishing. I thought it important to share what I learned.</p>
<h2>What do you need to send an HTML email?</h2>
<p>Basically, any email application that supports POP, IMAP and SMTP will allow you to send HTML emails. In short, all of them. Clients such as Microsoft Outlook, Thunderbird, Gmail and Hotmail all include tools to send HTML emails.</p>
<p>In the current version of Thunderbird, for example, you would:</p>
<ol>
<li>Create the HTML page you wish to send, either by hand coding or using an editor such as Dreamweaver.</li>
<li><strong>Select</strong> and <strong>copy</strong> the source code.</li>
<li>Click on <strong>Message</strong>&gt; <strong>New Message</strong></li>
<li>Click in the body of the message.</li>
<li>Click on <strong>Insert</strong> &gt;<strong>HTML</strong></li>
<li><strong>Paste</strong> in the source code.</li>
</ol>
<p>It is possible, with some applications,Â  to code directly in the email window. However, coding your own email gives you greater control over the final product. So, code it, make sure that you have chosen the appropriate â€œInsert HTMLâ€ tool, and and paste it into the email window.</p>
<h2><strong>The nuts and bolts</strong></h2>
<p><strong> </strong><strong>When you design your HTML email, keep it simple.</strong></p>
<p>In creating a normal web page, you are designing it to be part of a whole, a component that interacts with other components within your design universe. An HTML email is a self-contained entity at the mercy of a larger entityâ€”the email application itself.</p>
<p>These applicationsâ€”Outlook, Gmail, Yahooâ€”live in their own HTML and CSS universes and have their own coding rules to follow. Therefore, some basic rules to keep your code out of their way:</p>
<ul>
<li><strong>No Flash, no Quicktime movies, no animated GIFâ€™s. </strong>Current Email applications cannot handle them.</li>
<li><strong>You can use CSS to style, but again, keep it simple.</strong></li>
<li><strong>Put your CSS style declarations in the body of the email, not in the &lt;head&gt; tag.</strong> Email applicationsâ€”especially browser-based ones like Gmail&#8211; are very protective of that &lt;head&gt; space; they donâ€™t want your code conflicting with theirs. If they see any weird code (translation: <em>anything not theirs</em>) in the &lt;head&gt;, theyâ€™ll strip it.</li>
<li><strong>Style using <em>Class</em>, not <em>ID</em> attributes.</strong></li>
<li><strong>When you make a CSS style declaration, do not use any CSS shorthand.</strong> Use â€˜font-family,â€™ font-sizeâ€™ etc. Spell it out.</li>
<li><strong>Once youâ€™ve made the declaration, repeat it inline.</strong><br />
For example, donâ€™t just do this:&lt;td colspan=â€2â€ valign=â€topâ€ class=â€mydocâ€&gt;Do this:&lt;td colspan=â€2â€ valign=â€topâ€ class=â€mydocâ€ style=â€font-size:13px; font-weight:bold; padding: 0px; font-family= Verdana, Helvetica, sans-serif; margin= 0px;â€Â  face=â€ Verdana, Helvetica, sans-serif;â€ size=â€13pxâ€&gt;<strong>The redundancy ensures consistency across platforms</strong>, as the inline style is permanently attached to the element it is styling. It will also protect you in case the declaration is overlooked or deleted.</li>
<li><strong>Avoid using DIVâ€™s and SPANâ€™s.</strong> SPANâ€™s <em>might</em> survive intact, as they are in fact inline elements. DIVâ€™s will cause conflicts with your email applicationâ€™s code.<strong> </strong><strong>Which is why Tables are good. Yes, Tables. Yes, Nested Tables.</strong>It seems counter-intuitive to go back in time to Tables when you are designing something that may be read on a Blackberry or IPhone, but Tables are clean and simple and they read well across browsers. <a href="http://www.sitepoint.com/print/code-html-email-newsletters/" title="Tim Slavin of Sitepoint">Tim Slavin of Sitepoint</a> suggests nesting everything inside one big â€œContainer Table,â€ as it acts as a sort of &lt;BODY&gt; tag, protecting everything inside it.Inside the large â€œContainer Tableâ€ you might design a one-column or two-column layout with a header, main content, and footer. You might create a layout with more complexity, but <strong>nest no more than four levels of tables.</strong> Simplicity.</li>
<li><strong>If you are using absolute widths, make your â€œContainer Tableâ€ 600px.</strong> Most email windows are not nearly as wide as your screen, and many people make their windows even smaller, so 600px is a safe width. <strong>If you are using percentages, make your â€œContainer Tableâ€ no greater than 98%. Some sources suggest 95% or even 90%</strong>, to make sure you are within Yahooâ€™s or Gmailâ€™s or Hotmailâ€™s structural parameters.</li>
<li><strong>Use absolute paths for image links</strong>. Remember that your HTML email is alone in a strange universe. Your images live on your website; make sure that the email can find its way to them.</li>
<li><strong>Include height and width attributes for all images</strong>; if your images fail to load, your layout will remain intact.</li>
<li><strong>Test Your HTML Code.</strong>Â  Once youâ€™re happy with the design of your HTML email, test it out on as many email applications as you can. Insert your HTML email into Thunderbird or Outlook and send it to yourself. Then send it again via Gmail or Apple Mail. And again viaâ€¦.you get the idea.</li>
</ul>
<p>The proliferation of HTML email has spawned new companies that offer HTML email services such as customizable templates, email list management and mailing strategies, tracking and analytics. Among them: <a href="http://www.mailchimp.com/index.phtml" title="Mail Chimp">MailChimp</a>, <a href="http://www.campaignmonitor.com/" title="Campaign Monitor">Campaign Monitor</a>, <a href="http://www.maxprog.com/site/software/internet-marketing/mass-bulk-emailer_sheet_us.php" title="MaxBulk Mailer">MaxBulk Mailer</a>Â  and<a href="http://www.constantcontact.com/index.jsp" title="Constant Contact"> Constant Contact</a>. Have a look at their offerings. They can do a lot of your heavy lifting.</p>
<p>HTML email is, sadly, likely to be pegged as spam, and filtered out before your target audience ever sees it. To separate themselves from Internet ruffians, legitimate senders are increasingly turning to companies like <a href="http://www.returnpath.net/" title="Return Path">Return Path</a> for certification, and it seems likely that certification will be mandatory in the very near future.Â   And for tips on getting through spam filters, check out <strong><a href="http://www.webgrrls.com/blog/2008/03/04/tips-to-help-you-keep-your-newsletters-out-of-the-spam-folder/" target="_blank">these great recommendations</a></strong> posted on the Webgrrls blog.</p>
<p>HTML email is clearly not the only way to communicate with clients, customers, friends, and colleagues. But it is a great arrow in your quiver and a good way to send up a flare.</p>


<p><br><b>Related posts:</b><ol><li><a href='http://www.webgrrls.com/blog/2008/02/26/powerfull-css-techniques/' rel='bookmark' title='Permanent Link: Powerfull CSS Techniques'>Powerfull CSS Techniques</a></li>
<li><a href='http://www.webgrrls.com/blog/2008/06/06/webgrrls%e2%80%99-finds-tips-tricks-to-work-faster-smarter-with-style/' rel='bookmark' title='Permanent Link: Webgrrls Finds: Tips, tricks to work faster, smarter &#038; with style'>Webgrrls Finds: Tips, tricks to work faster, smarter &#038; with style</a></li>
<li><a href='http://www.webgrrls.com/blog/2008/05/30/webgrrls-finds-tips-tricks-and-tools-to-improve-your-work-performance/' rel='bookmark' title='Permanent Link: Webgrrls&#8217; Finds: Tips, tricks and tools to improve your work performance'>Webgrrls&#8217; Finds: Tips, tricks and tools to improve your work performance</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.webgrrls.com/blog/2009/01/08/html-emails-a-primer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Save time by reading website colors in your browser</title>
		<link>http://www.webgrrls.com/blog/2008/09/10/save-time-by-reading-website-colors-in-your-browser/</link>
		<comments>http://www.webgrrls.com/blog/2008/09/10/save-time-by-reading-website-colors-in-your-browser/#comments</comments>
		<pubDate>Wed, 10 Sep 2008 16:47:28 +0000</pubDate>
		<dc:creator>Nelly Yusupova</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[How-To]]></category>
		<category><![CDATA[Tech Tools]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[colorzilla]]></category>
		<category><![CDATA[firefox-extension]]></category>

		<guid isPermaLink="false">http://www.webgrrls.com/blog/2008/09/10/save-time-by-reading-website-colors-in-your-browser/</guid>
		<description><![CDATA[Last week, I installed a great Firefox extension, ColorZilla, and have been using it extensively because it saves me a lot of time.Â  ColorZilla is a feature rich extension for web designers.Â  Here are some of my favorite features: Get a color reading of anything in your browser. Easily copy RGB or Hexadecimal color you [...]


<br><b>Related posts:</b><ol><li><a href='http://www.webgrrls.com/blog/2008/08/18/import-website-colors-into-photoshop-in-seconds/' rel='bookmark' title='Permanent Link: Import website colors into Photoshop in seconds'>Import website colors into Photoshop in seconds</a></li>
<li><a href='http://www.webgrrls.com/blog/2008/01/17/dhtml-color-picker-tool-for-your-website/' rel='bookmark' title='Permanent Link: DHTML Color Picker tool for your website'>DHTML Color Picker tool for your website</a></li>
<li><a href='http://www.webgrrls.com/blog/2008/02/15/install-multiple-versions-of-ie-browser-on-your-pc/' rel='bookmark' title='Permanent Link: Install multiple versions of IE browser on your PC'>Install multiple versions of IE browser on your PC</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Last week, I installed a great Firefox extension, ColorZilla, and have been using it extensively because it saves me a lot of time.Â  ColorZilla is a <strong><a href="http://www.iosart.com/firefox/colorzilla/features.html" target="_blank">feature rich extension</a></strong> for web designers.Â  Here are some of my favorite features:</p>
<ul>
<li>Get a color reading of anything in your browser.</li>
<li>Easily copy RGB or Hexadecimal color you selected to any other application</li>
<li>Tweak the color you selected using the built in color palette browser.</li>
<li>Enlarge pages with zoom feature so it is easier for you to sample the color</li>
</ul>
<h2>Here are instructions on how to download, install, and use Colorzilla Firefox extension<span id="more-278"></span></h2>
<ol>
<li>If you do not have Firefox, <a href="http://www.mozilla.com/en-US/firefox/" target="_blank">install it</a>.</li>
<li><strong>Go to the <a href="https://addons.mozilla.org/en-US/firefox/addon/271" target="_blank">Colorzilla</a> website and click the green â€œAdd to Firefoxâ€ button.</strong>Â  This will install the extension into firefox.Â  You will need to restart Firefox for the extension to work.</li>
<li>Once installed you will see an eyedropper icon at the bottom left corner of your browser status bar. <img src="http://www.webgrrls.com/blog/wp-content/uploads/2008/09/eye-dropper-tool.gif" alt="Colorzilla eye dropper tool" /></li>
<li><strong>Go to the website that you would like to sample a color from.</strong></li>
<li><strong>Click on the eye dropper tool to select it.</strong>Â  If the color you want to sample is too small, right click on the eye dropper tool and select the Zoom feature to enlarge the page.</li>
<li><img src="http://www.webgrrls.com/blog/wp-content/uploads/2008/09/eye-dropper-right-click1.gif" title="Colorzilla eye dropper tool right clicked" alt="Colorzilla eye dropper tool right clicked" vspace="5" align="right" hspace="5" />Once the color is sampled, it is saved by the eye dropper tool.Â  To access the color options, go to the tool in the status bar and right click on it (see image on the right).From here, you can copy the color and use it in another application, re-adjust the color using the Palette Browser tool, add the color to your favorites, etc.</li>
</ol>


<p><br><b>Related posts:</b><ol><li><a href='http://www.webgrrls.com/blog/2008/08/18/import-website-colors-into-photoshop-in-seconds/' rel='bookmark' title='Permanent Link: Import website colors into Photoshop in seconds'>Import website colors into Photoshop in seconds</a></li>
<li><a href='http://www.webgrrls.com/blog/2008/01/17/dhtml-color-picker-tool-for-your-website/' rel='bookmark' title='Permanent Link: DHTML Color Picker tool for your website'>DHTML Color Picker tool for your website</a></li>
<li><a href='http://www.webgrrls.com/blog/2008/02/15/install-multiple-versions-of-ie-browser-on-your-pc/' rel='bookmark' title='Permanent Link: Install multiple versions of IE browser on your PC'>Install multiple versions of IE browser on your PC</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.webgrrls.com/blog/2008/09/10/save-time-by-reading-website-colors-in-your-browser/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Import website colors into Photoshop in seconds</title>
		<link>http://www.webgrrls.com/blog/2008/08/18/import-website-colors-into-photoshop-in-seconds/</link>
		<comments>http://www.webgrrls.com/blog/2008/08/18/import-website-colors-into-photoshop-in-seconds/#comments</comments>
		<pubDate>Mon, 18 Aug 2008 23:31:08 +0000</pubDate>
		<dc:creator>Nelly Yusupova</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[How-To]]></category>
		<category><![CDATA[Tech Tools]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[firefox-extension]]></category>
		<category><![CDATA[palette-grabber]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://www.webgrrls.com/blog/2008/08/18/import-website-colors-into-photoshop-in-seconds/</guid>
		<description><![CDATA[I have recently discovered Palette Grabber, a really neat Firefox extension for web designers that grabs all the colors used on a website and exports them to &#8220;color palette&#8221; file that can then be used in a wide range of image editing applications.Â Â  This tool makes it really easy to see what color combinations work [...]


<br><b>Related posts:</b><ol><li><a href='http://www.webgrrls.com/blog/2008/01/17/dhtml-color-picker-tool-for-your-website/' rel='bookmark' title='Permanent Link: DHTML Color Picker tool for your website'>DHTML Color Picker tool for your website</a></li>
<li><a href='http://www.webgrrls.com/blog/2007/11/28/convert-any-image-to-a-vector-image-in-under-3-minutes/' rel='bookmark' title='Permanent Link: Convert any image to a vector image in under 3 minutes'>Convert any image to a vector image in under 3 minutes</a></li>
<li><a href='http://www.webgrrls.com/blog/2007/09/14/color-tools-choosing-mixing-colors/' rel='bookmark' title='Permanent Link: Color Tools &#8211; Choosing &#038; Mixing Colors'>Color Tools &#8211; Choosing &#038; Mixing Colors</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>I have recently discovered <strong>Palette Grabber</strong>, a really neat Firefox extension for web designers that grabs all the colors used on a website and exports them to &#8220;color palette&#8221; file that can then be used in a wide range of image editing applications.Â Â  This tool makes it really easy to see what color combinations work together and tweak them for your own designs.</p>
<p>Palette Grabber is a free download and works with any version of Firefox.Â Â  It supports Photoshop, Flash, PaintShop Pro, GIMP, Adobe Fireworks, and Mac OS X Color Picker palette formats.</p>
<h3>Here are instructions on how to download, install, and import the palette color file into Photoshop<span id="more-261"></span></h3>
<ol>
<li>If you do not have Firefox, <a href="http://www.mozilla.com/en-US/firefox/" target="_blank">install it</a>.</li>
<li><strong>Go to the <a href="https://addons.mozilla.org/en-US/firefox/addon/2290" target="_blank">Palette Grabber</a> website and click the green &#8220;Add to Firefox&#8221; button.</strong>Â  This will install the extension into firefox.Â  You will need to restart Firefox for the extension to work.</li>
<li><strong>Go to the website that you would like to grab the color palette from.</strong><br />
<strong><br />
</strong></li>
<li><strong>In the Firefox browser, go to Tools -&gt; Export color palette.</strong> Selecting this command will extract a color palette for the current page and save it as a color palette file (.aco extension)</li>
<li>Open Photoshop</li>
<li><strong>Go to the color swatches tab. </strong>If you can&#8217;t find it, go to the top Menu and click on Window menu.Â  From the drop down options select &#8220;Swatches&#8221;.</li>
<li><strong>In the top right corner of the Swatches tab</strong>, click on the down arrow to get more options (see image below)<br />
<img src="http://www.webgrrls.com/blog/wp-content/uploads/2008/08/photoshop-color-swatch.gif" alt="Photoshop Color Swatch Palette" /></li>
<li><strong>Select &#8220;Load Swatches&#8221; option.Â </strong> This will load all of the colors from the palette file into your swatches tab.</li>
</ol>
<p>That&#8217;s it!</p>


<p><br><b>Related posts:</b><ol><li><a href='http://www.webgrrls.com/blog/2008/01/17/dhtml-color-picker-tool-for-your-website/' rel='bookmark' title='Permanent Link: DHTML Color Picker tool for your website'>DHTML Color Picker tool for your website</a></li>
<li><a href='http://www.webgrrls.com/blog/2007/11/28/convert-any-image-to-a-vector-image-in-under-3-minutes/' rel='bookmark' title='Permanent Link: Convert any image to a vector image in under 3 minutes'>Convert any image to a vector image in under 3 minutes</a></li>
<li><a href='http://www.webgrrls.com/blog/2007/09/14/color-tools-choosing-mixing-colors/' rel='bookmark' title='Permanent Link: Color Tools &#8211; Choosing &#038; Mixing Colors'>Color Tools &#8211; Choosing &#038; Mixing Colors</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.webgrrls.com/blog/2008/08/18/import-website-colors-into-photoshop-in-seconds/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>