Twitter developers today released a brand new shiny follow button for Blogs and Websites.The new Twitter follow button has dispensed with the pop up window to view the profile of the user in order to click Follow.Now when added to your blog as long as readers are logged in to Twitter when you click follow they are following you.Basically it works like the Facebook fan page like button, click and your done.This looks like good news for Bloggers looking to increase there Twitter followers, anything that makes it easier for people to follow you has to be good.The new button also has a few extra options like choosing a light or dark color scheme to suit your blog, display your follower count beside the button and also you can choose the language.
Live Demo – Below id a working demo of the new button, click Follow and your automatically following me (If your not logged in you get a log in option):
Get The New Twitter Follow Button For Your Blog
Simply follow the link to the Twitter Developers page, choose your options and grab your code – Twitter Developers New One Click Follow Button.
Add The Button To Your Blog
The Twitter One Click button uses html and javascript so for all blog platforms you can put the button anywhere that accepts Javascript which is pretty much everywhere.Here are some steps to place it in your Blogger sidebar and above or below posts.
Blogger Sidebar
On Blogger go to your Design Page > Click Add A Gadget > Choose Html/Javascript and paste in the code then save.
Above Posts
On Blogger Go To Design > Edit Html > Tick Expand Widget Templates.
Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code – More Info)
<div class='post-header-line-1'>
Paste your button code Directly Below <div class=’post-header-line-1′> the save your template.
Below Posts
On Blogger Go To Design > Edit Html > Tick Expand Widget Templates.
Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code – More Info)
<div class='post-footer-line post-footer-line-1'>
Paste Your Button Code Directly Below <div class=’post-footer-line post-footer-line-1′> then save your template.
Once again we are bringing you the latest releases as they happen so Make Sure To Follow Us For Updates with our new shiny one click button !
Drop Your Comments And Questions Below.
Similar Posts
- Mini Social Icons With CSS And Image Sprite Flip Effect
- Pop Out Effect Candy Social Icons For Blogger And WordPress
- Connect Instagram And Your Blog With Photo Gallery And Follow Gadgets
- How I Used Industry Leaders On Twitter To Spike My Blog Traffic
- Neat Triangle Design Social And Rss Icon Gadget For Blogger And WordPress