Tweet and Follow Button Design Updated - Ugly Look! - My Blogger Market

Breaking

Post Top Ad

Responsive Ads Here

Post Top Ad

Responsive Ads Here

12/08/2011

Tweet and Follow Button Design Updated - Ugly Look!

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:

No comments:

Post a Comment

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. Make sure to click the "Subscribe By Email" link below the comment to be notified of follow up comments and replies.
2. Please "Do Not Spam" - Spam comments will be deleted immediately upon our review.
3. Please "Do Not Add Links" to the body of your comment as they will not be published.
4. Only "English" comments shall be approved.
5. If you have a problem check first the comments, maybe you will find the solution there.

Post Top Ad

Responsive Ads Here