Kred Widgets

We all have influence somewhere Make your Kred Widget FUN - customize it to look the way you like !

1. Small Kred Icon With Score

Simple Code

This code produces a simple image with your Kred score, and should work on most sites.

<a target="_blank" href="http://home.kred/timoreilly">@timoreilly <img src="http://peoplebrowsr.com/widget/kredshield/timoreilly" style="border:0"/></a>

Change timoreilly to your twitter handle before pasting the code into your web site.

Preview

Your icon will look like this:

2. Kred Score Badge

Simple Code

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

<a href="http://home.kred/timoreilly" target="_blank"><img src="//peoplebrowsr.com/widget/kredbadge/timoreilly" style="border:0"/></a>

Change timoreilly to your twitter handle before pasting the code into your web site.

Preview

Your badge will look like this:

3. Kred Community Score Badge

Select community

Simple Code

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

<a href="http://home.kred/timoreilly" target="_blank"><img src="//peoplebrowsr.com/widget/kredbadge/timoreilly/14" style="border:0"/></a>

Change timoreilly to your twitter handle before pasting the code into your web site.

Preview

Your badge will look like this:

4. Kred Badge (Advanced Widget)

Code

Copy and paste this code into the HTML of your website

<script src="//peoplebrowsr.com/widget/kred.js" type="text/javascript"></script><script type="text/javascript">Kred({badge:{ uid:'timoreilly', background:'FFFFFF', color:'000000' }})</script>

Change timoreilly to your twitter handle before pasting the code into your web site.

Preview

5. Kred Network (Advanced Widget)

Code

Copy and paste this code into the HTML of your website

<div id="stream-widget-area"></div> <script type="text/javascript">$("#stream-widget-area").load("http://platform.socialos.io/widget/messages/network.kred");</script>
Preview