Clone first div that class name is
freshbits-diaries-row.Update date and description respectively to your content.
Add image or video on the
/images/freshbits-diariesfolderCreate thumbnail of image 100 X 100 and put on the
/images/freshbits-diaries/thumbnailsFor the video thumbnail you can use the
/images/freshbits-diaries/play-button.pngOn the anchor tag href add the original image path from the
/images/freshbits-diariesOn the image tag src add the thumbnail image path from the
/images/freshbits-diaries/thumbnailsImage name must be relative to the content and follow the param case.
Make sure image and video must be optimized from
tiny png or tiny jpgNote: 1. Please optimize only single time other wise generated photo quality will be bad.Link to optimize the video
https://www.media.io/video-compressor.html.
- We are fetching blog articles from the Hashnode API which is open for all.
- The ajax request is made on the page load to the Netlify function in the
functions/fetch_blogs.jsfile. - Last two blog articles are displayed on the home page.