Documentacion
Para colocar los widgets solo tienes que copiar este código Javascript y ponerlo en tu página donde quieres que aparezca.
<script>
var configWidgets = {
ancho: "300px",
widgets: [
{ nombre: "pr/pega2" },
{ nombre: "pr/pega3" },
{ nombre: "pr/pega4" },
{ nombre: "pr/lotoplus" },
{ nombre: "pr/tradicional" },
{ nombre: "pr/powerball" }
]
};
</script>
<script src="https://www.nacionalloteria.com/widgets/nacionalLoteriaWidgets.v1.0.js"></script>
(*) Ordena los juegos como quieras o elimina los que no necesites
Personalización
Puedes personalizar los widget en tu página definiendo los colores que quieras para cada uno de ellos
Aquí puedes ver el código de dos widgets personalizados para colores oscuros como los que se ven en esta página
<script>
var configWidgets = {
ancho: "300px",
widgets: [
{ nombre: "pr/pega2" ,
options: {
colorFondo: "#BEB6F6",
colorBorde: "#EE9A08",
colorJuego: "#EE9A08",
colorSecundario: "#FFFFFF",
mostrarIconoJuego: "si"
}
} ,
{ nombre: "pr/pega3" ,
options: {
colorFondo: "#8AE1B3",
colorBorde: "#000000",
colorJuego: "#cc2e6c",
colorSecundario: "#514848",
mostrarIconoJuego: "si"
}
} ,
{ nombre: "pr/pega4" ,
options: {
colorFondo: "#2D0CF9",
colorBorde: "#FFFFFF",
colorJuego: "#F9860C",
colorSecundario: "#FFFFFF",
mostrarIconoJuego: "si"
}
} ,
{ nombre: "pr/lotoplus" ,
options: {
colorFondo: "#2D0CF9",
colorBorde: "#FFFFFF",
colorJuego: "#F9860C",
colorSecundario: "#FFFFFF",
mostrarIconoJuego: "si"
}
} ,
{ nombre: "pr/tradicional" ,
options: {
colorFondo: "#0681bc",
colorBorde: "#FFFFFF",
colorJuego: "#F90CAD",
colorSecundario: "#FFFFFF",
mostrarIconoJuego: "si"
}
} ,
{ nombre: "pr/powerball" ,
options: {
colorFondo: "#BEB6F6",
colorBorde: "#EE9A08",
colorJuego: "#EE9A08",
colorSecundario: "#FFFFFF",
mostrarIconoJuego: "si"
}
}
]
};
</script>
<script src="http://nacionalloteriacom.desarrollo.j3aa.com/widgets/nacionalLoteriaWidgets.v1.0.js"></script>