Cómo insertar Visor ChessBase en Blog
Fuentes:
http://es.chessbase.com/post/dynamic-diagrams-your-new-chess-publishing-tool (artículo de Albert Silver)
https://docu.chessbase.com/reader/cbreplay.html
https://docu.chessbase.com/reader/cbdiagram.html
Pasos importantes:
1. Buscar en Blog-Diseño y hacer click en botón "Editar HTML"(ver figura)
2. Luego hay que proceder a buscar en la parte de arriba del código la cabecera (sección)
<head>
Justo antes de la cabecera, debes insertar el código que se muestra en paso 3
3. Entonces, justo arriba de <head> debes insertar el código siguiente
<link rel="stylesheet" type="text/css" href="https://pgn.chessbase.com/CBReplay.css">
<script src="https://pgn.chessbase.com/jquery-3.0.0.min.js"></script>
<script src="https://pgn.chessbase.com/cbreplay.js" type="text/javascript"></script>
Ahora ya esta tu blog configurado para que le coloques partidas a cada entrada nueva que desees.
4. El paso siguiente es ir a Entrada Nueva y editar en HTML (hacer click allí):
5. Una vez allí, debes insertar este código:
<div class="cbreplay">
</div>
(si notas hay una o un par de líneas vacías entre la línea de inicio y la línea final. Es que en medio debes insertar el pgn de las partidas (tu base de partidas en formato texto, por ejemplo en "formato bloc de notas")
6. Este es un ejemplo cuando insertas el pgn de una sola partida:
<div class="cbreplay">
[Event "World Championship 28th"]
[White "Spassky, Boris V"]
[Black "Fischer, Robert James"]
[Site "Reykjavik"]
[Result "1–0"]
[Date "1972.08.06"]
[WhiteElo "2660"]
[BlackElo "2785"]
1. e4 c5 2. Nf3 d6 3. d4 cxd4 4. Nxd4 Nf6 5. Nc3 a6 6. Bg5 e6 7. f4 Qb6 8. Qd2 Qxb2 9. Nb3 Qa3 10. Bxf6 gxf6 11. Be2 h5 12. 0-0 Nc6 13. Kh1 Bd7 14. Nb1 Qb4 15. Qe3 d5 16. exd5 Ne7 17. c4 Nf5 18. Qd3 h4 19. Bg4 Nd6 20. N1d2 f5 21. a3 Qb6 22. c5 Qb5 23. Qc3 fxg4 24. a4 h3 25. axb5 hxg2+ 26. Kxg2 Rh3 27. Qf6 Nf5 28. c6 Bc8 29. dxe6 fxe6 30. Rfe1 Be7 31. Rxe6
</div>
Lo pruebas y a ver como queda. Consulta los enlaces arriba mencionados.
Agradecimiento especial al equipo de ChessBase y a Albert Silver por su artículo del 18/01/2017
Javier Uría
Gracias por la info, me vino genial por que estaba buscando como integrar ese visor. Saludos!
ResponderEliminarBuen aporte Javier..!
ResponderEliminarFelicitaciones
Este comentario ha sido eliminado por el autor.
ResponderEliminar¡Excelente aporte, me ha funcionado a la perfección! Muchas gracias.
ResponderEliminar