Bringing Influence to Your Site

Widgets

So you’ve got Klout, but how do you let people know it? We bet this is keeping you up at night, so we stayed up late and made these awesome widgets to solve that problem. Right now we have styling Klout Badges and rocking Hover Cards, but expect more soon.

Badges

Step 1:

Choose your badge size

Large200px wide Medium160px wide Small120px wide

Step 2:

Customize your text color (optional)

Text

Step 3:

Preview and get your code

Preview
Your badge will look like this:

Code

Copy and paste this code into the HTML for your website wherever you want the badge to appear.


										<iframe src="http://widgets.klout.com/badge/joefernandez" style="border:0" scrolling="no" width="200px" height="95px"></iframe>

Hover Cards

Hover cards show a pop-up with more information when a visitor mouses over a link to a klout profile. All you have to do is include a js file on your page (anywhere) any klout profile link joefernandez will have a hovercard attached to it.


					<script type="text/javascript" src="http://widgets.klout.com/public/scripts/widget_hover.js"></script>

Wordpress plugin:

We’ve also made a handy WordPress plugin for you, just download it and install it on your WordPress blog and you’ll be all set.

Klout is the Standard for Influence