Google Friend Connect – custom Sign in / Join link
| Read next Mobile templates for Blogger websites | x |
Have you ever wanted to make more followers to your Friend connected blog/website?
Write your own words, and ask your visitors to join your site.
Below is the code that does.
But, dont forget to edit the custom text and write your own inviting, impressing text.
And, also the site id (in place of YOUR_SITE_ID_HERE), I hope you know, what’s the site id for Google Friend Connect sites.
<style type="text/css">
#gfc-buttonLink a {font-size: 14px; font-family: verdana; }
</style>
<script src="http://www.google.com/jsapi"
type="text/javascript"></script>
<script type="text/javascript">
google.load('friendconnect', '0.8');
</script>
<script type="text/javascript">
var SITE_ID = 'YOUR_SITE_ID_HERE';
google.friendconnect.container.setParentUrl('/');
google.friendconnect.container.loadOpenSocialApi({
site: SITE_ID,
onload: function() { renderButton(); }});
</script>
<script type="text/javascript">
function renderButton(){
google.friendconnect.renderSignInButton({
'id': 'gfc-buttonLink',
'style':'text',
'text':'This is the text asking your visitors to Join the site' });
};
</script>
<div id="gfc-buttonLink"></div>
You can also change the Font size, Font face, and any CSS style for the link.
Try, and let me know your feedbacks, comments.
Learn more about GFC buttons, and reach more members !