Adding a tweet counter button on your blog is very easy and also very necessary. It lets people share your content to their followers on twitter. It can get you a lot of traffic in a short period of time. The twitter button that that you are going to implement in your website also has a counter which shows how many times that particular blog post is tweeted by the people. Twitter sharing makes your blog post very popular. If it has a lot of tweets, many people will link to your blog post also.
Here are the steps how to add the twitter counter button to your blog just like this blog:-
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
Adding the code before the data:post.body will add the twitter button just like this blog. You can see the twitter share button just after the title of the Post. This is how it will look in the HTML.
Add Twitter Share Button After the Blog Post
Here are the steps how to add the twitter counter button to your blog just like this blog:-
Twitter Share Button |
- Log in to your blogger account.
- Go to the Dashboard.
- Open the Blog in which you want to add the twitter share button.
- Go to Template Option.
- Now Click on HTML.
- Click on Expand Widget Templates.
- Search for <data:post.body/>
- Once you find it Add the below code Just before the data:post.body.
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
Replace the satyenhacks which is colored above with your Twitter Username.
Adding the code before the data:post.body will add the twitter button just like this blog. You can see the twitter share button just after the title of the Post. This is how it will look in the HTML.
Add horizontal twitter share button with counter |
Add Twitter Share Button After the Blog Post
- Add the above code just after the data:post.body to add it below the blog post.
- After adding people can share the link of your blog post to their followers after they fully read it.
Comments
Post a Comment