Twitter is a very common social network all over the world. It is also known as Micro-blogging Platform. Most of the bloggers like to share their Blog Posts with the twitter followers. That's why they add a twitter follow me button in their blogs, so that the Visitors can follow them on twitter. Adding twitter follow button is too easy. Just follow the steps given below to add a twitter follow me button in your blogger blog or website.
Step 01 Log in to Your Blogger Account
You have to log in to your blogger account first, click here to log in. Now click on Layout from the left side bar. Then click on Add a Gadget from the page.
Step 02 Find Out HTML/JavaScript Gadget
After clicking on Add a Gadget, a pop-up window will open. There you will get a list of gadgets, find out HTML/JavaScript Gadget from there. Then click on the gadget, another pop-up window will open.
Step 03 Copy the Codes Given Below
Now need to copy the codes from any of the box given below. Then paste them into the Content Box, but keep the Title Box empty. You may add a title here if you wish. There are three set of different codes given for three different types of Twitter Follow Me Button. So show the button which one you like.
i. Long and Thin Follow Me Button With Followers Counter
Step 02 Find Out HTML/JavaScript Gadget
After clicking on Add a Gadget, a pop-up window will open. There you will get a list of gadgets, find out HTML/JavaScript Gadget from there. Then click on the gadget, another pop-up window will open.
Step 03 Copy the Codes Given Below
Now need to copy the codes from any of the box given below. Then paste them into the Content Box, but keep the Title Box empty. You may add a title here if you wish. There are three set of different codes given for three different types of Twitter Follow Me Button. So show the button which one you like.
i. Long and Thin Follow Me Button With Followers Counter
<a href="https://twitter.com/LaxmicharaChele" class="twitter-follow-button" data-show-count="true" data-dnt="true">Follow @LaxmicharaChele</a>
<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> |
|---|
ii. Long and Large Follow Me Button With Followers Counter
<a href="https://twitter.com/LaxmicharaChele" class="twitter-follow-button" data-show-count="true" data-size="large" data-dnt="true">Follow @LaxmicharaChele</a>
<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> |
|---|
iii. Short but Large Follow Me Button With Followers Counter
| <a href="https://twitter.com/LaxmicharaChele" class="twitter-follow-button" data-show-count="true" data-size="large" data-show-screen-name="false">Follow @LaxmicharaChele</a>
<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>
|
|---|
Step 04 Change the Twitter User Name
In every set of codes you will found LaxmicharaChele two times. This is the twitter user name. You have to replace them by your twitter user name.
Step 05 Save the Settings and Visit the Blog
Save the Gadget by clicking on the Save Button. Then place the Gadget where you want to show. Click on save again and check the blog to see the newly added Twitter Follow Button.
In every set of codes you will found LaxmicharaChele two times. This is the twitter user name. You have to replace them by your twitter user name.
Step 05 Save the Settings and Visit the Blog
Save the Gadget by clicking on the Save Button. Then place the Gadget where you want to show. Click on save again and check the blog to see the newly added Twitter Follow Button.
No comments:
Post a Comment