Introducing the TalentOyster JobBadge

The first TalentOyster web-badge is now up and available for our beta site. You can see it on the right of this blog, it shows recent jobs on our site and refreshes itself every so often.

We'll be adding a section to our site where you can easily create customizable TalentOyster web badges to include on your site but for now the JobBadge code appears below. You can customize the colours used for the badge, the number of jobs to display, whether or not the list should refresh automatically and the delay between refreshes. You can also of course customize the language used for the badge to use any of the TalentOyster supported languages and locales.

So just copy and paste the code below into your page (to use on bloggercom post this code into a new custom HTML gadget for your blog).


<script src="http://www.talentoyster.com/widgets/jobs/jobs.js" type="text/javascript">
</script>
<script type="text/javascript">
// create a new TalentOyster JobBadge
var talentOysterJobBadge = new
TalentOyster_Jobbadge();

// should the badge automatically refresh itself? default is true
// talentOysterJobBadge.autorefresh=false;//turns refresh off

// the interval in seconds between job list refreshes. default is 8
talentOysterJobBadge.interval=9;

// the number of jobs to display in the list. default is 3
talentOysterJobBadge.jobcount=4;

// sets the width of the badge in pixels. default is 200
//talentOysterJobBadge.width=300; // would set width to 300 pixels

// configures the background and font colors used for the frame and content
// talentOysterJobBadge.theme.badgeframe.background="#000000";//black background
// talentOysterJobBadge.theme.badgeframe.color="#FFFFFF";//white text
// talentOysterJobBadge.theme.joblist.background="#FFFFFF";//white background
// talentOysterJobBadge.theme.joblist.color="#000000";//black text

// displays the badge. this line is required
talentOysterJobBadge.render();

// loads the badge with jobs the first time. this line is required
talentOysterJobBadge.load();
</script>