<?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>1stwebdesigner - Graphic and Web Design Blog &#187; twitter</title>
	<atom:link href="http://www.1stwebdesigner.com/tag/twitter/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.1stwebdesigner.com</link>
	<description>1stwebdesigner is a design blog dedicated to bloggers, freelancers, web-developers and designers. Topics focus on web design and inspirational articles.</description>
	<lastBuildDate>Sun, 12 Feb 2012 13:09:13 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>25 Best Infographics Of 2011 That Are Still Relevant Today</title>
		<link>http://www.1stwebdesigner.com/design/25-best-infographics-of-2011-that-are-still-relevant-today/</link>
		<comments>http://www.1stwebdesigner.com/design/25-best-infographics-of-2011-that-are-still-relevant-today/#comments</comments>
		<pubDate>Wed, 04 Jan 2012 21:00:41 +0000</pubDate>
		<dc:creator>Christian Vasile</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[2011]]></category>
		<category><![CDATA[ceo]]></category>
		<category><![CDATA[FaceBook]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[Infographic]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[social media]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=61290</guid>
		<description><![CDATA[The year of 2011 went very fast for us in the development world and I am sure some of you accomplished important things for your career during this year. But besides our personal achievements, the whole industry managed to reach something that was unthinkable around 10 years ago. To show you how the web progressed [...]]]></description>
			<content:encoded><![CDATA[<p>The year of 2011 went very fast for us in the development world and I am sure some of you accomplished important things for your career during this year. But besides our personal achievements, the whole industry managed to reach something that was unthinkable around 10 years ago. To show you how the web progressed during the past year, I collected a series of infographics from the internet and hope, by the end of this article, you will realize what huge potential this year of 2012 has. Most of the images are not in full here, so you might want to click on them and read the whole infographic for an overall understanding of the presentations.</p>
<p><span id="more-61290"></span></p>
<h3><strong>1. 60 seconds on the web</strong></h3>
<p>This one shows what happened on the web during 2011 in a timeframe of 60 seconds, if we minimize the whole year to it. 600 new YouTube videos, almost 700,000 search queries on Google and Facebook status updates and close to 100,000 tweets should say enough about what power the internet holds nowadays.</p>
<p style="text-align: center;"><a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/90seconds.jpg" target="_blank"><img class="aligncenter size-full wp-image-61291" title="60 seconds on the web" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/12/60seconds.jpg" alt="" width="570" height="403" /></a></p>
<p style="text-align: center;"><a href="http://www.adverblog.com/2011/06/15/60-seconds-on-the-web-infographic/60seconds/" target="_blank">Source</a></p>
<h3><strong>2. Disruptive Companies</strong></h3>
<p>It is easy to see how Apple, for example, disrupts today&#8217;s web. The iPhone and iPad start to replace the computers and old phones and always bring new ideas to the table.</p>
<p style="text-align: center;"><a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/Disruptive-Companies.jpg" target="_blank"><img class="aligncenter size-large wp-image-61292" title="Disruptive Companies" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/12/Disruptive-Companies-thumb-590x2475-34629-243x1024.jpg" alt="" width="243" height="1024" /></a></p>
<p style="text-align: center;"><a href="http://www.focus.com/fyi/disruptive-companies/" target="_blank">Source</a></p>
<h3 style="text-align: left;"><strong>3. Instagram&#8217;s Fun Facts</strong></h3>
<p style="text-align: center;"><a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/infographic_instagram_big.jpg" target="_blank"><img class="aligncenter size-full wp-image-61293" title="Infographic from Instagram" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/12/infographic_instagram_big.jpg" alt="" width="570" height="880" /></a></p>
<p style="text-align: center;"><a href="http://www.adverblog.com/2011/08/18/some-fun-facts-about-instagram-infographic/">Source</a></p>
<h3 style="text-align: left;"><strong>4. User Generated Content</strong></h3>
<p style="text-align: left;">Nowadays people say &#8220;Content is King&#8221; and after reading this infographic you will see why they mean it. There is so much content on the internet that is really difficult to keep up with, therefore we have to sort out the things we are interested in and only follow those.</p>
<p style="text-align: center;"><a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/User-Generated-Content.jpg" target="_blank"><img class="aligncenter size-full wp-image-61296" title="User Generated Content" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/12/ugc.jpg" alt="" width="570" height="706" /></a></p>
<p style="text-align: center;"><a href="http://www.adverblog.com/2011/06/23/the-user-generated-content-galaxy-infographic/" target="_blank">Source</a></p>
<h3 style="text-align: left;"><strong>5. App Store Info</strong></h3>
<p style="text-align: left;">Want to see some interesting information about the apps in Apple&#8217;s Store? Then this infographic is for you.</p>
<p style="text-align: center;"><a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/500kappsinfographic.png" target="_blank"><img class="aligncenter size-full wp-image-61297" title="App Store Infographic 2011" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/12/500kappsinfographic.jpg" alt="" width="570" height="904" /></a></p>
<p style="text-align: center;"><a href="http://www.adverblog.com/2011/05/25/infographic-apple-app-store%E2%80%99s-march-to-500000-apps/" target="_blank">Source</a></p>
<h3 style="text-align: left;"><strong>6. Foursquare Reaching 10 Million Users</strong></h3>
<div id="attachment_61298" class="wp-caption aligncenter" style="width: 580px"><a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/10million.gif" target="_blank"><img class="size-full wp-image-61298  " title="Foursquare" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/12/foursquare.jpg" alt="" width="570" height="657" /></a><p class="wp-caption-text">This is an animated .gif and you might want to see it in full.</p></div>
<p style="text-align: center;"><a href="http://blog.foursquare.com/2011/06/20/holysmokes10millionpeople/" target="_blank">Source</a></p>
<h3><strong>7. Spam</strong></h3>
<p style="text-align: center;"><a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/spam-infographic-v21.jpg" target="_blank"><img class="aligncenter size-full wp-image-61299" title="Spam" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/12/spam.jpg" alt="" width="570" height="939" /></a></p>
<p style="text-align: center;"><a href="http://www.webpagefx.com/blog/internet/spam-more-than-an-annoyance-infographic/" target="_blank">Source</a></p>
<h3><strong>8. How Busy are Americans</strong></h3>
<p style="text-align: center;"><a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/HowBusyareamericans.jpg" target="_blank"><img class="aligncenter size-full wp-image-61300" title="How Busy Are Americans" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/12/HowBusy3-02-02.jpg" alt="" width="570" height="338" /></a></p>
<p style="text-align: center;"><a href="http://visualeconomics.creditloan.com/how-busy-are-americans/" target="_blank">Source</a></p>
<h3><strong>9. Facebook Relationships</strong></h3>
<p>This infographic is not only about Facebook users, but also about their relationships. Very good to understand how Facebook works for us and how we interact with the others.</p>
<p style="text-align: center;"><a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/facebook-relationships-infographic.jpg" target="_blank"><img class="aligncenter size-full wp-image-61301" title="Facebook Relationships" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/12/facebook.jpg" alt="" width="570" height="256" /></a></p>
<p style="text-align: center;"><a href="http://mashable.com/2011/05/31/facebook-relationships/" target="_blank">Source</a></p>
<h3><strong>10. Bugs in your Open Source Code</strong></h3>
<p style="text-align: center;"><a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/HistoryofOpenSourceSoftware-SourceNinja.png" target="_blank"><img class="aligncenter size-full wp-image-61302" title="Bugs In Your Code" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/12/bugs.jpg" alt="" width="570" height="577" /></a></p>
<p style="text-align: center;"><a href="http://blog.sourceninja.com/" target="_blank">Source</a></p>
<h3><strong>11. Twitter History</strong></h3>
<p>If you tweet a lot, you probably already know some of these, but otherwise this is an interesting read about the records on Twitter and some other statistics. It is not only for 2011, but includes some events from last year.</p>
<p style="text-align: center;"><a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/infographictwitter.jpg" target="_blank"><img class="aligncenter size-full wp-image-61303" title="Twitter Statistics" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/12/twitter.jpg" alt="" width="570" height="710" /></a></p>
<p style="text-align: center;"><a href="http://www.adverblog.com/2011/09/30/history-facts-emotions-and-celebrities-on-twitter-infographic/" target="_blank">Source</a></p>
<h3><strong>12. Farewell to Steve Jobs</strong></h3>
<p>Steve Jobs, the former genius and Apple co-founder, died in the latter part of 2011. This infographic is more or less dedicated to him and tells us the important milestones in his life.</p>
<p style="text-align: center;"><a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/STEVE-JOBS-OK2.jpg" target="_blank"><img class="aligncenter size-full wp-image-61304" title="Steve Jobs" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/12/STEVE-JOBS-OK2.jpg" alt="" width="570" height="594" /></a></p>
<p style="text-align: center;"><a href="http://infographicworld.com/the-life-and-times-of-steve-jobs/" target="_blank">Source</a></p>
<h3><strong>13. iCloud</strong></h3>
<p>Apple&#8217;s new technology is shown and explained in this infographic.</p>
<p style="text-align: center;"><a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/iCloud-V2-11.3.jpg" target="_blank"><img class="aligncenter size-full wp-image-61305" title="iCloud" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/12/icloud.jpg" alt="" width="570" height="627" /></a></p>
<p style="text-align: center;"><a href="http://infographicworld.com/what-is-icloud/" target="_blank">Source</a></p>
<h3><strong>14. iPhone Users and their Security Concerns</strong></h3>
<p style="text-align: center;"><a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/Lookout_iPhone.jpg" target="_blank"><img class="aligncenter size-full wp-image-61306" title="iPhone Users And Their Security Concerns" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/12/iphone.jpg" alt="" width="570" height="637" /></a></p>
<p style="text-align: center;"><a href="http://blog.mylookout.com/blog/2011/11/04/iphone-users-care-about-security-too/" target="_blank">Source</a></p>
<h3><strong>15. Online Hiring through oDesk in the Bay Area</strong></h3>
<p style="text-align: center;"><a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/onlinehiringinthebayarea_4eb02d70ad81f.jpg" target="_blank"><img class="aligncenter size-full wp-image-61307" title="Online Hiring Through oDesk In The Bay Area" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/12/online.jpg" alt="" width="570" height="277" /></a></p>
<p style="text-align: center;"><a href="http://www.odesk.com/blog/2011/10/where-the-jobs-are-hiring-in-the-bay-area/" target="_blank">Source</a></p>
<h3 style="text-align: left;"><strong>16. Future Social CEO</strong></h3>
<p style="text-align: center;"><a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/FutureSocialCEO.png" target="_blank"><img class="aligncenter size-full wp-image-61308" title="Future Social CEO" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/12/FutureSocialCEO.jpg" alt="" width="570" height="475" /></a></p>
<p style="text-align: center;"><a href="http://www.ceo.com/media_type/featured_content/infographic-the-future-social-ceo/" target="_blank">Source</a></p>
<h3 style="text-align: left;"><strong>17. Loading Time Affects Your Bottom Line</strong></h3>
<p style="text-align: center;"><a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/loading-time-lrg.jpg" target="_blank"><img class="aligncenter size-full wp-image-61309" title="Loading Time" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/12/loading-time-sml.jpg" alt="" width="570" height="380" /></a></p>
<p style="text-align: center;"><a href="http://blog.kissmetrics.com/loading-time/" target="_blank">Source</a></p>
<h3 style="text-align: left;"><strong>18. How does Google make a Profit</strong></h3>
<p style="text-align: left;">If you still ask yourself where does Google, a free service, make its money from, then this infographic will definitely provide an answer to you.</p>
<p style="text-align: center;"><a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/where-does-google-make-its-money.png" target="_blank"><img class="aligncenter size-full wp-image-61310" title="Google's profit" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/12/google.jpg" alt="" width="570" height="350" /></a></p>
<p style="text-align: center;"><a href="http://www.wordstream.com/articles/most-expensive-keywords" target="_blank">Source</a></p>
<h3 style="text-align: left;"><strong>19. The Life of a Facebook Photo</strong></h3>
<p style="text-align: center;"><a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/life_of_a_facebook_photo.png" target="_blank"><img class="aligncenter size-full wp-image-61311" title="The Life Of A Facebook Photo" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/12/life.jpg" alt="" width="570" height="512" /></a></p>
<p style="text-align: center;"><a href="http://designtaxi.com/news/35024/Infographic-The-Life-of-a-Facebook-Photo/" target="_blank">Source</a></p>
<h3 style="text-align: left;"><strong>20. Differences Between Mac and PC Users</strong></h3>
<p style="text-align: center;"><a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/mc_vs_pc.png" target="_blank"><img class="aligncenter size-full wp-image-61312" title="Mac vs PC" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/12/mac.jpg" alt="" width="500" height="264" /></a></p>
<p style="text-align: center;"><a href="http://designtaxi.com/news/34609/Infographic-Mac-Users-vs-PC-Users/" target="_blank">Source</a></p>
<h3 style="text-align: left;"><strong>21. The Apple Products Tree Since its Foundation</strong></h3>
<p style="text-align: center;"><a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/apple_tree.jpg" target="_blank"><img class="aligncenter size-full wp-image-61313" title="The Apple Tree" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/12/apple-tree.jpg" alt="" width="570" height="866" /></a></p>
<p style="text-align: center;"><a href="http://designtaxi.com/news/35381/The-Apple-Tree-Apple-Products-over-the-Last-35-Years/" target="_blank">Source</a></p>
<h3 style="text-align: left;"><strong>22. Online and Offline Marketing</strong></h3>
<p style="text-align: center;"><a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/word_of_mouth_marketing_impact_and_influence_womma-593x2000.png" target="_blank"><img class="aligncenter size-full wp-image-61314" title="Online and Offline Marketing" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/12/marketing.jpg" alt="" width="570" height="397" /></a></p>
<p style="text-align: center;"><a href="http://www.smartinsights.com/online-pr/viral-marketing/word-of-mouth-marketing/" target="_blank">Source</a></p>
<h3 style="text-align: left;"><strong>23. Social Media Marketing and its Effectiveness</strong></h3>
<p style="text-align: center;"><a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/the_roi_of_social_media_mdg_advertising_infographic.png" target="_blank"><img class="aligncenter size-full wp-image-61315" title="Social Media Marketing" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/12/social-media-marketing.jpg" alt="" width="570" height="332" /></a></p>
<p style="text-align: center;"><a href="http://www.smartinsights.com/social-media-marketing/social-media-optimisation/infographic-the-roi-of-social-media/" target="_blank">Source</a></p>
<h3 style="text-align: left;"><strong>24. The StartUp ToolKit for Online Entrepreneurs</strong></h3>
<p style="text-align: center;"><a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/Startup_Toolkit_Info.png" target="_blank"><img class="aligncenter size-full wp-image-61316" title="Startup Toolkit Info" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/12/Startup_Toolkit_Info.jpg" alt="" width="570" height="659" /></a></p>
<p style="text-align: center;"><a href="http://mashable.com/2011/07/26/startup-tools/" target="_blank">Source</a></p>
<h3 style="text-align: left;"><strong>25. A Day in the Life of a CEO</strong></h3>
<p style="text-align: center;"><a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/day-in-the-life-vertical-infographic.gif" target="_blank"><img class="aligncenter size-full wp-image-61317" title="A Day In The Life Of A CEO" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/12/day-in-the-life-vertical-infographic.jpg" alt="" width="570" height="376" /></a></p>
<p style="text-align: center;"><a href="http://www.inc.com/magazine/201109/inc-500-infographic-a-day-in-the-life-of-a-ceo.html" target="_blank">Source</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/design/25-best-infographics-of-2011-that-are-still-relevant-today/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Review Of New Twitter and Tweetdeck &#8211; What&#8217;s new?</title>
		<link>http://www.1stwebdesigner.com/design/new-twitter-tweetdeck-redesign/</link>
		<comments>http://www.1stwebdesigner.com/design/new-twitter-tweetdeck-redesign/#comments</comments>
		<pubDate>Wed, 04 Jan 2012 10:00:54 +0000</pubDate>
		<dc:creator>Daniels Mekšs</dc:creator>
				<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[redesign]]></category>
		<category><![CDATA[review]]></category>
		<category><![CDATA[social media]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=60623</guid>
		<description><![CDATA[Recently, Twitter went through a significant upgrade and redesign. This time the update is huge and comprehensive &#8211; starting with new mobile apps and ending with a new version of popular tweeting platform Tweetdeck. What has changed? Are there some things you should be aware of? Continue reading and check out a review of the [...]]]></description>
			<content:encoded><![CDATA[<p>Recently, Twitter went through a significant upgrade and redesign. This time the update is huge and comprehensive &#8211; starting with new mobile apps and ending with a new version of popular tweeting platform Tweetdeck. What has changed? Are there some things you should be aware of? Continue reading and check out a review of the new Twitter web version and the Tweetdeck to find out what&#8217;s new.</p>
<p><span id="more-60623"></span></p>
<h2>Twitter</h2>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/new-twitter/Dainis-Graveris-(1stwebdesigner)-on-Twitter.jpg" alt="Dainis-Graveris-(1stwebdesigner)-on-Twitter" border="0" /></p>
<h3>The Look</h3>
<p>You won&#8217;t see anything drastic on the new homepage yet there are some adjustments. The new homepage is designed to make it easier to access and scan the relevant information for you. The biggest improvement is the media which is now embedded into the timeline. There&#8217;s no need to view photos or videos in new tabs anymore, you can access them straight away ( of course, you still have to click). You can also immediately access your favorite features from the lefthand side.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/new-twitter/Twitter-_-Home.jpg" alt="Twitter-_-Home" border="0" /></p>
<p>The new homepage&#8217;s goal is to be consistent between all your devices. Twitter has always been about simplicity and nothing has changed with this version. Although with the right aligned timeline Twitter has has started to resemble other social networks.</p>
<p>The profile view has experienced some changes. The number of lists you&#8217;re included on is now gone. In fact, lists have been made more irrelevant with this update. You also get a larger picture thumbnail and the new Me tab allows you to edit your profile straight within the profile page.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/new-twitter/Twitter-_-Home-1.jpg" alt="Twitter-_-Home-1" border="0" /></p>
<h3>@Connect</h3>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/new-twitter/Twitter-_-Interactions.jpg" alt="Twitter-_-Interactions" border="0" /></p>
<p>The @Connect tab has taken over the previous Activity tab&#8217;s duties. It&#8217;s the place where you can see who has followed or mentioned you, retweeted or favorited one of your tweets. The tab is splits Interactions and Mentions so you can easily track your Twitter influence. Basically nothing much has changed except the name which I believe does the trick.</p>
<p>Another thing Twitter has introduced in this version is the switch from usernames to real names. Now everything&#8217;s backwards &#8211; first name you&#8217;ll see above the tweet is the real name which is a hyperlink and only then comes the username.</p>
<h3>#Discover</h3>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/new-twitter/twitter-discover.jpg" alt="Twitter-discover" border="0" /></p>
<p>Discover lets you tap into a stream of useful and entertaining information, customized just for you. Discover is something like the old search function only way more better. What it does is it generated your personalized information and stories based on who you follow, your location, trends and your interactions. Discover tab consists of five sections &#8211; stories, activity, who to follow, find friends and browse categories. Interacting has been made extremely easy.</p>
<p>While some of the experienced users often get bored by those following suggestions which aren&#8217;t always the best, the #Discover is a superb feature for those who are new to Twitter and don&#8217;t quite know where to start off.</p>
<h3>Brand Pages</h3>
<p><img src="file:///C:/Users/Daniels/AppData/Roaming/Skype/My%20Skype%20Received%20Files/Coca-Cola-(cocacola)-on-Twitter.jpg" alt="Coca-Cola-(cocacola)-on-Twitter" border="0" /><br />
Twitter has followed the example of Facebook and Google+ and introduces the brand pages feature with this update. Although it&#8217;s nothing game changing because most of the companies already have Twitter accounts this feature will allow companies to customize their header to make their pages look more official. Companies will also have the chance promote a tweet which will appear at the top of the timeline. The new pages also let brands separate their replies and mentions. And, of course, they&#8217;re free.</p>
<h3>Embedding Tweets</h3>
<blockquote class="twitter-tweet" data-in-reply-to="149067783311859712"><p>@<a href="https://twitter.com/1stwebdesigner">1stwebdesigner</a> nice article, this one reason why I need optomise my website for mobile devices.</p>
<p>— Juan Tarrats (@jtarratsart) <a href="https://twitter.com/jtarratsart/status/149554111073894401" data-datetime="2011-12-21T18:17:33+00:00">December 21, 2011</a></p></blockquote>
<p><script charset="utf-8" type="text/javascript" src="//platform.twitter.com/widgets.js"></script><br />
The new update also comes with great news for developers. Instead of copying and pasting a code users can now simply embed their tweets with just a couple of clicks. All the usual actions are available and easy to use with the embedded tweets &#8211; reply, favorite, retweet.</p>
<p>WordPress bloggers will be able embed Tweets directly into their posts by simply copying the Tweet URL or using a familiar shortcode.</p>
<p>Finally, Twitter has refreshed the design of Follow and Tweet buttons and introduced two more buttons &#8211; #hashtag and @mention button. The new #hashtag button tells your visitors there’s an interesting conversation happening on Twitter, and lets them join in with just one click. The @mention button encourages visitors to Tweet to your account, driving public conversation directly from your website.</p>
<h3>What&#8217;s gone</h3>
<p>Most of the negative feedback comes from iPhone users. The option to translate tweets is gone and users can no longer copy and paste from a tweet. There&#8217;s also some buzz about saying thank you to multiple people. With the tweeting now happening from a pop up window you no longer reply to several people at once so you just have to type in the user names manually. Which again is a little inconvenient because of the use of real names.</p>
<p>Yet I was unable to find anything significant that the new version lacks so I&#8217;d be grateful if you could point these things out for me and other readers.</p>
<h3>Overall</h3>
<p>Twitter really appears to have hit the bull&#8217;s eye with this update. Most of the users seem very fancy about the new changes and reviews are only praising the new features. There are opinions that Twitter has officially gone mainstream but that&#8217;s the very same thing you&#8217;d do with such an influx of users. The new version really makes engagement and interaction easy. We&#8217;ll see the results but for now on it seems rather promising and optimistic.</p>
<h3>Additional resources</h3>
<ul>
<li><a href="http://mashable.com/2011/12/09/new-twitter-tricks-tips/">New Twitter: 25 Tips and Tricks for Savvy Tweeters</a></li>
<li><a href="http://www.businessinsider.com/the-new-twitter-its-just-not-for-me-but-i-understand-it-2011-12">The New Twitter: It&#8217;s Just Not For Me, But I Understand It</a></li>
<li><a href="http://www.moneyweb.co.za/mw/view/mw/en/page292671?oid=557829&amp;sn=2009+Detail">Six ways the ‘new new’ Twitter changes everything</a></li>
</ul>
<h2>Tweetdeck</h2>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/new-twitter/2-new-twitter-tweetdeck-review.jpg" alt="0-new-twitter-tweetdeck-review" border="0" /></p>
<h3></h3>
<p>The same day Twitter announced it&#8217;s new version the most popular tweeting platform Tweetdeck got a new look as well. Tweetdeck was acquired  by Twitter in May 2011 allegedly for around 40 million dollars. Finally, the conversion from beta is complete and we can get our hands on the new platform.</p>
<h3></h3>
<p>You can get Tweetdeck either as a web application, Chrome plugin or desktop plugin. In this review I&#8217;m using the desktop version yet there&#8217;s actually no difference. So, what&#8217;s new?</p>
<h3></h3>
<h3>The Look</h3>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/new-twitter/1-new-twitter-tweetdeck-review.jpg" alt="1-new-twitter-tweetdeck-review" border="0" /></p>
<h3></h3>
<p>The most radical yet not so noticeable is the shift from AIR to a native desktop app. The dashboard is almost identical with the old version however there&#8217;s been an irreversible change. The next thing you might spot is the missing orange logo which is replaced by Twitter&#8217;s blue bird.</p>
<h3></h3>
<p>The column navigation has switched to the top of the window and is more handy. Yet there&#8217;s a considerable drawback namely the columns aren&#8217;t resizable anymore. Actually you couldn&#8217;t resize columns in the old version as well but the minimum width for them was lower and more columns would fit the screen.</p>
<h3></h3>
<p>Unlike the old version the tweeting is now done from a pop up window. Some other minor changes include blue links, switch from usernames to real names, tweets now miss day and date and a smooth search bar at the top right.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/new-twitter/2-new-twitter-tweetdeck-review.jpg" alt="1-new-twitter-tweetdeck-review" border="0" /></p>
<h3></h3>
<p>Overall, the look now seems somehow cleaner and coherent. Browsing experience is made more pleasing and perceptible. Yet there&#8217;s a price. And it becomes apparent when it comes to performance and features which is far more important than sleek neat visual look.</p>
<h3></h3>
<h3>Performance &amp; Features</h3>
<p>Usually with an upgrade we expect new features and improved performance but it&#8217;s quite discussible within this case. So is there something new? The message box is more compact as it merges the messages you have with a person. Also you get a solid info about a user you follow by clicking on his avatar. Yes, that&#8217;s about it.</p>
<h3></h3>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/new-twitter/3-new-twitter-tweetdeck-review.jpg" alt="3-new-twitter-tweetdeck-review" border="0" /></p>
<h3></h3>
<p>But what&#8217;s gone? First of all there&#8217;s no more support for Foursquare, LinkedIn and Google+ also hasn&#8217;t hit the list.</p>
<h3></h3>
<p>While some of you might be glad that the AIR is gone there are some cons. And the most apparent is the approximate 20 second delay for updating tweets. It may not be so essential for ordinary user but it may create some problems for those who used to use Tweetdeck seriously.</p>
<h3></h3>
<p>Here are other important drawbacks and missing features:</p>
<h3></h3>
<ul>
<li>There&#8217;s no more option to edit lists and add new people to them.</li>
<li>Retweeted tweets doesn&#8217;t stand out in any way so it&#8217;s harder to spot them.</li>
<li>Media from Twitpic, Instagram, Youtube etc doesn&#8217;t show in a pop up. Instead you have to view it in browser.</li>
<li>@Me column shows only mentions without retweets.</li>
<li>No drag and drop support for image upload.</li>
<li>You can&#8217;t translate tweets anymore.</li>
<li>No more support for keyboard shortcuts.</li>
</ul>
<h3>Overall</h3>
<p>While Tweetdeck can be proud of the fresh beautiful look it just can&#8217;t hide and countervail all the missing features. One of the Mashable&#8217;s commentators wrote &#8211; &#8220;Tweetdeck wasn’t just a Twitter client but an overall social media dashboard.&#8221; Sadly but it&#8217;s kind of truth. Some maintain that this is the Twitter&#8217;s strategy to stimulate users to use the native Twitter website and maybe it is so.</p>
<h3></h3>
<p>However, Tweetdeck was never a business platform. It was created for Twitter power users and I believe it hasn&#8217;t changed it&#8217;s nature. The new look is definitely a benefit and, well, do we care if Twitter pushes us to use it&#8217;s own tools? For the average user it doesn&#8217;t make a difference and if the app works and meets all the needs &#8211; why not to use it?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/design/new-twitter-tweetdeck-redesign/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>7 Social Media Myths That You Should Bury Deep In The Ground</title>
		<link>http://www.1stwebdesigner.com/design/bury-seven-social-media-myths/</link>
		<comments>http://www.1stwebdesigner.com/design/bury-seven-social-media-myths/#comments</comments>
		<pubDate>Mon, 12 Dec 2011 21:00:51 +0000</pubDate>
		<dc:creator>Christian Vasile</dc:creator>
				<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[FaceBook]]></category>
		<category><![CDATA[freelance]]></category>
		<category><![CDATA[linkedin]]></category>
		<category><![CDATA[myths]]></category>
		<category><![CDATA[social media]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=59888</guid>
		<description><![CDATA[Social Media is huge today and each week we see lots of new headlines about companies developing their own platforms, Facebook having even more visitors, or Paris Hilton&#8217;s account being hijacked on Twitter. These things happen more often nowadays especially because social media is part of our lives and some of us could not imagine [...]]]></description>
			<content:encoded><![CDATA[<p>Social Media is huge today and each week we see lots of new headlines about companies developing their own platforms, Facebook having even more visitors, or Paris Hilton&#8217;s account being hijacked on Twitter. These things happen more often nowadays especially because social media is part of our lives and some of us could not imagine their life without it.</p>
<p>For freelancers it might be a bit difficult to handle social media, because of the loads of information on and about it. There are many myths about social media oand I will list some of them here, so you will not have to think about them anymore from now on.</p>
<p><span id="more-59888"></span></p>
<h2><strong>1. Social Media Equals Immediate Success</strong></h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>Well no, it doesn&#8217;t. As much as I would like to say it does, instant success is not something social media guarantees. If you created a page for your company on Facebook, it&#8217;s very unlikely for you to get the first client within a week. You need to spend time and maybe even money to bring people there, while also spending time and money on trying to make them want your services.</p>
<p>The best way to have success in social media is spending a few hours each day on it, not getting burned out by working 24/7 work for weeks in row, because this doesn&#8217;t guarantee the success will come faster &#8211; the probability is actually lower.</p>
<p>So don&#8217;t think that having social media accounts on Twitter, LinkedIn and Facebook will bring you success right away, because it is not like that. Use social media wisely and wait to see the results &#8211; good things come to those who are willing to wait for them.</p>
<h2><strong>2. Be on Every Platform</strong></h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p><img class="alignnone size-full wp-image-60442" title="social-media-all-the-things" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/12/social-media-all-the-things.jpg" alt="" width="484" height="389" /></p>
<p>Photo by <a href="http://www.flickr.com/photos/socialmediamarketinglinkedmedia/5183654716/" target="_blank">Lee Traupel</a></p>
<p>This is another false myth people talk about all the time. It is not a requirement to be on all the social media platforms, although it could be an advantage. On the other side, being on all the platforms (in case you are a small company) might actually do less than you thought. This might turn out bad because as a small company you probably do not have somebody employed just to take care of your social media responsible, therefore you probably do everything. This means there will not be enough time for every platform and some of them might get left behind. This will do anything but create a good impression for your clients, so avoid signing up everywhere if you are not confident you can handle all of them.</p>
<p>Moreover, not every new platform will reach success like the big ones, so make sure you have accounts on the big social media platforms and take it from there. If you think some other minnows have chances as well, have an account there too, but keep in mind that you do this for the sake of your clients. If they are not present on the respective platform, there is not need for you to be there either.</p>
<h2><strong>3. Social Media Replaces a Website</strong></h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>No, it doesn&#8217;t. I can&#8217;t stress enough about how important it is to have a website &#8211; separate from your social media accounts. The web 2.0 platforms are there to only aid your website, not to replace it. The most important thing about your website is that you have total control over it &#8211; from the host and domain, to platform and content. This is different on a social media platform where you are restrained by different rules. Whereas a website is yours as long as you want, a social media platform where you have all your clients can fail and cease to exist in a matter of days &#8211; if you have no website, how will you regain contact with your  clients?</p>
<p>This can&#8217;t happen with a website, which is yours and where only you decide on the content and layout. Nobody changes the rules without you knowing and if the host company goes bankrupt, you always have your backup (providing you actually do, which is a good thing to keep in mind) and can move in an instant to another provider. Social media does not replace a website because they have totally different purposes. This is why you should always have both of them.</p>
<h2><strong>4. No Contacts Are Made Through Social Media</strong></h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>This is another one which should totally be ignored. Clients can be landed through social media, this is something that I did before and that I will continue doing. Sure, social media is for fun and in our private circle we use for a total other purpose, but in a business environment clients are often landed through social media. Now if you are a freelance editor, don&#8217;t expect to land Darren Rowse and start writing for him immediately, because this will not happen. However, it is very possible to land any kind of client on Facebook, Twitter or LinkedIn and, after building a strong relationship with him, to actually make him pay for your services.</p>
<h2><strong>5. Social Media is a Waste of Time</strong></h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>This couldn&#8217;t be more wrong. Not only is social media is important for any kind of business, it will also bring you clients and make you more popular on the internet &#8211; which, last time I&#8217;ve checked, was the second most used media in the world &#8211; far more used than radio or newspapers and close behind TV. You could consider that for some people social media is a waste of time, but I repeat, this is for some people. Companies need social media like air, especially because of the reasons mentioned above, but also because of many others.</p>
<p>If you have a strong social media strategy and want to invest time and money into it, social media will transform into a way of keeping your clients closer. Think they would rather read about your latest information on your Facebook page than get a weekly e-mail from you, which will end up sooner or later in the spam folder. You are the only one who can make your social media strategy transform this channel into a useful one.</p>
<h2><strong>6. High Number Equals Good Results</strong></h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>If your social media strategy is having as many followers as possible, then it is probably a waste of time for you too. Having numerous uninterested and untargeted followers will never bring the results you look for and you will end up thinking social media is a waste time. The large number of followers does not impress too many people when you are a business or a freelancer, if they are not interested in what you have to say. You can be followed by 1.000 people in the first two weeks, if only three of them interact with your, that is your real audience.</p>
<p>Try to target your audience a bit more and learn something about each one of them &#8211; at least while you still have a small number of followers. Clients feel when companies make an effort for them and appreciate it, so jump into this right away when you sign up on a social media platform.</p>
<h2><strong>7. Not Everything You Say or Do Matters</strong></h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>Unfortunately it does. If you don&#8217;t believe me, try to look for the stories about people who were fired from their jobs because of social media mistakes. Employers, employees, clients and prospects follow you closely and weigh every sentence and answer you make public. When you are a freelancer it might not cause that much damage, but if you are a company it might tear you apart &#8211; especially with the press following social media today as well, so pay attention to every detail of your conversations online (and for that matter offline too).</p>
<h2><strong>Conclusion</strong></h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>Social Media is huge today and if you are still not convinced about this, then there is something wrong. Try to take a look around you and realize everybody is active there and your clients are probably part of &#8220;everybody&#8221;. If your prospects are there, you have to be there too, otherwise they will move to another freelancer or company who is active on social media, and you will remain with those few faithful contacts everybody has.</p>
<p>Use social media wisely, have a strategy beforehand, follow it, be ready to invest in it; closely follow your discussions and watch for conversation mistakes and you will be just fine. Before considering these myths and many others, try to conduct some research yourself and you will realize most of them are false.</p>
<p>Do you know some other myths about social media? Do you ignore them or do you believe in them?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/design/bury-seven-social-media-myths/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Social Media Trends: Current Top Reporting Tools For Twitter</title>
		<link>http://www.1stwebdesigner.com/design/twitter-reporting-tools/</link>
		<comments>http://www.1stwebdesigner.com/design/twitter-reporting-tools/#comments</comments>
		<pubDate>Tue, 16 Aug 2011 10:00:23 +0000</pubDate>
		<dc:creator>Jinger Jarrett</dc:creator>
				<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[reporting]]></category>
		<category><![CDATA[social media]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=51227</guid>
		<description><![CDATA[Are you asking yourself these questions about your social marketing efforts? If you&#8217;re not, you be losing easy traffic and sales. The reason is that testing and tracking your social media campaigns is absolutely crucial to your success if you use social marketing to promote your business. If you aren&#8217;t taking advantage of all the free [...]]]></description>
			<content:encoded><![CDATA[<p>Are you asking yourself these questions about your social marketing efforts? If you&#8217;re not, you be losing easy traffic and sales. The reason is that testing and tracking your social media campaigns is absolutely crucial to your success if you use social marketing to promote your business. If you aren&#8217;t taking advantage of all the free tools that are available to help you discover how successful your social media efforts are, then you are wasting both time and money.</p>
<p>Before you start marketing on social sites, choose the tools you need that will help you reach your marketing goals and save you both time and money. Below are 14 tools you may use to help you more effectively build a social media platform.</p>
<p><span id="more-51227"></span></p>
<h2><strong>1. <a title="Hootsuite" href="http://hootsuite.com" target="_blank">Hootsuite</a></strong></h2>
<p><a rel="attachment wp-att-51228" href="http://www.1stwebdesigner.com/?attachment_id=51228"><img class="alignnone size-full wp-image-51228" title="hootsuite" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/hootsuite.jpg" alt="" width="570" height="370" /></a></p>
<p>Hootsuite is a social media dashboard and all in one web solution that allows you to promote to all the most popular social sites. This includes Twitter, Facebook, LinkedIn, MySpace and others. It also allows you to track people and businesses you are following and read your social streams in one place.</p>
<p>Free and paid versions are available. Extensive tracking allows you to find media metrics like  your Klout score, which is a measure of your influence across the internet. A blog, frequently asked questions (FAQ), and a help desk will give you full support to create effective social media campaigns for your business.</p>
<h2><strong>2. <a title="Klout" href="http://klout.com/" target="_blank">Klout</a></strong></h2>
<p><a rel="attachment wp-att-51229" href="http://www.1stwebdesigner.com/?attachment_id=51229"><img class="alignnone size-full wp-image-51229" title="klout" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/klout.jpg" alt="" width="570" height="447" /></a></p>
<p>Unlike Hootsuite, which is an actual tool to help you communicate with your audience, Klout allows you to measure your influence with that audience. Using a scale of 1 to 100, Klout uses 35 different variables on Facebook and Twitter to determine your true reach, amplification probability, and network score. (This simply means how well you are getting your audience to act on your message.)</p>
<h2>3. <strong><a title="PeerIndex" href="http://www.peerindex.net/" target="_blank">PeerIndex</a></strong></h2>
<p><a rel="attachment wp-att-51230" href="http://www.1stwebdesigner.com/?attachment_id=51230"><img class="alignnone size-full wp-image-51230" title="peerindex" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/peerindex.jpg" alt="" width="570" height="276" /></a></p>
<p>PeerIndex is similar to Klout because it allows you to measure your overall authority on the internet. This is more than just about being popular; this is about your real authority and true influence on those you connect with. Using eight benchmark topics, your &#8220;fingerprint&#8221; is built up on a category by category level. How receptive your audience is also influences your overall authority.</p>
<h2><strong>4. <a title="Traacker" href="http://traackr.com/" target="_blank">Traacker</a></strong></h2>
<p><strong><img class="alignnone size-full wp-image-51647" title="traackr" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/traackr.jpg" alt="" width="570" height="357" /><br />
</strong></p>
<p>Traacker serves two functions. First, it allows your company or agency to effectively find and connect with the influencers in your industry. Second, you may measure your influence. Unlike the other two tools previously mentioned, which are free or low-cost, this solution will cost you several hundred dollars per month to implement.</p>
<h2><strong>5. <a title="Radian6" href="http://www.radian6.com/" target="_blank">Radian6</a></strong></h2>
<p><a rel="attachment wp-att-51234" href="http://www.1stwebdesigner.com/?attachment_id=51234"><img class="alignnone size-medium wp-image-51234" title="radian6" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/radian6-570x364.jpg" alt="" width="570" height="364" /></a></p>
<p>With other solutions you are actually tracking your brand, company, or yourself. With Radian6, you have the ability to track unlimited topics or keywords. Price range is similar to Traacker, with discounts available to non-profit organizations.</p>
<h2><strong>6. <a title="Bufferapp" href="http://bufferapp.com/" target="_blank">Bufferapp</a></strong></h2>
<p><a rel="attachment wp-att-51231" href="http://www.1stwebdesigner.com/?attachment_id=51231"><img class="alignnone size-full wp-image-51231" title="bufferapp" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/bufferapp.jpg" alt="" width="570" height="405" /></a></p>
<p>A free/low-cost solution that allows you to spread your tweets out throughout the day. Build your followers and even tweet while you sleep. You&#8217;ll keep your readers happy and automate your tweets.</p>
<h2><strong>7. <a title="Chrome Tweetdeck" href="http://www.tweetdeck.com/chrome" target="_blank">Chrome Tweetdeck</a></strong></h2>
<p><a rel="attachment wp-att-51237" href="http://www.1stwebdesigner.com/?attachment_id=51237"><img class="alignnone size-full wp-image-51237" title="tweetdeck" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/tweetdeck.jpg" alt="" width="570" height="362" /></a></p>
<p>While our other solutions have focused on online tools, this &#8220;Tweetdeck&#8221; is specifically for the Google Chrome browser. It&#8217;s simple to use, with a sleek design, and best of all it&#8217;s free. You&#8217;ll easily organize all of your tweeting, and if you use Facebook too, then you&#8217;ll be able to handle both your Twitter and Facebook accounts with this one tool.</p>
<p>Don&#8217;t have Chrome? No problem because this tool is also available for the Android, iPhone, and as a PC Desktop so you can easily keep track of all of your Twitter activity.</p>
<h2><strong>8. <a title="GeoTwitr" href="http://geotwitr.com/" target="_blank">GeoTwitr</a></strong></h2>
<p><a rel="attachment wp-att-51232" href="http://www.1stwebdesigner.com/?attachment_id=51232"><img class="alignnone size-full wp-image-51232" title="geotwitr" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/geotwitr.jpg" alt="" width="570" height="519" /></a></p>
<p>Simple tool that allows you to sign in with your Twitter account and then mark your location. It&#8217;s free, and if geo targeting is important to you and your business, why not?</p>
<h2><strong>9. <a title="Tweriod" href="http://www.tweriod.com/" target="_blank">Tweriod</a></strong></h2>
<p><a rel="attachment wp-att-51239" href="http://www.1stwebdesigner.com/?attachment_id=51239"><img class="alignnone size-full wp-image-51239" title="tweriod" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/tweriod.jpg" alt="" width="570" height="364" /></a></p>
<p>Would you like to know the best time to send your tweets so that your readers act on them? This tool analyzes both your tweets and the tweets of those connected to you so that you know the best time to tweet.</p>
<p>This site is also connected to some really good paid tools that will help you get even more out of your social media efforts. If you want to increase your Twitter following, or build &#8220;likes&#8221; to your Facebook pages, then definitely check it out.</p>
<h2><strong>10. <a title="Twitterific" href="http://twitterrific.com/" target="_blank">Twitterific</a></strong></h2>
<p><strong><img class="alignnone size-full wp-image-51652" title="twitterrific" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/twitterrific.jpg" alt="" width="570" height="448" /><br />
</strong></p>
<p>Most tools created for Twitter are available for the PC. Twitterific is different. Similar to Tweetdeck for Chrome, this free tool allows you to use Twitter on either a MAC or an iPad.</p>
<p>Don&#8217;t want to see ads? No problem. There&#8217;s also a paid version you may buy and remove all the ads.</p>
<h2><strong>11. <a title="NutshellMail" href="http://nutshellmail.com/" target="_blank">NutshellMail</a></strong></h2>
<p><a rel="attachment wp-att-51233" href="http://www.1stwebdesigner.com/?attachment_id=51233"><img class="alignnone size-full wp-image-51233" title="nutshellmail" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/nutshellmail.jpg" alt="" width="570" height="306" /></a></p>
<p>Wouldn&#8217;t it be nice to get all of your social media activity in one email? Even better, wouldn&#8217;t it be nice to get it when you want it, not when it happens?</p>
<p>NutshellMail, a solution created by Constant Contact, allows you to save time monitoring your brand on all the most popular networks, including Twitter, Facebook, MySpace, LinkedIn, Yelp, YouTube, and Citysearch. See what all of your friends and business associates are doing, and get the information in one convenient email.</p>
<h2><strong>12. <a title="Tweetings.net" href="http://tweetings.net/" target="_blank">Tweetings</a></strong></h2>
<p><a rel="attachment wp-att-51238" href="http://www.1stwebdesigner.com/?attachment_id=51238"><img class="alignnone size-full wp-image-51238" title="tweetings" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/tweetings.jpg" alt="" width="570" height="478" /></a></p>
<p>This is the first fully featured Twitter client for iPhone. If you have an iPad, it will also work for you. A desktop version is available for PC users to get live, instant updates.</p>
<h2><strong>13. <a title="Twimbow" href="http://www.twimbow.com/" target="_blank">Twimbow</a></strong></h2>
<p><a rel="attachment wp-att-51240" href="http://www.1stwebdesigner.com/?attachment_id=51240"><img class="alignnone size-full wp-image-51240" title="twimbow" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/twimbow.jpg" alt="" width="570" height="362" /></a></p>
<p>Color code your tweets with this colorful Twitter client. This web-based Twitter client allows you to engage your Twitter followers more fully, as well as effectively because you can now organize your conversations. Keep up with your conversations better and know at a glance not only what you&#8217;ve said but answers you&#8217;ve received.</p>
<h2><strong>14. <a title="Seesmic" href="http://seesmic.com/" target="_blank">Seesmic</a></strong></h2>
<p><a rel="attachment wp-att-51235" href="http://www.1stwebdesigner.com/?attachment_id=51235"><img class="alignnone size-full wp-image-51235" title="seesmic" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/seesmic.jpg" alt="" width="570" height="362" /></a></p>
<p>Seesmic bills itself as &#8220;The only social media tool you&#8217;ll ever need,&#8221; and it really does a good job of meeting that claim. With a version available for every browser, as well as both MAC and PC versions, you&#8217;ll find over 80 social services available. Don&#8217;t see a service you want? Then add it. You&#8217;ll find the most complete solution that&#8217;s free, and you&#8217;ll more easily track your social interactions, even if you&#8217;re on a smart phone.</p>
<p>There are many tools and services available to help you keep track of Twitter, as well as all of your other social media accounts. If you&#8217;re a business person, you&#8217;ll want to take advantage of as many of these services as possible to not only help you stay on top of your social media campaigns, but save you time.</p>
<p>Measuring your influence on the Web is more than just determining who&#8217;s reading you. By measuring your influence, you&#8217;ll know where to focus your social media efforts, driving more traffic, and more sales to your business.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/design/twitter-reporting-tools/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>10 Highly Used and Abused Twitter Trends that are Not Cool</title>
		<link>http://www.1stwebdesigner.com/design/10-abused-twitter-trends/</link>
		<comments>http://www.1stwebdesigner.com/design/10-abused-twitter-trends/#comments</comments>
		<pubDate>Thu, 04 Aug 2011 10:00:14 +0000</pubDate>
		<dc:creator>Samar Owais</dc:creator>
				<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[social media]]></category>
		<category><![CDATA[social media abuse]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=51295</guid>
		<description><![CDATA[Twitter is the next best thing since sliced bread. We get it. We know. Since sliced bread was pretty easy to figure out, you’d think Twitter would be too. After all, it’s only 140 characters, right? Wrong. The amount of Twitter abuse going around the Twitterverse is mind-boggling! Some offenses are worse than others. While [...]]]></description>
			<content:encoded><![CDATA[<p>Twitter is the next best thing since sliced bread. We get it. We know. Since sliced bread was pretty easy to figure out, you’d think Twitter would be too. After all, it’s only 140 characters, right? Wrong.</p>
<p>The amount of Twitter abuse going around the Twitterverse is mind-boggling! Some offenses are worse than others. While we can ignore a few of them, there are some that we just can’t.</p>
<p>Don’t get me wrong. Twitter isn’t a cutthroat place where you make one mistake and people unfollow you. But Twitter is not a nonsense place (despite the Justin Beiber craze you see there some times).</p>
<p>We realize that you may be new, that you may be finding your way around, or simply trying out the myriad of new Twitter services that crop up. But what you need to realize is that your Twitter followers need to be treated with respect. Don’t go filling their timeline with one-word tweets that read ‘Lol!’ It makes you look like a bit of an idiot to be honest. Like that person on the train who laughs out loud in the middle of the crowded train. No one’s going to ask, what’s so funny? They’re going to give you a look and then ignore you.</p>
<p>The above scenario is what’s happening to you on Twitter if you’re using and abusing the following Twitter trends.</p>
<p><span id="more-51295"></span></p>
<h2>1. Follow Friday</h2>
<p><img class="alignnone size-full wp-image-51300" title="followfollow" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/followfollow.png" alt="" width="570" height="253" /></p>
<p>(<a href="http://www.sxc.hu/browse.phtml?f=view&amp;id=904406" target="_blank">photo source</a>)</p>
<p>Every Friday, we see our timeline filled with ‘#FF @thisperson @thisone, @thatone and @thisone too’.</p>
<p>Now why in the world would I want to do that? Who are they? What do they do? Why are you recommending them?</p>
<p><strong>How to do it right:</strong> There’s only one way to get it right. Recommend one person per tweet and with a reason as to why, because they’re cool is not a reason. Explain why you think their tweets will benefit your followers or how they benefit you. Now that doesn’t mean that you recommend 15 people in a row &#8211; that’s just irritating. Tweet the recommendations throughout the day at intervals and never more than three at the same time.</p>
<h2>2. Retweeting your own RT&#8217;s</h2>
<p>If a person has more than a few followers, and is a nice, helpful person and tweet regularly, sooner or later, someone’s going to say something nice about them.</p>
<p>Now had someone complimented them in real life, they’d say thank you and would have felt all warm and happy for the rest of the day. On Twitter though, they RT the complimentary tweet.</p>
<p>I’m not sure why people think this is acceptable. You’re tooting your own horn! What happens to people in real life who toot their own horn a lot? They get ignored.</p>
<p>This is one mistake I often see otherwise Twitter etiquette savvy people making all the time. We get that you’re happy someone likes you so much. We like you too. What we don’t like is you retweeting every nice thing someone tweets about you.</p>
<p><strong>How to do it right:</strong> There’s only one way to do it right and that’s by not doing it. Instead, grab a WordPress plugin called Tweetstimonials and install it on your website or blog and let it serve as testimonials for you.</p>
<p>Trust me, a person visiting your website for the first times wants to read testimonials. They want to know that you’re trustworthy and that you and your service/business will take care of their needs.</p>
<p>As a disclaimer, let me just say that there are some (very rare) times where it may be acceptable to retweet a complimentary tweet. For example, you’ve just published a blog post or released a product you worked really hard on and spent hours perfecting. Then you get a tweet saying how much your post, product etc helped the person. Retweeting that tweet with a prefix reading ‘This just made my day!’ or ‘All my handiwork just paid off’ will go down much better with your followers.</p>
<p>That being said &#8211; don’t do it often!</p>
<h2>3. Auto DM</h2>
<p>Auto DM’s make me want to scream. They’re a waste of space and no one takes them seriously. Yet, so many people still insist on sending Auto DM’s the minute someone follows them. A generic ‘Hi! Thanks for following. Hope to connect with you soon.’ sounds harmless but the receiver knows that it doesn’t mean a thing. The person doesn’t even know yet that I’ve followed them, let alone know me! It makes me wonder if the person is for real.</p>
<p><strong>How to do it right:</strong> There’s no way you can do this right. Half the people have turned off their new follower notification in their settings so chances are they’re never going to notice you followed them unless you took the initiative and tweeted with them.</p>
<p>But you know what does make me sit up and take notice? Receiving the same message as a public tweet. It tells me you keep tabs on who follows you, that you’re online right now and genuinely interested in making my acquaintance. More over, it makes you real and I can’t wait to reply to your tweet and connect with you.</p>
<h2>4. Auto follow/unfollow</h2>
<p>If you have a program that auto follows everyone who follows you, then I shudder to think what your Twitter timeline would be like.</p>
<p>The whole point of Twitter is to follow people who interest you &#8211; not follow back every Tom, Dick and Harry who follows you. It doesn’t serve any purpose. You’re blindly following people who you don’t know anything about. They could be spammers, they could be bots, worse, they could be people who stand for things that you abhor.</p>
<p>Choose your own people to follow. That way, you’ll have relative control over your timeline, will be able to engage more and probably actually know a good percentage of your followers.</p>
<p>Twitter isn’t all about having a big number of followers. You’d be surprised at what just a couple hundred followers can do for you that your 20,000 auto follows can’t or will never be able to.</p>
<p>As for auto unfollows. Stop. Please. That’s just juvenile. You end up coming across as a petulant and spoiled kid. Worse, you’re doing this automatically so you don’t even notice when someone unfollows you. A program does and since you’ve set it to unfollow every one who unfollows you, it’s doing just that.</p>
<p><strong>How to do it right:</strong> There’s no way to do this right. Build relationships and friendships on Twitter the old-fashioned way.</p>
<h2>5. Twitvalidation</h2>
<p>Oh man. This one never fails to boil my blood. You decide to follow someone because you like their bio and what you can see of their timelines and think ‘Hey! This person looks cool. It’d be fun to tweet with them.’ So you follow them and the next thing you know you’re getting a DM from them to click on a link to validate that you’re a human and not a bot.</p>
<p>Twitvalidation is a service that sends out DMs to anyone who follows you asking them to verify that they’re not a bot by clicking on a link.</p>
<p>I mean, wth?! That’s not only insulting but it’s like asking me for money when we’re only meeting for the first time.</p>
<p>No one has the time to click on a link that will take them to another page to click on another link and so on just to prove to you that they’re a human being.</p>
<p>If you can’t take the time to check out your followers for their authenticity then we most certainly don’t have the time to validate ourselves through a program you’ve installed to check your follower’s validity.</p>
<p><strong>How to do this right:</strong> By not doing it at all.</p>
<h2>6. Tweeting the same tweet numerous times</h2>
<p><img title="recycle" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/recycle.png" alt="" width="570" height="176" /></p>
<p>(<a href="http://www.sxc.hu/photo/884667" target="_blank">photo source</a>)</p>
<p>So we get that you have blogs to promote on Twitter. You’ve written a killer post that you’re dying to show the world. We get it. We really do. But  instead of sending out the same tweet 50 times a day, take the time to space them out over a few hours and change the message.</p>
<p>Same tweets look like spam when tweeted numerous times.</p>
<p><strong>How to do it right:</strong> Choose a program that let’s you schedule posts to be sent out at certain times throughout the day. Do a quick Google search, there are numerous free services. Next, take 15 minutes to write your tweet differently. If you can take the time to write a killer post, you can most certainly afford 15 minutes to write different tweets all linking to the same post.</p>
<p>Do this, and notice how your website visitors, followers and even comments increase.</p>
<h2>7. Not hitting reply</h2>
<p>With 20,000 plus followers, you’re a big shot on Twitter. But would it kill you to hit reply? This one is a pet peeve of mine and some of the most respected and prolific bloggers with thousands of followers are guilty of it.</p>
<p>Everyone understands that you’re busy, that you have hundreds of people vying for your attention on Twitter and we also understand that sometimes a tweet just slips your notice. But only replying to friends on Twitter is just plain weird.</p>
<p>Even if the person tweeting you has nothing interesting to say, after the third tweet, it’s time to send them a thank you for your time reply.</p>
<p>This is one of those trends that isn’t obvious. But try it out. Tweet 10 super popular folks with a large number of followers and see how many of them reply to you.</p>
<p><strong>How to do this right:</strong> Just hit reply. It’ll take 10 seconds out of your day. Probably less.</p>
<h2>8. Protected tweets</h2>
<p>I don’t understand the point of protecting your tweets. If you want privacy, there’s Facebook for that. And if you want to control who reads your tweets or who follows you, again, go to Facebook!</p>
<p>If I have to tell you why protected tweets are irritating, irrational and just plain wrong, you haven’t understood what Twitter is all about.</p>
<p><strong>How to do it right:</strong> Again, by not doing it. Unless you’re a 16 or below and just trying it out and are worried about the kind of people who might follow you, there’s no good reason for you to protect your tweets.</p>
<h2>9. Facebook or LinkedIn connection request via auto dm</h2>
<p>I’ve already trashed auto DMs but I felt this deserved a sub head of its own. If you’re sending out ‘Hi there! Thanks for the follow. Let’s connect on Facebook/Linkedin’ tweets then you need to stop.</p>
<p>For the love of Twitter, let’s first connect here on Twitter before moving on to LinkedIn or Facebook! Show me that you’ve noticed me first. Interact with me, say hi, find out what I do and if it’s compatible or related with what you do etc.</p>
<p>Asking to connect via Facebook or LinkedIn when I’ve just followed you on Twitter is like hoping for a feel on a first date. Which in case you didn’t get my meaning, is wrong. Just wrong.</p>
<p><strong>How to do it right:</strong> By not sending these auto DMs. Once you’ve connected with the person on Twitter and have talked to them, they’re not going to refuse your Facebook or LinkedIn connection request if you know each other fairly well through your Twitter interaction.</p>
<h2>10. Hash tag abuse</h2>
<p><img class="alignnone size-full wp-image-51302" title="hashtags" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/hashtags.png" alt="" width="524" height="85" /></p>
<p>Seen those tweets that have so many hashtags that it looks like the entire tweet was just one big hashtag? Yeah, there are plenty of those out there and quite a few of them are probably showing up on your timeline.</p>
<p>This Twitter crime is committed by a lot of Twitter savvy people too. We realize that hashtags let you reach a wider audience and sometimes connect a tweet to a topic that would otherwise not have been obvious but use it relevantly!</p>
<p><strong>How to do it right:</strong> Make sure that your hashtags a. make sense, b. are relevant and c. not more than 2 in a tweet. You can fit in three without pissing people off but still, don’t do it too often!</p>
<h2>Your take on most used and abused Twitter trends</h2>
<p>What are some Twitter trends that make your blood boil, unfollow people or lose all respect for them?</p>
<p>Share your thoughts and Twitter trends that you feel should be banished!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/design/10-abused-twitter-trends/feed/</wfw:commentRss>
		<slash:comments>48</slash:comments>
		</item>
		<item>
		<title>How to Customize Twitter Search and Profile Widgets</title>
		<link>http://www.1stwebdesigner.com/css/customize-twitter-search-widgets/</link>
		<comments>http://www.1stwebdesigner.com/css/customize-twitter-search-widgets/#comments</comments>
		<pubDate>Wed, 22 Jun 2011 10:00:01 +0000</pubDate>
		<dc:creator>Rochester Oliveira</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[HTML & CSS]]></category>
		<category><![CDATA[coding]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[twitter widgets]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=49170</guid>
		<description><![CDATA[So you want to say something and get heard from anywhere. The best way to do this is with Twitter and its widgets. We will be talking about a profile widget, that shows your latest tweets, and a search widget, that runs a custom query search and shows all the results. They have a pretty [...]]]></description>
			<content:encoded><![CDATA[<p>So you want to say something and get heard from anywhere. The best way to do this is with Twitter and its widgets. We will be talking about a profile widget, that shows your latest tweets, and a search widget, that runs a custom query search and shows all the results.</p>
<p>They have a pretty simple customization when you generate them, but what many people haven&#8217;t noticed is that you can make advanced customization to them with CSS. This is possible because the Twitter team has made it without using any inline CSS rules, and they are such nice people that almost all their CSS is quite simple to overwrite (just with the class of the item itself in most cases).</p>
<p>Then, what you have to do is to turn on your <a href="http://www.csszengarden.com/">CSS Zen Garden</a> side and let your imagination create awesome widgets in a really simple way.</p>
<p>So, let&#8217;s rock!</p>
<p><span id="more-49170"></span></p>
<h2>Our result</h2>
<p>Here you can see a preview of our widgets. The first one is our profile widget, and the second is our search widget (searching about tweets related to 1stwebdesigner, of course). You can see our <a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/06/twitter-search/twitter-search/index.html" target="_blank">DEMO</a> or <a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/06/twitter-search/twitter-search.zip" target="_blank">DOWNLOAD SOURCE</a> to try your own combinations.</p>
<p><img title="tweets" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/06/tweets.jpg" alt="" width="550" height="290" /></p>
<h2>The widget customization</h2>
<p>Let&#8217;s start with the profile widget, so we can try out some customization.</p>
<p>You can generate your <a href="http://twitter.com/about/resources/widgets/widget_profile">basic profile widget on Twitter&#8217;s page</a>.</p>
<p>If you run this code you will see a structure like this:</p>
<pre class="brush: php; title: ; notranslate">
&amp;lt;div #twtr-widget-N .twtr-widget&amp;gt; &amp;lt;em&amp;gt;- Where N is our widget's ID on page (if you have more than one) and class is the same for all widgets&amp;lt;/em&amp;gt;
	&amp;lt;div .twtr-hd&amp;gt; &amp;lt;em&amp;gt;- Widget header, with avatar, screen name and @user&amp;lt;/em&amp;gt;
	&amp;lt;div .twtr-bd&amp;gt; &amp;lt;em&amp;gt;- Widget body, with all tweets&amp;lt;/em&amp;gt;
		&amp;lt;div .twtr-tweets&amp;gt; &amp;lt;em&amp;gt;- All  tweet's container&amp;lt;/em&amp;gt;
			&amp;lt;div #tweet-id-N .twtr-tweet&amp;gt; &amp;lt;em&amp;gt;- Each tweet has his own div with a unique ID&amp;lt;/em&amp;gt;
	&amp;lt;div .twtr-ft&amp;gt; &amp;lt;em&amp;gt;- Widget footer, with twitter's link&amp;lt;/em&amp;gt;
&amp;lt;em&amp;gt;</pre>
<p>With this generic structure in mind we can do all the customizations. But the first thing that we can do to make things easier to customize our widget is to set its background to transparent when you call it&#8217;s js, with this:</p>
<pre class="brush: css; title: ; notranslate">
//this is how we call our widget
new TWTR.Widget({
	  version: 2,
	  type: 'profile',
	  rpp: 4,
	  interval: 6000,
	  width: 300, //we've changed our default width, to make it prettier
	  height: 300,
	  theme: {
		shell: {
		  background: 'transparent', //this is important
		  color: '#333'
		},
		tweets: {
		  background: 'transparent', //this is important
		  color: '#333',
		  links: '#c10000'
		}
	  },
	  features: {
		scrollbar: false,
		loop: false,
		live: false,
		hashtags: true,
		timestamp: true,
		avatars: false,
		behavior: 'all'
	  }
	}).render().setUser('1stwebdesigner').start();
</pre>
<p>Let&#8217;s start our CSS with the widget&#8217;s main box:</p>
<pre class="brush: css; title: ; notranslate">
.twtr-widget {
	float: left;
	width: 300px; /* this is important if you want to make any positioning */
	margin: 50px 0 0 80px;
	padding: 0 0 15px;
	background: #fafafa url(wavecut.png); /* our cute background */

	/*** cross browser box shadow ***/
	-moz-box-shadow: 0 0 2px #fff;
	-webkit-box-shadow: 0 0 2px #fff;
	-ms-filter: &amp;quot;progid:DXImageTransform.Microsoft.Glow(color=#ffffff,strength=3)&amp;quot;;
	filter:
		progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=0,strength=3)
		progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=90,strength=3)
		progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=180,strength=3)
		progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=270,strength=3);
	box-shadow: 0 0 2px #fff;

	/*** kind of cross browser rounded corner ***/
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
</pre>
<p>The result after this will be a basic widget with a new background, shadow and rounded corners. Well, after that we need to change our widget&#8217;s header, so:</p>
<pre class="brush: css; title: ; notranslate">
.twtr-hd {
	/*** cross browser rgba ***/
	background-color: transparent;
	background-color: rgba(255,255,255,0.3);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30ffffff,endColorstr=#30ffffff);
	-ms-filter: &amp;quot;progid:DXImageTransform.Microsoft.gradient(startColorstr=#30ffffff,endColorstr=#30ffffff)&amp;quot;;
}
</pre>
<p>Now you may notice that the area where your avatar is, username and @userid has a different background. The funny part is that it works even in IE (oh, yeah, rga on IE). You could make your avatar bigger, change your name&#8217;s style, or even hide this stuff if you want. You know, from now on it is all up to your imagination!</p>
<p>If you are one of our loyal readers you may notice that [update link with clean url after approved]<a href="http://www.1stwebdesigner.com/?p=48643">we&#8217;ve talked about curly quotes with :before</a>[/link]. Long story short, you can create this effect with a few lines of CSS and get a really good result in all major browsers. We&#8217;ve customized our tweets list also, with a border, but with this element you will have to force priority with CSS because it has two classes in Twitter&#8217;s default CSS:</p>
<pre class="brush: css; title: ; notranslate">
.twtr-widget .twtr-bd .twtr-tweet { /* they have 2 classes in default, do we have to use 3 */
 	margin: 5px 0 0;
	 padding: 0 0 5px;
	 border-bottom: 1px solid #cecece;
}
.twtr-tweet:before {
	display: block;
	float: left;
	margin: -5px 0 0 5px;
	font-size: 50px; /* let's make it a big quote! */
	content: &amp;quot;“&amp;quot;;
	color: #bababa;
	text-shadow: 0 1px 1px #909090;
	font-family: &amp;quot;times new roman&amp;quot;, serif;
}
</pre>
<p>And last but not least, we just hide all that Twitter link stuff. As an alternative, you can hide default content and replace it with CSS (as we&#8217;ve done with our curly quote) or jQuery (with text()). So our footer will be:</p>
<pre class="brush: css; title: ; notranslate">
.twtr-ft { display: none; }
</pre>
<h2>Searches and advanced querys</h2>
<p>You can create an advanced widget with <a href="http://twitter.com/about/resources/widgets/widget_search">search widget</a>. You could, for example, get tweets from all your blog&#8217;s writers, and what people are saying about them. This kind of thing is possible because we have advanced search operators.</p>
<p>You can set this in your widget&#8217;s &#8220;search&#8221; attribute. Our example&#8217;s js would be something like this:</p>
<pre class="brush: css; title: ; notranslate">
new TWTR.Widget({
	  version: 2,
	  type: 'search',
	  search: 'from:dsgn_pro OR from:1stwebdesigner OR 1stwebdesigner OR 1wd', // here is our query!
	  interval: 6000,
	  title: 'What do they say about 1stWebdesigner',
	  subject: '1WD related tweets',
	  width: 300,
	  height: 300,
	  theme: {
		shell: {
		  background: 'transparent',
		  color: '#333'
		},
		tweets: {
		  background: 'transparent',
		  color: '#333',
		  links: '#c10000'
		}
	  },
	  features: {
		scrollbar: false,
		loop: true,
		live: true,
		hashtags: true,
		timestamp: true,
		avatars: true,
		toptweets: true,
		behavior: 'default'
	  }
	}).render().start();
</pre>
<p>Now what you have to do is try out some variations until you get something that you find really interesting. Some good operators that can help you in this task are:</p>
<ul>
<li><strong>#item -</strong> hastag search operator</li>
<li><strong>from:USERID -</strong> search for anything tweeted by @USERID</li>
<li><strong>filter:links </strong>- When you add this to your query, it will return only results with links. Pretty useful to search for resources :D</li>
<li><strong>:) </strong>and <strong>:(</strong> and <strong>?</strong>- They search for positive / negative / question attitude in the results. Pretty awesome, it should be an international operator in all search engines</li>
<li><strong>-item</strong> (minus) &#8211; This is the &#8220;not&#8221; operator. It excludes all &#8220;item&#8221; from search.</li>
</ul>
<h2>Are you hungry yet?</h2>
<p>There are some alternatives to this widgets that are really worth trying:</p>
<h3>TwitStamp</h3>
<p>This service generates an image with your last tweet so you can put it anywhere without worrying about js loading cache or anything else. Really useful for mail or forum signatures.</p>
<p><a href="http://twitstamp.com/"><img title="Twittstamp" src="http://twitstamp.com/1stwebdesigner/standard.png" alt="" width="400" height="74" /></a></p>
<h3>TwitterFans</h3>
<p>With this WordPress plugin you can show your followers. It is really close to what you get with Facebook&#8217;s likebox.</p>
<p><a href="http://wordpress.org/extend/plugins/twitter-fans/"><img title="screenshot-1" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/06/screenshot-1.jpg" alt="" width="252" height="355" /></a></p>
<h3>Twitter feed for WordPress</h3>
<p>It does almost the same thing as the Twitter widget, with better WordPress&#8217;s integration.<br />
<a href="http://wordpress.org/extend/plugins/wp-twitter-feed/"><img title="twitterfeed" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/06/twitterfeed.jpg" alt="" width="550" height="250" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/css/customize-twitter-search-widgets/feed/</wfw:commentRss>
		<slash:comments>24</slash:comments>
		</item>
		<item>
		<title>Twitter Marketing Guide: Bigger, Longer &amp; Uncut</title>
		<link>http://www.1stwebdesigner.com/design/twitter-marketing-guide/</link>
		<comments>http://www.1stwebdesigner.com/design/twitter-marketing-guide/#comments</comments>
		<pubDate>Wed, 30 Mar 2011 10:00:26 +0000</pubDate>
		<dc:creator>1STWD Editorial</dc:creator>
				<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[advanced]]></category>
		<category><![CDATA[guide]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[tricks]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=43031</guid>
		<description><![CDATA[Let’s presume you’re already familiar with the basics of Twitter and your current goal is to grow your follower count. Want to learn advanced techniques? Twitter Marketing Guide Written by: Tim Soulo Bigger Longer &#038; Uncut. Hi, my name is Tim and I’m pretty sure that you’ve landed here right from your Twitter account. Ok, [...]]]></description>
			<content:encoded><![CDATA[<div class="art_direction_short_description">
<p>Let’s presume you’re already familiar with the basics of Twitter and your current goal is to grow your follower count. Want to learn advanced techniques?</p>
</div>
<p><span id="more-43031"></span></p>
<div class="art_direction_container">
<div class="header">
<h1>Twitter Marketing Guide</h1>
<p>                    Written by: Tim Soulo</p>
<h2>Bigger Longer &#038; Uncut.</h2>
</p></div>
<div class="introduction">
<div>
                        <span>Hi</span>, my name is <em>Tim</em> and I’m pretty sure that you’ve landed here right from your Twitter account. Ok, you got me this time as the above claim does not apply to everyone, but I’m confident that this post is currently hot on Twitter! How do I know that while writing the very first paragraph? C’mon, it’s gonna<br />
 be a Twitter Guide &#8211; I’ll just use the tips below to make it go viral :)
                    </div>
</p></div>
<div class="basics_1">
<h2>Twitter Basics Part 1: Creating a Twitter Account (The Right Way)</h2>
<div class="p1">
                        Let’s presume you’re already familiar with<br />
                        <a href="http://www.1stwebdesigner.com/design/beginners-guide-twitter/" target="_blank">the basics of Twitter</a> and your current goal is to grow your<br />
                        follower count. Moreover you need those<br />
                        dedicated followers that read your<br />
                        tweets and, what’s more important,<br />
                        retweet them to their own followers<br />
                        making your content spread.
                    </div>
<div class="clear"></div>
<div><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/img1.png" alt="" class="image_1" /></div>
<div class="p2">
                        Just in case you’re not sure what I mean by basics, here’s a quick refresher.<br />
                        &nbsp;</p>
<div><span class="sub_header">Username:</span> The very first dilemma that most business owners face while creating a Twitter account is whether to use a personal name or a business name. There are pros and cons with both, but I think that having brand name is mostly beneficial for big established brands as people already know them and are willing to follow.</div>
</p></div>
<div class="clear"></div>
<div><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/img2.png" alt="" class="image_2" /></div>
<div class="p3">
                        Recently I did some consulting for a <a href="http://www.site2you.com" target="_blank">website builder</a> company and offered them to switch from a branded account to a personal account of their founder and CEO, as people are most likely to follow an interesting person, who they expect to tweet valuable things, rather than following a ‘website builder’, which they assume will most likely tweet nothing but spam.
                    </div>
<div class="clear"></div>
<div class="p4">
                        Your Twitter username should be unique and memorable. Remember that people will have to type it in order to mention you – don’t make them type too much.<br />
                        &nbsp;<br />
                        <span class="sub_header">Here’s an extra tip from Hubspot:</span>
                    </div>
<div><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/img3.png" alt="" class="image_3" /></div>
<div class="p5">
                        (though this does not seem to apply to <a href="http://twitter.com/1stwebdesigner" target="_blank">@1stwebdesigner</a> lol)
                    </div>
<div class="clear"></div>
<div class="p6">
                          <span class="sub_header">Bio:</span> There are only 160 characters which you have to fill in to tell the Twitterverse about you, your company and/or what you’ll be tweeting about. Your Bio is used all around Twitter next to your profile picture and people READ the Bio section to decide whether to follow you or not. Anyone you follow will receive an e-mail with a recap of your profile including your Bio. Do you think they’ll be interested enough to follow you back?
                    </div>
<div><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/img4.png" alt="" class="image_4" /></div>
<div class="clear"></div>
<div class="p7">
                        My Bio is probably not the best, but I tried to make it stand out from the crowd. Best Bio practice is to briefly state who you are and what others will get if they follow you.<br />
                        I often ask myself two questions before following someone:</p>
<ol>
<li>Who is that person?</li>
<li>How can they be useful to me?</li>
</ol>
<div>
                        Some people go really far with this incentive tip and use their Bio to suggest a Free E-Book to each new follower, but this sounds kind of desperate to me.<br />
                        &nbsp;<br />
                        <span class="sub_header">Image:</span> People on Twitter mostly use a personal photo as their avatar. I think this is because Twitter is a powerful personal branding tool and you might want your followers to recognize you.<br />
                        &nbsp;<br />
                        My vote goes for consistency &#8211; if there’s a non-photo avatar that you use around the web (forums, comments, guest posts), I think you should use it on Twitter too so that people who have seen your avatar around the web recognize you.
                        </div>
</p></div>
<div class="clear"></div>
<div><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/img5.png" alt="" class="image_5" /></div>
<div class="p8">
                          <span class="sub_header">Web Link:</span> Why would you miss an opportunity to promote your website in your Twitter profile? And, besides, here’s what <a href="http://www.hubspot.com/">Hubspot</a> says about the impact of the web link on your follower count:
                    </div>
<div class="clear"></div>
<div class="p9">
                           <span class="sub_header">Background:</span> You can easily create a <a href="http://www.1stwebdesigner.com/design/ultimate-guide-twitter-theme-design/" target="_blank">customized Twitter background</a>, but is it worth your time and efforts? First of all your Twitter account will become more attractive &#8211; but that’s pretty obvious, right? What’s not that obvious is that with a well designed background you have a chance of appearing in one of those numerous <a href="http://www.1stwebdesigner.com/inspiration/twitter-backgrounds-showcase/" target="_blank">Twitter background showcases</a>. Thousands of people will see your creative profileand they might become your new followers.
                    </div>
<div class="clear"></div>
</p></div>
<div class="basics_2">
<h2>Twitter Basics Part 2: Following the Right People</h2>
<div class="clear"></div>
<div class="p1">
                        Now, that your Twitter profile is complete and following all the best practices, it’s time to follow some people. Following the ‘right people” will not only keep you up to date with all the latest news in your niche and help you to network, but it will also affect the way Twitter uses your profile in its recommendation engine. Every time you follow someone, you are being associated with them in some way. With the automatic recommendation engine Twitter uses, I have to assume you’d prefer to be associated with people who you share something in common with. It might be the place you live, the field you work in, or a circle of mutual friends and acquaintances.
                    </div>
<div class="clear"></div>
<div class="p2">
                          <span class="sub_header">Follow the people you know:</span> this is the number one tip. You might be reading some blogs or websites on the topic that you are interested in. Most of the authors mention their Twitter profile at the end of the post. Follow them as they might tweet lots of cool stuff.
                    </div>
<div class="clear"></div>
<div><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/img6.png" alt="" class="image_6" /></div>
<div class="p3">
                        <span class="sub_header">Twitter Search:</span> Each term you search on Twitter is now being split into four independent searches: Tweets, Tweets with links, Tweets near you and people. There’s even more than that – check this <a href="http://www.searchenginejournal.com/how-to-search-twitter-the-advanced-guide/8034/" target="_blank">awesome guide by SEJ</a> to become a Twitter search ninja.
                    </div>
<div class="clear"></div>
<div class="p4">
                          <span class="sub_header">Twitter lists:</span> Twitter List is Twitter&#8217;s way of allowing users to group profiles (and their tweets) together &#8211; you can check the lists that people you follow are listed in. You can also check if you are being listed and see who you are being listed with.<br />
                          &nbsp;<br />
                          <span class="sub_header">Twitter Directories:</span> There are places where Twitter accounts are neatly organized and categorized. To name a few: Listorious, WeFollow, JustTweetIt, TweetFind. Browse them and I’m sure you’ll find some interesting people to follow. By the way, why not add yourself there?<br />
                          &nbsp;<br />
                          <span class="sub_header">Custom lists:</span> Bloggers always used to create lists: “10 Best Books on Marketing”, “20 Coolest Design Blogs”, “15 Social Bookmarking Sites” – you all know that sort of stuff. The new trend is top people in each industry to follow on Twitter: <a href="http://www.1stwebdesigner.com/design/designers-bloggers-you-should-follow-twitter/" target="_blank">designers</a>, bloggers, marketers, seo experts, social media gurus and so on. Do a couple of Google searches for those lists as they may suggest some really cool people to follow. If you can’t find a list on your niche, you should definitely create one and maybe you’ll get some new followers just for being an author of that list.<br />
                          &nbsp;<br />
                          <span class="sub_header">Online Tools:</span> There is an enormous amount of <a href="http://www.1stwebdesigner.com/design/27-twitter-tools-to-help-you-find-and-manage-followers/" target="_blank">Twitter tools to help you find and manage followers</a>. I don’t want to promote any of them, so just try <a href="http://www.1stwebdesigner.com/design/social-networking-twitter-tools/" target="_blank">them all</a> to see which one works best for you.
                    </div>
<div class="clear"></div>
<div><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/img7.png" alt="" class="image_7" /></div>
<div class="clear"></div>
<div class="p5">
                        <span class="text_center">(<a href="http://oneforty.com/pages/twitterverse" target="_blank">Twitterverse</a> by Brian Solis and JESS3)</span><br />
                        &nbsp;<br />
                        <span class="sub_header">Play around:</span> As I’ve said before, Twitter has an awesome recommendation engine, so once you start playing around with Twitter you’ll get lots of recommendations. Definitely check out the powerful “Who To Follow” tool, which speaks for itself.
                    </div>
<div class="clear"></div>
<div><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/img8.png" alt="" class="image_8" /></div>
<div class="clear"></div>
</p></div>
<div class="adv_1">
<h2>Advanced Twitter Tactics Part 1: Getting More Followers</h2>
<div class="p1">
                        I want you to check out an excellent <a href="http://www.conversationmarketing.com/2010/07/twitter-my-followers-are-bigger.htm" target="_blank">study by Ian Lurie on the quality of Twitter followers</a>. He started collecting data after some spammy guy who had 32,000 followers retweeted one of his posts. You might expect that a retweet by a person with such a huge following will grant your URL lots of clicks and further retweets. Well, what Ian got was only three clicks.
                    </div>
<div class="clear"></div>
<div><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/img9.png" alt="" class="image_9" /></div>
<div class="p2">
                        I won’t tell you the rest of the story, for it is too cool to be rewritten. Twitter power is not about the quantity of your followers, but about the quality of your, and your followers, content. In this part of my guide I will teach you how to gain quality followers.<br />
                        &nbsp;<br />
                        <span class="sub_header">Think:</span> Yeah, that is my first tip. But I think it’s the most powerful one. Think of the way YOU follow new people and think how many of them eventually stay in your Twitter feed. Then do the same stuff that they did to get followed by you. If you ask me I mostly follow people who blog. When I see a smart post, I will do my best to find the author on Twitter, follow him and perhaps even communicate a bit. The second way I may follow people is when they @-mention me in their tweet. I will usually check the profile of that person and if it appeals to me – I’ll follow them.<br />
                        &nbsp;<br />
                        <span class="sub_header">Follow to get followers:</span> This is the best known tactic to grow your follower count and it’s based on the newest psychological disorder called ISFBaG (I Should Follow Back Guilt). When you follow someone, they receive an e-mail notification and may follow you back. You can mass-follow people via Twitter interface, use some online tools or even create scripts, which will auto follow people, who tweet specific keywords.
                    </div>
<div class="clear"></div>
<div><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/img10.png" alt="" class="image_10" /></div>
<div class="p3">
                        Another study by Hubspot shows that your following to followers ratio dramatically affects your chances to get a follow back. So ideally you need to keep the number of people you follow lower than the number of your followers  &#8211; this way you are more likely to get a follow back.
                    </div>
<div class="clear"></div>
<div><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/img11.png" alt="" class="image_11" /></div>
<div class="p4">
                        People might think that having a large number of followers will add credibility to their account. Well from now on they won’t be able to trick you! It’s easy to measure the credibility of a Twitter account by comparing the number of followers to the number of the lists.<br />
                        &nbsp;<br />
                        Rand from SEOmoz has one listing per 7.6 followers ( 24,368 followers / 3,187 lists = 7.6).<br />
                        If the ratio is more than 10 – that’s a signal that a person is a spammer who does a lot of mass-following.
                    </div>
<div class="clear"></div>
<div class="p5">
                        <span class="sub_header">Run a contest:</span> People love contests, freebies – such events always attracts great attention. Classical contests go well on social networks, but if you can think of some extremely unique event, it may do wonders to your social presence. There is an <a href="http://www.sportsgrid.com/media/dutch-porn-star-if-holland-wins-world-cup-its-blowies-for-everyone/" target="_blank">interesting story</a>, I would like to share (little NSFW) how Dutch porn star attracted a lot of people to follow her! She got around 15,000 followers within a couple of days since that claim, but you should think twice before running a contest like that. :)
                    </div>
<div><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/img12.png" alt="" class="image_12" /></div>
<div class="p6">
                          <span class="sub_header">Know who is sharing your content:</span> Once you publish some content online try to track who is tweeting about it. You already know that those people appreciate your work, so it’s usually a matter of a “thank you” message to get a follow back from them.<br />
                          &nbsp;<br />
                          <span class="sub_header">Promote your Twitter account:</span> That’s probably the most popular and most obvious advice, so I’ve left till last. Use your Twitter account URL everywhere you can: e-mail signatures, social media profiles, forum signatures, blog comments, business cards etc. There’s no rocket science here, just use every opportunity you can to share your Twitter account.
                    </div>
<div class="clear"></div>
<div><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/img13.png" alt="" class="image_13" /></div>
<div class="clear"></div>
</p></div>
<div class="adv_2">
<h2>Advanced Twitter Tactics Part 2: Building Relations</h2>
<div class="clear"></div>
<div class="p1">
                        It’s cool to have a couple thousand followers, but do they care about you after all? You might have followed my tips to gain quality followers, but still it does not mean that they will interact with you and help you to spread your content. What you need is to build relationships with them so that they know who you are and read your updates.
                    </div>
<div class="clear"></div>
<div class="p2">
                        <span class="sub_header">Reward your followers:</span> You can do that with a follow back or, alternatively, you can just thank them for following you in a reply or direct message. Just don’t spam everyone with those automatic Direct Messages which no one cares about. Try sending a personalized message with some information that the recipient may be interested in.
                    </div>
<div><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/img14.png" alt="" class="image_14" /></div>
<div class="clear"></div>
<div class="p3">
                          <span class="sub_header">Retweet others:</span> People on Twitter usually keep an eye on their retweets. So try retweeting someone else’s tweet and add a personal comment to it – this is a great way to get noticed and start communicating with people that you follow, and your own followers.<br />
                          &nbsp;<br />
                          <span class="sub_header">Public mentions:</span> #FollowFriday or #ff is a nice occasion to show your appreciation to someone by publicly mentioning their account and providing a reason for others to follow them. However there is no need to wait till Friday to do that.<br />
                          &nbsp;<br />
                          <span class="sub_header">Twitter lists:</span> When you add someone to a Twitter list, they won’t be notified about it, but they may find it out on their own sooner or later. Make respectful Twitter list names to show some appreciation to people you list there. I am really happy each time someone adds me to a marketing related list. (this was a call-to-action :) )<br />
                          By following other people’s Twitter lists you can get some attention too, as people might check who else is following their lists.<br />
                          &nbsp;<br />
                          <span class="sub_header_tip">Twitter list Ninja Tip #1:</span> follow @listwatcher as it will send you a DM each time someone adds, removes you from their list, or changes their list. Being listed is a reason to get in touch and say thank you, ( or something else, if you were removed :) )<br />
                          <span class="sub_header_tip">Twitter list Ninja Tip #2:</span> learn how to automate your lists with <a href="http://www.youtube.com/watch?v=v4uTc-Nf4IQ" target="_blank">Formulists online service</a>.<br />
                          &nbsp;<br />
                          <span class="sub_header">Follow people who @mention you:</span> This is a great way to show your appreciation for being mentioned and, besides, this will make a person to take a closer look at your profile and what you tweet about.<br />
                          &nbsp;<br />
                          <span class="sub_header">Twitter Favourites:</span> Currently this feature is not widely used, but I think it can be considered as a form of appreciation too. Each tweet that you add to your Twitter favourites is saved in your profile under the “Favourites” tab. I doubt that the author of a tweet will ever see that, but others might find your favourites feed useful and that can be another reason to follow you.<br />
                          &nbsp;<br />
                          <span class="sub_header">TweetChats:</span> It’s a regularly scheduled online event which is perfect for networking. For instance you can check #seochat – this is a search marketing chat which is held every week. If you fail to find a TweetChat on your topic, maybe you should launch one yourself.
                    </div>
<div class="clear"></div>
</p></div>
<div class="ninja_1">
<h2>Twitter Ninja Part 1: Getting Retweets</h2>
<div class="clear"></div>
<div class="p1">
                        Eventually, the aim of every single tweet is to be noticed and get retweeted by others. If you think that your tweets get enough engagement, try measuring the CTR (Click Through Rate) of every link you tweet. This can be easily done with Bit.ly URL shortening service, just add a + at the end of any short URL and you’ll see the stats. In most cases you’ll notice that the engagement not as good as expected. So what can you do to improve it? Lets see…
                    </div>
<div class="clear"></div>
<div><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/img15.png" alt="" class="image_15" /></div>
<div class="clear"></div>
<div><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/img16.png" alt="" class="image_16" /></div>
<div class="p2">
                         <span class="sub_header">Tweet metrics:</span> Almost everything can be measured, including tweets. In his great study Rand Fishkin tried to <a href=http://www.seomoz.org/blog/calculating-and-improving-your-twitter-clickthroughrate" target="_blank">calculate and improve the CTR of his tweets</a>. This resulted in a few takeaways:<br />
                         &nbsp;</p>
<ul>
<li>* the average CTR of a tweet is about 1.17% of the followers number;</li>
<li>* shorter tweets get a higher CTR;</li>
<li>* tweets on a topic that people expect from you get a higher CTR.</li>
</ul></div>
<div class="clear"></div>
<div><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/img17.png" alt="" class="image_17" /></div>
<div class="p3">
                         <span class="sub_header">Ask for a retweet:</span> A study by <a href="http://danzarrella.com/" target="_blank">Dan Zarrella</a> shows that you can easily increase your ReTweetability by simply asking your followers for a retweet. Only five letters can make a change – “PLS RT”
                    </div>
<div class="clear"></div>
<div><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/img18.png" alt="" class="image_18" /></div>
<div class="p4">
                         <span class="sub_header">What to tweet:</span> You already know that tweets on topics that people expect from you get a higher CTR. In addition to that, another study by Dan Zarrella reveals the fact that tweets about Twitter perform really well. (Remember I promised this post would be HOT on Twitter? :))<br />
                         &nbsp;<br />
                         You can also use various bookmarking and news services to discover what’s hot and trending and tweet about it: StumbleUpon, Digg, Reddit, TweetMeme.
                    </div>
<div class="clear"></div>
<div><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/img19.png" alt="" class="image_19" /></div>
<div class="p5">
                         <span class="sub_header">When to tweet:</span> There are lots of statistics on this one which show different numbers, but in general <a href="http://www.malcolmcoles.co.uk/blog/best-time-tweet/" target="_blank">the best time to get retweets</a> in the US is 4 PM and the best day is Friday. So try to stick to these when scheduling your most important tweets.
                    </div>
<div class="clear"></div>
</p></div>
<div class="ninja_2">
<h2>Twitter Ninja Part 2: Miscellaneous Tips</h2>
<div class="clear"></div>
<div><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/img20.png" alt="" class="image_20" /></div>
<div class="p1">
                           <span class="sub_header">Leverage your website:</span> In case you have a website or blog, why not to use it to promote your Twitter account a bit? WordPress users can check this <a href="http://www.1stwebdesigner.com/wordpress/31-useful-twitter-plugins-for-wordpress-to-choose-from/" target="_blank">awesome selection of Twitter plugins</a> and the rest can get inspired by <a href="http://www.1stwebdesigner.com/inspiration/creative-twitter-status-designs-inspiration/" target="_blank">the showcase of how people embed their twitter feed into their website design</a>.<br />
                           &nbsp;<br />
                           <span class="sub_header">Use Hashtags:</span> This feature is used to unite Tweets around a particular topic. I understand hashtags as a search tool. Instead of searching on Tweeter for “social media marketing” you can simply do a search for #smm or just click on a hashtag whenever you see it in someone’s tweet. This will list all the tweets that have a particular hashtag in it. So every time you add a hashtag to your tweet, it increases its chances to be found by random people.<br />
                           &nbsp;<br />
                           <span class="sub_header">Track Google SERP:</span> You can easily get a daily Direct Message of your websites Google position using a twitter bot by <a href="http://tweetedranks.com/" target="_blank">TweetedRanks</a> (free tool).<br />
                           &nbsp;<br />
                           <span class="sub_header">Get your website pages indexed faster:</span> <a href="http://www.seomoz.org/blog/using-twitter-for-increased-indexation" target="_blank">A recent experiment</a> concluded that a tweet which gets 3 retweets or more will help in increasing the time and rate at which the tweeted page gets indexed.<br />
                           &nbsp;<br />
                           <span class="sub_header">HootSuite Hootlet:</span> I must confess that HootSuite is a tool that dramatically improved my tweeting experience. Specifically I am obsessed with their bookmarklet tool. You just drag it to your bookmarks and when you want to share the post on Twitter you just click the bookmarklet and the message window pops up. What’s more important, you can schedule your tweets right from this Hootlet window. This is the best Twitter tool I’ve ever used.
                    </div>
<div class="clear"></div>
<div><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/img21.png" alt="" class="image_21" /></div>
<div class="p2">
                        This is it! The end of my Twitter Marketing guide, but definitely not the end of the creative ideas and ways to use Twitter to market yourself, your content, your company or your products.
                    </div>
<div class="clear"></div>
<div class="p3">
                        I hope you all enjoyed it and I’m looking forward to reading your comments. And don’t forget that you can follow me <a href="http://twitter.com/#!/timsoulo" target="_blank">(@timsoulo)</a> on Twitter.
                    </div>
<div class="clear"></div>
</p></div>
<div class="clear"></div>
</p></div>
<div class="writing_credit">Article written by Tim Soulo, designed by <a href="http://twitter.com/_burnstudio">Michael Burns</a> and coded by <a href="http://www.ahmadhania.com/" title="Ahmad Hania Blog">Ahmad Hania</a></div>
<div class="twitter_badge"></div>
<div class="clear"></div>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/design/twitter-marketing-guide/feed/</wfw:commentRss>
		<slash:comments>35</slash:comments>
		</item>
		<item>
		<title>A Completely Free Beginner&#8217;s Guide to Twitter</title>
		<link>http://www.1stwebdesigner.com/design/beginners-guide-twitter/</link>
		<comments>http://www.1stwebdesigner.com/design/beginners-guide-twitter/#comments</comments>
		<pubDate>Sun, 19 Dec 2010 10:00:36 +0000</pubDate>
		<dc:creator>Jane Bernardo</dc:creator>
				<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[beginner]]></category>
		<category><![CDATA[guide]]></category>
		<category><![CDATA[social media]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=36582</guid>
		<description><![CDATA[Twitter is a social networking website that lets you share and communicate with your friends, or as Twitter calls it &#8216;followers&#8217;. Are you the type of person who wants to know what others are doing or you&#8217;d like to share something, find where your friends are currently, who is with them, or even the latest [...]]]></description>
			<content:encoded><![CDATA[<p>Twitter is a social networking website that lets you share and communicate with your friends, or as Twitter calls it &#8216;followers&#8217;. Are you the type of person who wants to know what others are doing or you&#8217;d like to share something, find where your friends are currently, who is with them, or even the latest events and everything being talked around the globe? Well Twitter is a great tool for you.</p>
<p>Here is a beginner&#8217;s guide to help you start your own career on the web. Socialize. Be connected. Be friends. Be known. Have fun!<span id="more-36582"></span></p>
<h2>1. Create your account</h2>
<p>Just go to <a href="http://www.tweeter.com/">Twitter.com</a> and click the <strong>Sign Up </strong>button.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/twitter_beginners_guide15.jpg" border="0" alt="Twitter_beginners_guide1" /></p>
<p>You will be asked to fill out little details about you. Type in your <strong>Full Name</strong> (I suggest that you put your real name. This way people who know you will easily find your profile.), a <strong>username,</strong> a <strong>password</strong> and a <strong>valid email address</strong>. You can check and uncheck the checkbox if you want your friends to find you by your email address. Read the terms of service and click the <strong>Create my account button</strong>.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/twitter_beginners_guide2.jpg" border="0" alt="Twitter_beginners_guide2" /></p>
<p>There will be an image verification that you need to type to make sure that you are a real human. Then click Finish.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/twitter_beginners_guide3.jpg" border="0" alt="Twitter_beginners_guide3" /></p>
<p>Wait for a second and check your registered email address to confirm  your twitter account. You will be given a link to confirm your account to have a full access to Twitter and full notifications will be sent to the email address so you will be updated.</p>
<p>That&#8217;s it you have your twitter account.</p>
<h2>2. Set up your Settings</h2>
<p>In your twitter page, go to the upper left panel. You will see your username with a drop down menu. Click Settings to modify a more personal or private setting.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/twitter_beginners_guide4.jpg" border="0" alt="Twitter_beginners_guide4" /></p>
<p><strong>Account</strong></p>
<p>Be sure to have a correct name. It will direct you to profile setting if you wish to change your name into real one. Twitter supports different languages. Choose the language you are more comfortable with. Select also the Time Zone you are at. You can also check the Tweet Location for you to add a location on your tweets, so that people can  see where you currently are. If you want to see the videos and photos from other people that you are not following you can check on the Tweet Media. Privacy is important in social networking, so if you want to protect your tweets then check the tweet privacy.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/twitter_beginners_guide5.jpg" border="0" alt="Twitter_beginners_guide5" /></p>
<p><strong>Password</strong></p>
<p>If you choose to change your current password just type in your current password and your new password. This is one way to protect your twitter account.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/twitter_beginners_guide6.jpg" border="0" alt="Twitter_beginners_guide6" /></p>
<p><strong>Mobile</strong></p>
<p>If you can&#8217;t get enough of your tweeting experience over your computer, you can add  your mobile for more tweeting experience.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/twitter_beginners_guide7.jpg" border="0" alt="Twitter_beginners_guide7" /></p>
<p><strong>Notices</strong></p>
<p>Check and uncheck the notifications you want to receive in your email address or mobile phone.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/twitter_beginners_guide8.jpg" border="0" alt="Twitter_beginners_guide8" /></p>
<p><strong>Profile</strong></p>
<p>Profile is one of the greatest feature of Twitter because it will appear on search result and make people identify you easily. You can upload your picture to let your followers see who you are.  Edit the bio to tell something about yourself. On your profile page, you will be able to see how many tweets you posted, who is/are following you, the number of  followers you have and lists.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/twitter_beginners_guide9.jpg" border="0" alt="Twitter_beginners_guide9" /></p>
<p><strong>Design</strong></p>
<p>You can select your ready-made theme to personalize the look of your account. If you are a designer, or has an artwork background you want to use, you can also upload it for a more personalized feel.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/twitter_beginners_guide10.jpg" border="0" alt="Twitter_beginners_guide10" /></p>
<p><strong>Connections</strong></p>
<p>It will let you manage the applications connecting to Twitter.</p>
<h2>3. Follow your friends or anyone you want to get updates with or anything that interests you.</h2>
<p>Just simply type on the<strong> search field</strong> and type in the username or the name of the person you want to find.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/twitter_beginners_guide11.jpg" border="0" alt="Twitter_beginners_guide11" /></p>
<p>Then click on the <strong>Follow</strong> button.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/twitter_beginners_guide12.jpg" border="0" alt="Twitter_beginners_guide12" /></p>
<p>That&#8217;s it you have successfully followed a friend, or in this case a celebrity. Just search and search all those people you want to be connected with. If you want to follow them in your mobile device, turn on the Device Updates. If you want to find your friends in your existing email accounts such as Gmail, Yahoo, Hotmail &amp; Messenger and LinkedIn just click on the <strong>Find Friends</strong> link and start to link with your friends.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/twitter_beginners_guide13.jpg" border="0" alt="Twitter_beginners_guide13" /></p>
<p>You can also browse topics you are interested in such as Art &amp; Design, Books, Business, Entertainment etc. that you can follow.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/twitter_beginners_guide14.jpg" border="0" alt="Twitter_beginners_guide14" /></p>
<h2>4. Share your tweets</h2>
<p>Type in your tweets on the <strong>What&#8217;s happening?</strong> box at the Home page to start tweeting. You are allowed to type only 140 characters. You won&#8217;t be able to tweet your post if it&#8217;s more than 140 characters. If you are to tweet for a specific person on the list of people you follow, you just add &#8216;@&#8217; sign plus username e.g. @jhanely2001 . Be sure to be careful on your tweets. When you start to tweet, you start to get public. People can read your tweets or activities so be sure to have a responsible tweeting.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/twitter_beginners_guide17.jpg" border="0" alt="Twitter_beginners_guide17" /></p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/twitter_beginners_guide16.jpg" border="0" alt="Twitter_beginners_guide16" /></p>
<h2>5. Private message</h2>
<p>If you want to privately message or directly message someone in your Twitter, click the <strong>Message </strong>tab and click <strong>New Message</strong>. Write down your message and be sure to put the username of the person you want to send a message.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/twitter_beginners_guide18.jpg" border="0" alt="Twitter_beginners_guide18" /></p>
<h2>6. What&#8217;s Hot?</h2>
<p>Trends are the most talked about news, events or posts happening in Twitter. It can be worldwide or you can change it through cities. Be updated.  Be aware.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/twitter_beginners_guide19.jpg" border="0" alt="Twitter_beginners_guide19" /></p>
<h2>7. Be connected with third-party apps</h2>
<p>Third-party applications are great way to sync all your updates into one application without directly accessing your Twitter account. You may also post your tweets on other social networking sites using <a href="http://www.facebook.com/apps/application.php?id=2231777543&amp;b=&amp;ref=pd_r">Twitter in Facebook</a>, <a href="http://www.tweetdeck.com/beta/">TweetDeck</a> and <a href="http://www.stone.com/Twittelator/">Twittelator Pro</a>.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/twitter_beginners_guide20.jpg" border="0" alt="Twitter_beginners_guide20" /></p>
<h2>8. Get Help</h2>
<p>If you are stuck on exploring Twitter, be sure to click the Help menu under the username drop down menu. You&#8217;ll never get lost again.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/twitter_beginners_guide21.jpg" border="0" alt="Twitter_beginners_guide21" /></p>
<p>That&#8217;s all you need to learn to get started in your tweeting experience.  Explore, have fun and stay connected. Just tweet and tweet and tweet. It is  now your time to share your thoughts. Happy tweeting! <img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/smile11.gif" alt="" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/design/beginners-guide-twitter/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Making Money Online:How To Earn Money From Twitter</title>
		<link>http://www.1stwebdesigner.com/design/earn-money-twitter/</link>
		<comments>http://www.1stwebdesigner.com/design/earn-money-twitter/#comments</comments>
		<pubDate>Wed, 25 Aug 2010 21:00:13 +0000</pubDate>
		<dc:creator>Nikunj Tamboli</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Money]]></category>
		<category><![CDATA[online]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[tricks]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=22451</guid>
		<description><![CDATA[There has been almost one million + articles written on making money online. While every niche is filled with more people than it can handle, there is still one field about which people don&#8217;t know about .Twitter as a micro blogging service created a revolution in the world of social network, &#38; people started to [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.1stwebdesigner.com/development/earn-money-twitter/"><img class="alignleft size-thumbnail wp-image-22497" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/twitter-money-150x150.png" alt="" width="150" height="150" /></a>There has been almost one million + articles written on making money online. While every niche is filled with more people than it can handle, there is still one field about which people don&#8217;t know about .Twitter as a micro blogging service created a revolution in the world of social network, &amp; people started to explore the way to use twitter not just keeping up with friends but to do things like marketing products, making sales, earning money through twitter &amp; lots of other stuff as well. In this post I have shared some of the tips that will help you to earn money using Twitter.</p>
<p>These are some good ways to earn money using Twitter, but I suggest you  don’t over do it as you would look like a spammer &amp; no one likes to  get spam not even on their Twitter Timeline. So use this method  cautiously<span id="more-22451"></span></p>
<h2><strong>Affiliate Advertisement</strong></h2>
<p>If you are connected with many affiliates to sell their product and services, you can use Twitter account to tweet your affiliate links to your followers &amp; get paid for the selling product. Be cautious using this method, see that you are not breaking the terms of service agreement.</p>
<h2><strong>Increasing Traffic</strong></h2>
<p><strong><a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/Traffic.png"><img class="aligncenter size-full wp-image-22498" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/Traffic.png" alt="" width="550" height="425" /></a></strong></p>
<p>Image: <a href="http://www.sxc.hu/profile/guitargoa" target="_blank">Source</a><strong><br />
</strong></p>
<p>This is indirect method of monetizing Twitter. Many people use this method effectively to send huge amount of traffic to their website which in turn generates revenue from the ads you post on your website.</p>
<h2><strong>Look For Leads</strong></h2>
<p><strong><a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/Leads.png"><img class="size-full wp-image-22496 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/Leads.png" alt="" width="550" height="368" /></a></strong></p>
<p>Image: <a href="http://www.sxc.hu/profile/penywise" target="_blank">Source</a></p>
<p>When I was working as an marketing executive I had used Twitter to find potential leads for the company. <a href="http://search.twitter.com/advanced">Twitter Advance Search</a> offers some best method to find people who are looking for services &amp; products. This is an indirect method but still you can try it.</p>
<h2><strong>Get Paid To Tweet</strong></h2>
<p>This is one of the easiest way of making money on Twitter. You Don’t need to have a website, product or services to earn money, It’s one of the direct way of earning money through Twitter. There are various sites that offers services where you can get paid-per-tweet. Following list of website that offers such services.</p>
<p><a href="http://SponsoredTweets.com" target="_blank"><strong>SponsoredTweets.com</strong></a></p>
<p>Its one of the most used website that offers pay-per-tweets services. I have personally used this website to monetize my twitter account &amp; found it to be working &amp; useful. Even many of the celebrities are using Sponsored Tweets Services.</p>
<p><strong> <a href="http://ad.ly" target="_blank">Ad.ly</a></strong></p>
<p>Ad.ly is another website which offers similar services. Recently it has also included MySpace to its network. Ad.ly algorithm automatically calculates the amount that you will be paid per tweet. It depends on the factor like number of followers &amp; how often you tweet.</p>
<p><strong>Some Other Websites</strong></p>
<ul>
<li><a href="http://TwittAd.com" target="_blank">TwittAd.com</a></li>
<li><a href="http://AdCause.com" target="_blank">AdCause.com</a></li>
<li><a href="http://MyLikes.com" target="_blank">MyLikes.com</a></li>
<li><a href="http://Be-A-Magpie.com" target="_blank">Be-A-Magpie.com</a></li>
</ul>
<h2><strong>Sell Twitter Related Services</strong></h2>
<p>If you are designer you can offer services like creating custom professional twitter background you can use your own background to promote it as a service. Also if you know how to get mass follower &amp; influence people on twitter account you can provide services like Twitter profile management &amp; become  face of a brand in your local area.</p>
<h2><strong>Sell Your Product &amp; Services</strong></h2>
<p><strong><a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/online.png"><img class="aligncenter size-full wp-image-22505" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/online.png" alt="" width="550" height="366" /></a></strong>Image: <a href="http://www.sxc.hu/profile/kipcurry" target="_blank">Source</a><strong><br />
</strong></p>
<p>Selling your product &amp; services through twitter is an also effective way of making money on twitter. You can use <a href="http://search.twitter.com/advanced">Twitter Advance Search</a> option to find out people that are looking for product or services that you are offering &amp; you can directly get in contact with them offering your services.</p>
<p><strong>Some Related Post You Must Read</strong></p>
<ul>
<li><a title="How To Make 15,000.00 In 1 Month Just By Tweeting" href="http://www.shoemoney.com/2009/10/20/how-to-make-15000-00-in-1-month-just-by-tweeting/">How To Make 15,000.00 In 1 Month Just By Tweeting</a></li>
<li><a title="Permanent Link to How to make money on Twitter ? Some ideas that work ( without screw ups ) !" rel="bookmark" href="http://www.dailybloggr.com/2009/07/how-to-make-money-on-twitter-some-ideas-that-work-without-screw-ups/">How to make money on Twitter ? Some ideas that work ( without screw ups ) !</a></li>
<li><a href="http://www.fachak.com/77-ways-twitter-could-make-money" target="_blank">77 ways Twitter could make money</a></li>
</ul>
<p>If you have other method to share please do it in comment I would like to know.</p>
<p>Thumbnail: <a href="http://www.donaghmcsweeney.com/twitter-is-set-to-cash-in-on-you/" target="_blank">Source</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/design/earn-money-twitter/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>How to connect your site with twitter using @Anywhere</title>
		<link>http://www.1stwebdesigner.com/tutorials/connect-twitter-anywhere/</link>
		<comments>http://www.1stwebdesigner.com/tutorials/connect-twitter-anywhere/#comments</comments>
		<pubDate>Mon, 16 Aug 2010 21:00:10 +0000</pubDate>
		<dc:creator>Irina Borozan</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[@anywhere]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=22305</guid>
		<description><![CDATA[Twitter has launched @Anywhere, a more simple way of integrating twitter in your site. With it you can add follow buttons, hovercards, linkify twitter usernames and connect with twitter.  In this tutorial, I will show you how to use @Anywhere in your site. I will add some twitter @Anywhere features to the application build in [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.1stwebdesigner.com/tutorials/connect-twitter-anywhere/"><img class="alignleft size-full wp-image-22316" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/how_to_integrate_twitter_anywhere.jpg" alt="" width="150" height="150" /></a>Twitter has launched <a href="http://dev.twitter.com/anywhere" target="_blank">@Anywhere</a>, a more simple way of integrating twitter in your site. With it you can add follow buttons, hovercards, linkify twitter usernames and connect with twitter.  In this tutorial, I will show you how to use @Anywhere in your site. I will add some twitter @Anywhere features to the application build in my previous tutorials, the distance finder (<a href="http://www.1stwebdesigner.com/tutorials/distance-finder-google-maps-api/" target="_blank">part1</a> of the tutorial, <a href="http://www.1stwebdesigner.com/tutorials/distance-finder-google-maps-2/" target="_blank">part2</a>).<span id="more-22305"></span></p>
<p><strong>What are we going to build?</strong></p>
<p>The distance finder we created using the previous tutorials uses the google maps api to let you find the distance and route between two locations. In this tutorial, I’ll show you how to share your search results with your twitter followers. I’ll also show you how to add hovercards and linkify usernames.</p>
<p>You can view the demo <a href="http://www.aniri.ro/distancefinder/integrate-twitter-distance-finder-part-3.php" target="_blank">here</a>. And also download <a href="http://www.aniri.ro/distancefinder/integrate-twitter-distance-finder-part-3.rar" target="_blank">the source code</a>.</p>
<p><strong>Prerequisites</strong></p>
<p>The first thing we need to do in order to use @Anywhere is to registered a new twitter application. We can do this <a href="http://dev.twitter.com/anywhere/apps/new" target="_blank">here</a>. Once we fill in that form, we will be given an APIkey to use in the app.</p>
<p>Next, we’ll have to include the @Anywhere script. We’ll add the following code to your &lt;head&gt;section:</p>
<pre class="brush: xml; title: ; notranslate">

&lt;script src=&quot;http://platform.twitter.com/anywhere.js?id=ADD_YOUR_API_KEY_HERE&amp;v=1&quot;&gt;&lt;/script&gt;
</pre>
<p>Don’t forget to fill in the api key!</p>
<p>As some of the options from @Anywhere require jquery, we will have to include that too:</p>
<pre class="brush: xml; title: ; notranslate">

&lt;script src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js&quot;  type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
</pre>
<p><strong><br />
</strong> <strong>Adding a comment box</strong><br />
<strong><br />
</strong>Let’s see what we need to add to show a small comment box to help us share the search results with our friends.</p>
<p>We’ll have to add another div to the layout, where to show the comment box with the text to share with our friends.</p>
<pre class="brush: xml; title: ; notranslate">

&lt;center&gt;&lt;div style=&quot;width:100%; height:13%&quot;&gt;&lt;/div&gt;&lt;/center&gt;
</pre>
<p>In the javascript function that shows the route (called continueShowRoute) we will have to add some code to show the comment box.</p>
<pre class="brush: jscript; title: ; notranslate">
//we have to create a div where @Anywhere will place the comment box; the div will be created inside the share div
var twitter = &quot;&lt;div class='comments'&gt;&lt;/div&gt;&quot;;
document.getElementById(&quot;share&quot;).innerHTML = twitter;
// we’ll call the share_twitter function with the two addresses as parameters.
share_twitter(address1, address2);
</pre>
<p>The share_twitter function is used to create the link to share with our friends and show the comment box.</p>
<p>The code which uses @Anywhere to show the comment box is pretty simple. It looks like this:</p>
<pre class="brush: jscript; title: ; notranslate">twttr.anywhere(function(twitter) {
   twitter(&quot;.comments&quot;).tweetBox({
      label: 'Share with your twitter friends!',
      defaultContent: 'My search on distancefinder: '+url,
      height: 30
   });
});
</pre>
<p>It calls the anywhere function for the twttr object and passes the tweetBox function as a parameter.  The comment box will be shown in the div with the id given as parameter (&#8220;.comments&#8221;). We can set the following options for the comment box:</p>
<ul>
<li> Label: the text to be shown above the box</li>
<li> DefaultContent: the content of the box</li>
<li> Height, width: the boxes dimensions</li>
<li> Counter:<span style="font-family: monospace;"><strong> </strong></span>whether or not to show the counter for remaining characters</li>
<li> OnTweet: a function to be called when the tweet button is pressed.</li>
</ul>
<p>We will also have to share the link to the current page. We’ll also have to add the two address values to the url to be able to share a search result. This way, when the friend clicks on our link, they will be redirected to the application page with the addresses set and see our results. We will use PHP Get to pass the two addresses.</p>
<p>As the url might get too long for a tweet, we’ll have to shorten it. For this we can use <a href="http://tinyurl.com" target="_blank">tinyurl</a> to obtain a shorter url address. To do this, we have to make a request to:</p>
<pre class="brush: xml; title: ; notranslate">

&lt;a href=&quot;http://tinyurl.com/api-create.php?url=THE_LONG_URL&quot;&gt;http://tinyurl.com/api-create.php?url=THE_LONG_URL&lt;/a&gt;
</pre>
<p>We’ll make a php script that receives an url address, sends a request to tinyurl.com and returns the result.  We’ll store it in the file called getShortURL.php. The script looks like this:</p>
<pre class="brush: php; title: ; notranslate">
&lt;?php
$url = $_GET['url'];
echo file_get_contents(&quot;http://tinyurl.com/api-create.php?url=&quot; . urlencode($url));
?&gt;
</pre>
<p>We’ll have to call this script using ajax from our share_twitter function and, when we get the result from the script, show the comment box from @Anywhere.</p>
<p>Here’s how the code for this looks like:</p>
<pre class="brush: jscript; title: ; notranslate">
var xmlhttp;
function share_twitter(a1, a2)
{
  var my_url = location.href;
  if (my_url.indexOf('?a1=') != -1)
  {
    my_url = my_url.substr(0, my_url.indexOf(&quot;?&quot;));
  }
  my_url += &quot;?a1=&quot;+a1+&quot;&amp;a2=&quot;+a2;

  xmlhttp=GetXmlHttpObject();
  if (xmlhttp==null)
  {
    alert (&quot;Browser does not support HTTP Request&quot;);
    return;
  }
  var url=&quot;getShortURL.php&quot;;
  url=url+&quot;?url=&quot;+encodeURIComponent(my_url);

  xmlhttp.onreadystatechange=stateChanged;
  xmlhttp.open(&quot;GET&quot;,url,true);
  xmlhttp.send(null);
}

function stateChanged()
{
  if (xmlhttp.readyState==4)
  {
    twttr.anywhere(function(twitter) {
      twitter(&quot;.comments&quot;).tweetBox({
         label: 'Share with your twitter friends!',
         defaultContent: 'My search on distancefinder: '+xmlhttp.responseText,
         height: 30
      });
    });
  }
}
</pre>
<p>Here’s what the share_twitter function does. It first get the url of the current page:</p>
<pre class="brush: jscript; title: ; notranslate">
var my_url = location.href;
</pre>
<p>If there are already some variables set in PHP GET it erases them and adds the new values (a1 and a2, the functions parameters)</p>
<pre class="brush: jscript; title: ; notranslate">
if (my_url.indexOf('?a1=') != -1)
{
  my_url = my_url.substr(0, my_url.indexOf(&quot;?&quot;));
}
my_url += &quot;?a1=&quot;+a1+&quot;&amp;a2=&quot;+a2;
</pre>
<p>The rest of the code is a bit more complicated (also, I’ve not shown here the GetXmlHttpObject function; you can see it in the source code), but you don’t have to worry if you don’t get it! All you need to do is that it is used to make the request to the getShortURL.php script and receive the result. When it gets the result (if (xmlhttp.readyState==4)) it calls the @anywhere code to show the comment box and sets the url value to the short url it received.</p>
<p>We will also have to add a few lines of code to our app, to be able to load our friends search results. As I said, we have sent the a1 and a2 parameters (the two addresses) through GET. We will have to add a script to check if the variables are set and if they are, to show the correct map.</p>
<p>We will add this php code before the &lt;/body&gt; tag:</p>
<pre class="brush: php; title: ; notranslate">
&lt;?php
if (isset($_GET['a1']) &amp;&amp; isset($_GET['a2']))
{
   echo &quot;&lt;script&gt;start('&quot;.$_GET['a1'].&quot;', '&quot;.$_GET['a2'].&quot;');&lt;/script&gt;&quot;;
}
?&gt;
</pre>
<p>As you can see, the script will call the start function if the two parameters are set. Let’s see how the start function looks like:</p>
<pre class="brush: jscript; title: ; notranslate">
function start(a1, a2)
{
   document.getElementById(&quot;address1&quot;).value = a1;
   document.getElementById(&quot;address2&quot;).value = a2;
   initialize();
}</pre>
<p>All it has to do is set the address values in the textboxes and to call to initialize() function, the one that shows the map.</p>
<p>And that’s it! We now have a comment box in our app. Of course, the users will have to be logged in their twitter accounts and allow your app to connect to their accounts. But all this is taken care of by @Anywhere!</p>
<p>Let’s check out other features of @Anywhere:</p>
<p><strong>Linkifying twitter usernames</strong></p>
<p>With only a few javascript lines added to the head section of your site, @Anywhere will convert all twitter usernames on your page in links to the proper twitter profiles.</p>
<p>Here’s the script we need to add:</p>
<pre class="brush: jscript; title: ; notranslate">
twttr.anywhere(function (T) {
   T.linkifyUsers();
});
</pre>
<p>You just have to call the linkifyUsers() function. This code will turn all twitter usernames found in the &lt;body&gt; section to links. You can also chose to only linkify the usernames in a section of your site. To do this, you will only need to specify the id of the element which has the usernames you want linkified.</p>
<pre class="brush: jscript; title: ; notranslate">
twttr.anywhere(function (T) {
   T(&quot;#ELEMENT_ID&quot;).linkifyUsers();
});
</pre>
<p><strong>Hovercards</strong></p>
<p>Hovercards are small tooltips that show some data about a particular Twitter user. These will show up if you go with the mouse over a twitter username on you site. To add this option, you will have to add this script:</p>
<pre class="brush: jscript; title: ; notranslate">
twttr.anywhere(function (T) {
   T.hovercards();
});
</pre>
<p>You can also limit the scope when the hovercards appear, just like with linkifying usenames.</p>
<p>Let’s add a twitter username to the site and test these features:</p>
<pre class="brush: xml; title: ; notranslate">&lt;center&gt;&lt;div style=&quot;width:100%; height:4%&quot;&gt;Demo App by @anirib&lt;/div&gt;&lt;/center&gt;</pre>
<p>@Anywhere seems pretty cool, eh?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/tutorials/connect-twitter-anywhere/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
	</channel>
</rss>

