--> Tweet and Follow Button Design Updated - Ugly Look! | Experience Lab - Online business creation and development guide for bloggers and startups

Tweet and Follow Button Design Updated - Ugly Look!

On November 30, 2011 , Brian Ellin posted on Twitter buttons developers page that from December 6 onwards all button widgets will be automa...

twitter-button new lookOn November 30, 2011 , Brian Ellin posted on Twitter buttons developers page that from December 6 onwards all button widgets will be automatically refreshed with a design update. The new button now looks grey with a blue twitter logo. The aqua blue Tweet button color is deprecated. The @username is merged inside the follow button and follower count is merged inside a dull ugly bubble. This new design is made so that the follow buttons may look similar to Tweet buttons.

Other improvements according to its developer includes:

Other enhancements:

  • Improved mobile and retina display support for the iPhone.
  • Switching from button sprites to HTML & CSS which will bring better accessibility, readability, and language support for more locales.

 

At present the old customization effects are not applicable to both the javascript and Iframe code. I published a post on how to change the look of tweet and follow button in 7 ways and all those previous looks were pretty much interesting and blended all backgrounds. But this new design update has terribly effected the overall design of at least our blog. The tweet button that we added at the header had followers count with transparent background which really suited the layout but now that dull white bubble has really messed things up.

twitter follow button design conflict

Design conflict also includes misaligned margin properties. As can be seen from our floating sharing widget with a wide gap just below the tweet button:

tweet button new look

I am waiting for their documentation page to be updated as soon as possible so that I could share the latest customization tutorials. If you wish to add these buttons to your blogs and websites then kindly read the following tutorial:

COMMENTS

Name

Affiliate Marketing,12,Announcement,34,Bing,9,Bitcoin,38,blog,7,Blogger Resources,42,Blogger Templates,4,blogger tricks,156,Blogging ethics,70,Blogging tips,198,Bugs and Errors,34,Business,9,Copyright Violation,9,CSS and HTMLTricks,95,Designs,8,drop down menu,7,eBook,12,Email Marketing,7,Events,30,Facebook,30,Facebook tricks,49,Google,157,Google AdSense,42,Google Analytics,7,Google Plus,51,Google Plus Tricks,38,Guest Posts,112,home,2,How To,77,Internet,1,JSON Feeds,25,Kitchen Recipes,2,Label Based Sitemap Themes,1,Make Money Online,108,Marketing,16,MBT Blogger Templates,7,Menus,1,News,146,Pages,1,Posts,10,presentations,15,Responsive,10,Reviews,7,SEO,307,Settings,6,Shortcode,15,Sitemap Themes,1,Social Media,155,Technology,7,Templates,1,Tips,2,Tools,1,Traffic Tips,80,Video,19,Web Designing,62,web hosting,18,Webmaster Tools,97,Widgets,199,wordpress,26,
ltr
item
Experience Lab - Online business creation and development guide for bloggers and startups: Tweet and Follow Button Design Updated - Ugly Look!
Tweet and Follow Button Design Updated - Ugly Look!
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihYoclCkgEeI-zdVXq-9JHGYNSGYEiGvIMRNlYifkRGolT7YIwfYyMYXDFj6bmab2DVQ33jYuYSFeb1rXa5FxEnwjrbUGZW8Q4NDYvDNBejzKkntdhdk4kBpd_8sJV196mTPJgDrRUStI/?imgmax=800
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihYoclCkgEeI-zdVXq-9JHGYNSGYEiGvIMRNlYifkRGolT7YIwfYyMYXDFj6bmab2DVQ33jYuYSFeb1rXa5FxEnwjrbUGZW8Q4NDYvDNBejzKkntdhdk4kBpd_8sJV196mTPJgDrRUStI/s72-c/?imgmax=800
Experience Lab - Online business creation and development guide for bloggers and startups
https://www.experiencelab.info/2011/12/tweet-and-follow-button-design-updated.html
https://www.experiencelab.info/
https://www.experiencelab.info/
https://www.experiencelab.info/2011/12/tweet-and-follow-button-design-updated.html
true
2959477579779989044
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy