How to add a Twitter Follow and Tweet button on Blogger


Hi friends,Today i am going to show you how to add a Twitter Follow and Tweet button to your blogger. This tutorial not only work with Blogger but its also work with WordPress and your personal websites. Just Follow these simple tutorial steps and when you done this tutorial your widget look like this.

To add Follow button

Step-1

Go to your Blogger Dashboard and than click on Layout as seen on below

Step-2

Than Click on ” add a gadget “

Step-3

Click on “HTML”

Step-4

In subject Fill “Follow us on Twitter” Or as your choose and than paste the code to there as seen in the image.

Code here

<a href=”https://twitter.com/ViewAndroid&#8221; class=”twitter-follow-button” data-show-count=”false” data-size=”large” data-dnt=”true”>Follow @ViewAndroid</a>
<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>

To add Tweet button 

FIRST 3 STEPS ARE SAME

Step-4

In subject fill your choose and than paste this code to there.

Code Here

 <a href=”https://twitter.com/share&#8221; class=”twitter-share-button” data-url=”http://shvmblogspot.blogspot.com&#8221; data-via=”ViewAndroid” data-size=”large”>Tweet</a>
<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>

Note – Plz find and replace these with your’s

  1. shvmblogspot.blogspot.com
  2. viewandroid

If you like our tutorial than like our Facebook page or subscribe our website by your email 
address. Thank you
#shivamkumar 
!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’);

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s