Inserta de forma rápida y sencilla nuestro código en tu blog o página web
Configura los parametros principales para una mejor integración de los contenidos
Puedes personalizar y aplicar nuestros estilos CSS o crear tu propia versión personalizada
Si todo fue bien, podrás ver el resultado de nuestros titulares
Copia y pega el siguiente código en el lugar de tu página web donde deseas que se muestren nuestros contenidos y titulares. De forma opcional puedes integrar el script en tu head o al final de tu página y el html donde deseas que se muestren los contenidos.
<!-- script -->
<script type="text/javascript" src="https://www.negociosecommerce.com/news.js" ></script>
<!-- html -->
<div
class = "journalizze-list-news"
data-source="https://www.negociosecommerce.com"
data-token="023874y2304u2934h2p34iu234h24"
data-logo="true"
data-description="true"
data-limit="5" >
</div>
Puedes configurar algunos parametros opcionales sin necesidad de modificar el script principal
Incluye el siguiente código básico a la página donde insertaste tu código o añade los elementos a tu hoja de estilos. Recuerda que podrás personalizar y crear tu propia versión de estilos personalizados
<style type="text/css">
.journalizze-list-news {
text-align: left;
font-family: arial;
font-size: 1rem;
}
.journalizze-list-news ul {
margin-bottom: 15px;
}
.journalizze-list-news .logo {
padding: 0;
}
.journalizze-list-news li {
margin-bottom: 8px;
}
.journalizze-list-news li .category {
font-size: 0.7rem;
margin-bottom: 5px;
}
.journalizze-list-news li .title {
font-weight: 300;
font-size: 0.95rem;
margin-bottom: 5px;
}
.journalizze-list-news li .description {
font-size: 0.8rem;
margin-bottom: 5px;
}
</style>
Si ya terminaste con la integración, tu página debería mostrar nuestros contenidos y titulares como ne el siguiente ejemplo de visualización CSS