Adding Twitter Follow button to your Blog.

Adding Twitter Follow button to your Blog.


Recently I was just going through my site to check if there is something missing, then I noticed I did not have an easy way for people to follow me on twitter. Also I did not have a widget even, so I decided to place a Twitter Follower button and a Tweet's widget.

Here is the screenshot of the "follow button" widget on my blog.

Newtechnoledge

I searched for how to add "Twitter follow button " and found that this was very easy to do.
You can find more about Twitter widgets on Developers page.

The Follow button is a small widget which allow user to follow a twitter account from any page.

Below is the code you can use to show different follow buttons.


NEWTECHNOLEDGE

Go to blogger Dashboard then go to Template and click on Edit HTML.

 Just paste these given codes anywhere in your coding where your wanna display the Follow button.

FOLLOW BUTTON WITH COUNT.

<a href="https://twitter.com/Newtechnoledge"
class="twitter-follow-button"
data-show-count="true"
data-size="large">Follow @Newtechnoledge</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>


If u dont want to Display Counts then just change

data-show-count="true"...... to .....data-show-count="false"
Newtechnoledge

<a href="https://twitter.com/NewTechnoledge"
class="twitter-follow-button"
data-show-count="false"
data-size="large">Follow @Newtechnoledge</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>

Configure your Follow Button


Just change Newtechnoledge to your Twitter username.

There are some properties which allow you to configure the Follow Button and display. Use data-attributes for the Javascript version:

Followers count display :    data-show-count
Language        :    data-lang
Width             :    data-width
Alignment        :    data-align
Size                :    data-size

Comments

Post a Comment

Popular posts from this blog

URL Shortener Websites

Image
Hello folks today I will share the Best URL Shortener sites. A URL Shortener site is an instrument which is utilized to abbreviate the long URLs. There are numerous URL Shortener apparatuses accessible over the web that can help us in shortening URLs. I will list best out of these. 1. goo.gl  As usual, Google has something uncommon for you . Visit the Google URL shortener site at goo.gl. On the off chance that you aren't marked in, tap the Sign in catch in the upper right corner. Compose or glue your URL in the Paste your long URL here box. 2. Bit.ly  Likely the most prevalent URL shortener for Twitter since it was one of the first to give you a chance to track your little URLs. It's exceptionally straightforward interface will permit you make custom URLs so it's not only an arbitrary blend of letters and numbers on the off chance that you need. 3. Tiny.cc A standout amongst the most prominent and effective connection shorteners for business.
Read more

Best Android Racing games.

Image
Here are some exciting car racing games for Android. 1. Asphalt 8 : Airborne Asphalt Airborne is one of the top and favorite racing games on Android right now. Its the next level for all Android arcade racing games series. Players can work their way through the career mode, unlock new rides, upgrade the ones they have, or take the competition online in staggered or live multiplayer. The incredible high graphics and outstanding soundtrack makes Asphalt 8 to the next level of racing games. New features : 9 different exciting locations added. All tracks availabe in original and mirror variations in career mode. Peform barrel rolls and wild 360 degree jumps. You can downlaod the Asphalt 8:Airborne here :    Download here 2. Need for speed most wanted  It is a high quality game with awesome graphics quality and soundtrack. It requires a 600MB+ download and about 1900MB+ free space on your device. Race with super HOT cars like SRT Viper GTS, Porsche 911 carrera S, Humm
Read more

Top 10 Movies Related to HACKING.

Image
Here is the list of the top 10 hacker movies which you must see if you haven’t seen already! 10. Demon Seed (1977) an organic super-computer — is being fed the sum of all human knowledge, from Chinese to cancer research. Rather unfortunately, the super-computer reaches sentience, and hacks into its creator’s computer- automated house where it develops an unhealthy interest in the scientist’s wife. What happens next is entirely beyond simple hacking, but this movie teaches you to worry about a future where computers can think and act for themselves. 9. Existenz (1999) David Cronenberg’s 1999 sci-fi flick takes a characteristically messy, organic approach to hacking. eXistenZ is set in a computer game where people connect to using biological computers. Cue the usual Croenebergian sprays of body fluid and squelchy bits plus some cool innovations, like a gun (made out of biological components) that shoots teeth. 8. The Net (1995) In The Net, Sandra Bullock plays Angela Benne
Read more