ChessFriends.it 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.it 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, 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>
Okopírujte druhú časť vygenerovaného kódu (HTML kód) a vložte ho na na vhodné miesto medzi tagy
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.it 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.it Live Board there.