Twitter follow button has started gaining great
attention from blogosphere. More and more blogs are adding it just near
the post titles or on top sidebar to increase the number of their
twitter followers and indirectly increase their pageviews. This button
is an official button created by twitter developers and does not belong
to a third part. As opposed to the retweet button this button loads
quickly and doesn't disturb the load time of your website.
4. Save your widget and you are done!
6. Save your template and you are done.
If you faced any problem just let me know. I will publish another post that will let you fully style and customize the button. Stay tuned.
Adding Twitter Follow button to Blogspot Blogs
To add the button to the widget section of your BlogSpot blogs i.e. Sidebars, below or above Post body, header etc. then do this- Go to Blogger > Design
- Choose HTML/Javascript Widget
- Paste the following code inside it and drag the widget to add your button to any location you want
Replace safdarhussain1 with your twitter user name<a href="http://twitter.com/safdarhussain1" class="twitter-follow-button">Follow @safdarhussain1</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
4. Save your widget and you are done!
Add Twitter Follow Button Below Post titles
If you wish to add the button below post titles then do this,- Go To Blogger > Design > Edit HTML
- Backup your template
- Check the "Expand Widgets Template" box
- Search for this code,
<data:post.body/>5. Just above it paste the following code,
<a href="http://twitter.com/safdarhussain1" class="twitter-follow-button">Follow @safdarhussain1</a>Again make sure to replace the green text with your twitter username.
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
6. Save your template and you are done.
Add Twitter Button To The Bottom Of Every Posts
To add the follow button below all posts on your blogger blogs then repeat the same steps and instead of adding the code above <data:post.body/> add the twitter code below it. That's it!If you faced any problem just let me know. I will publish another post that will let you fully style and customize the button. Stay tuned.
No comments:
Post a Comment