22 July 2020

Publishing games online using the ChessBase replayer

A question recently came up on the Chess.com forums about using Blogger with ChessBase to publish games; this blog switched to using the ChessBase online replayer back in 2018.

Since the instructions at the ChessBase site aren't quite step-by-step, I thought it was worth responding. It's worth noting that this doesn't require any ChessBase software, just a PGN file of the game, so anyone can use it to embed a game in a post.

Here's my answer reproduced:
If you're trying to use the ChessBase program's publish game feature, Blogger isn't going to work with it unless you host the game file separately and then link to it, which kind of defeats the purpose of using Blogger in the first place rather than your own web hosting solution. 
What does work in Blogger is the online ChessBase PGN publishing feature, which embeds the ChessBase game replayer in the post. I switched all of the pathtochessmastery.com published games to it back in 2018, you can take a look there if you want to see the results.
There are two things to do in Blogger to make the game replayer work. I'm still using the old Blogger interface, btw, so the new interface may be slightly different. 
1) In a post where you want to place a game, paste the PGN into the html view of the Create Post screen, wherever you want it to go. Then put
<div class="cbreplay">
right above the start of the PGN, and
</div>
at the end of it. If you post multiple games, do this only once, at the top and bottom of the entire group of PGNs. 
2) To enable the replayer function, do the below once for your blog.
Edit the html formatting for the blog by going to Design - Theme - Edit HTML button.
Towards the top of it (I put it around line 14 in mine) paste the following three lines and save/update
<link href='https://pgn.chessbase.com/CBReplay.css' rel='stylesheet' type='text/css'/>
<script src='https://pgn.chessbase.com/jquery-3.0.0.min.js'/>
<script src='https://pgn.chessbase.com/cbreplay.js' type='text/javascript'/> 
Note that this is done via https, so make sure that is enabled by default in the Blogger settings.

1 comment:

Your comments and ideas on chess training and this site are welcomed.

Please note that moderation is turned on as an anti-spam measure; your comment will be published as soon as possible, if it is not spam.