TalentOyster JobBadge Customizer

So following up on previous posts about the TalentOyster JobBadge we've created a simple page to help you create custom badges yourself.

Just to recap quickly the TalentOyster JobBadge lets's you display a real-time, auto-refreshing, widget-list of current opportunities on TalentOyster on your site. You can see the badge in action on the right of this blog.

Now this page wil help you create your own badge. Just set a few configuration buttons to choose your badge size, language, colours and number of jobs and click a button and you'll be able to see a preview of your job badge. Also the source code you need for integrating the badge on to your site is automatically generated for your custom badge and you can just copy and paste it right into your site.

So check out the customizer at http://www.talentoyster.com/servlets/TalentOysterBadge

TalentOyster CommunityEventBadge

Following the launch of the TalentOyster JobBadge is our CommunityEventBadge. You can see the CommunityEventBadge running on the right side of this blog.

This badge works similarly to our JobBadge but provides community event content instead and is targetted more at those who are interested in the community aspects of TalentOyster.

We will be creating a space on our site for you to create customized versions of our badges but for now to add the CommunityEventBadge to your site just copy and paste the code below (to use on bloggercom post this code into a new custom HTML gadget for your blog).



<script src="http://www.talentoyster.com/widgets/events/events.js" type="text/javascript">
</script>
<script type="text/javascript">
// create a new TalentOyster CommunityEventBadge
var talentOysterEventBadge = new
TalentOyster_Eventbadge();

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

// the interval in seconds between event list refreshes. default is 8
talentOysterEventBadge.interval=9;

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

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

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

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

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

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>