ChessFriends.com Live Board will enrich your site with a unique interactive element. Your visitors and readers can play an online game against a human opponent directly at your site. Adding ChessFriends.com Live Board to your site is very easy and will take only several minutes.
Copy the first part of the code (Javascript code) and paste it anywhere in between the <html> and </html> tags.
Javascript code will not slow your site down, because it will be executed just after complete loading of the site.
Examples:
<head> <title>Your Site Name</title> ... <script type='text/javascript'>window._cf ={}; window._cf.id = '2';(function() {var cf = document.createElement('script'); cf.type ='text/javascript'; cf.async = true; cf.src = 'http://cf-cdn.s3.amazonaws.com/js/livechess.min.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(cf, s);})();</script> ... </head>
<body> ... <script type='text/javascript'>window._cf ={}; window._cf.id = '2';(function() {var cf = document.createElement('script'); cf.type ='text/javascript'; cf.async = true; cf.src = 'http://cf-cdn.s3.amazonaws.com/js/livechess.min.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(cf, s);})();</script> ... </body>
Copy the second part of the generated code (HTML code) and paste it in a suitable location in between <body> and </body> tags in HTML code of your site.
Examples:
<body><div id="CF_LIVE_BOARD_1"></div>... </body>
<div id="ID_of_your_existing_div"><div id="CF_LIVE_BOARD_1"></div>... </div>
Tip: Nowadays, most of pages and blogs are divided into sections (<div>–s). If you want to place ChessFriends.com Live Board e.g. in your menu, try to find the <div>, which contains the menu code and insert the HTML generated code of the ChessFriends.com Live Board there.