How To Add Twitter Follow Button To Your Blogger Blog



How-To-Add-Twitter-Follow-Button-To-Your-Blogger-Blog



It is very important to keep a Twitter Follow Button in your blog to follow your blog’s Twitter account. Twitter Follow Button is a great idea for connecting people with your blog. Visitors can easily get your blog update news, tutorials, post etc when they follow the twitter account. If you have thousands of twitter followers in your blog's twitter account, then you can get lots of traffic only from twitter. So can you imagine how the twitter follower button is important for your blog? For this reason today I am going to share how to add Twitter Follow Button in your blogger blog. So let see the technique-




Now How To Add Twitter Follow Button

1. Login to your Blogger Dashboard

2. Go to Setting >> Template >> Backup. Create backup before your Template customization

3. Now go to Edit HTML >> press in your keyboard CTRL+F to open search box in the template editing area

4. Find out this tag <body>

5. Copy paste the code below the tag. Just like <body>Below Code</body>


<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

6. Now copy paste below code where you want to show the Twitter Follow Button (Display code)

<a href="https://twitter.com/myseotechnique" class="twitter-follow-button" data-show-count="false">Follow @myseotechnique</a>

Change the Highlighted area with your twitter account name. You can also change the twitter follow button as your wish.

Now Customization For Twitter Follow Button

1. Change Text Color
To change the text color use below code in the main Display code. Just change the HTML color code below which you want to show as text color.

data-text-color="#75DC03"

2. Change Link Color
To change link color use below code in the main display code. Just change the HTML color code below which you like.
data-link-color="#000000"

3. Hide Follower’s Count Number
To hide follower’s count number use below code in the main display code. If you want to show count number just replace "false" with "true"
data-show-count="false"

4. Change Align
To change the align use below code in the main display code.
To show right--     data-align="right"
To show left--       data-align="left"

If this post is helpful, Please share it with others and leave your valuable feedback to us. For more tutorials subscribe via email.


Did you Like this article?

Share
the
Love
Get FREE Updates
Get Freebies, updates and Special offers straight into your inbox.

1 comments:

thanks a lot for nice coding, i am really happy to about this post, it's very important to add twitter follow button to blogger, also get traffic

Reply

Post a Comment

Please Read The Rules Before Commenting:-
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".
3.) Never Use Keywords In The Name Section Otherwise Your Comment Will Be Deleted.