Build a community! With Hyve badges your community on Hyves is visible on your own site and with Hyves Badges your visitors can easily join your community in one click. There are three different Hyve badges: Default badge, Full badge and Pimped badge.
Click on “Show badge” to see a working example of the badge. Click on ‘Show source” to see the code you can use to show the badge on your site.
Default badge
Promote you community on Hyves on you own website and let your visitors join your community in one click. The Default badge shows your logo, members and a ‘Become a member’ button.
Show badge Show source
How to place this badge
Place the following code between the <head> and </head> tags of the page you want to show the badge on:
<script type='text/javascript' src='http://www.hyves.nl/precompiled/hyvesconnect.js'></script>
<script type="text/javascript">
function showBadge(){
Hyves.connect.badge.overview('001755b1b7b72de5eed6c13baca9412468', Hyves.type.HUB, {}, 'hub_badge');
}
</script>Next, add the following line to the body tag:
<body onload="showBadge();">
Place the following code on the place where you want to show the badge:
<div id="hub_badge"></div>
Full badge
With the Full badge your visitors can not only join your community on Hyves but also read your latest blog posts, read a description of your community and see the current members.
Show badge Show source
How to place this badge
Place the following code between the <head> and </head> tags of the page you want to show the badge on:
<script type='text/javascript' src='http://www.hyves.nl/precompiled/hyvesconnect.js'></script>
<script type="text/javascript">
function showBadge(){
var config_hub_badge = {
width: 300,
modules: {}
}
config_hub_badge.modules[Hyves.badge.module.ABOUT] = true;
config_hub_badge.modules[Hyves.badge.module.BLOG] = {
count: 3
};
config_hub_badge.modules[Hyves.badge.module.MEMBER] = true;
Hyves.connect.badge.overview('001755b1b7b72de5eed6c13baca9412468', Hyves.type.HUB, config_hub_badge, 'hub_badge');
}
</script>Next, add the following line to the body tag:
<body onload="showBadge();">
Place the following code on the place where you want to show the badge:
<div id="hub_badge"></div>
Pimped badge
The Pimped badge is a Hyve badge which you can customize. You can choose your own colors for the text and headers. And the Pimped badge also shows the current members.
Show badge Show source
How to place this badge
Place the following code between the <head> and </head> tags of the page you want to show the badge on:
<script type='text/javascript' src='http://www.hyves.nl/precompiled/hyvesconnect.js'></script>
<script type="text/javascript">
function showBadge(){
var config_hub_badge = {
width: 300,
modules: {},
pimp: {}
}
config_hub_badge.modules[Hyves.badge.module.MEMBER] = {
count: 12
};
config_hub_badge.pimp['bordercolor'] = '#000000';
config_hub_badge.pimp['background'] = '#FFFFFF';
config_hub_badge.pimp['header'] = '#000000';
config_hub_badge.pimp['linkcolor'] = '#FF6600';
config_hub_badge.pimp['ruler'] = '#FF6600';
config_hub_badge.pimp['textcolor'] = '#000000';
Hyves.connect.badge.overview('001755b1b7b72de5eed6c13baca9412468', Hyves.type.HUB, config_hub_badge, 'hub_badge');
}
</script>Next, add the following line to the body tag:
<body onload="showBadge();">
Place the following code on the place where you want to show the badge:
<div id="hub_badge"></div>
Don’t have a community on Hyves?
A community on Hyves is a page for brands, activities, companies, interests,etc. which Hyvers can subscribe to and where you can communicate with them. Create your page here.
Read the documentation for developers for more information or go back to all badges
