# Writing and posting blogs
As a member of AG, you will have the opportunity to showcase your writing skills. You can share your knowledge and ideas over beautifully crafted blogs that reach millions. Our blog topics include:
- Feature updates and walkthrough
- Product reviews
- Tips for smart business growth
- New SaaS worth integrating
- Tips for smart remote working
- Steps to build tech features
- Industry trends
- Technology insights
# How to write blogs
The first thing you should do before you start writing a blog is to read what others have written about similar topics. It will give you a broader scope and better results.
When you feel you are ready to write, just follow the below steps:
- Create a word document
(preferably online)
- Write in a hierarchical manner
(Heading > Sub-Heading > Sub Sub-Heading)
- Place site links wherever needed
- Upload any images for the blog to a drive folder
- Add images or image links in your content
- Share the word document and drive folder with the team for posting
# How to post blogs
Posting blogs in the platform is as easy as reading this blog. Aside from posting your own blogs, you may occasionally help other content writers by posting theirs.
Have everything like the content (word document) and the blog images at place and then follow the simple steps involved for posting:
# The code-based method of posting
- Navigate to the
content/blog
folder at the root of the project. - Create a new markdown file with the blog name, for example
building-your-first-form-with-formester.md
- At the top of the file, Add meta data for the blog as per the format:
---
title: Building your first form with formester
description: Different approaches to building web forms with formester
author: Piyush Singhania
coverImg: /img/formester-form-builder-background.png
coverImgAlt: Cover image for the blog, "Building your first form with formester"
featured: false
published: true
createdAt: '2022-05-10'
---
- Also, Navigate to the
static/img
folder at the root of the project. - Make sure all blog images are added here.
- When using screenshots, use Pika.style (opens new window) to make them look good
- Utilize the Image Compressor (opens new window) tool to efficiently compress a large number of images without any loss in quality.
- Please use the format
blog-name__image-name
for image names, such asbuilding-your-first-form-with-formester__formester-form-builder-background-cover
- The cover image
should not be svg
andshould not exceed 300 kb
in size.
As a result, image previews will appear on all platforms when sharing the blog link.- SVG image previews are not supported by most platforms (source (opens new window))
- Images larger than 300 kb are ignored by WhatsApp (source (opens new window))
- Follow markdown syntax (opens new window) to add your content and images to the file.
- Make sure you add proper title and alt texts for the images and links.
- Find out how to write good alt texts here (opens new window)
- By default the page contains a Call To Action Section (opens new window),
optionally
you can update the title and button text just by adding some more meta data:
cta:
hidden: true
heading: Ready to dive in?
subheading: Register with us Now.
btnPrimary: Sign Up
btnSecondary: Contact Us
btnPrimaryLink: https://app.formester.com/users/sign_up
btnSecondaryLink: /contact
- Commit and push the changes as per the git conventions.
TIP: checkout the previous blog files to understand the pattern
# The UI-based method of posting
UI-based approaches are a good choice for content writers and marketing team members.
- Navigate to
https://formester.com/admin
and login with your credentials. - Click on the
New Blog
button to post a blog. - Add a title, description, and other required fields for the blog.
- Fill out the description box with the opening paragraph
- The cover image
should not be svg
andshould not exceed 300 kb
in size.
As a result, image previews will appear on all platforms when sharing the blog link.- SVG image previews are not supported by most platforms (source (opens new window))
- Images larger than 300 kb are ignored by WhatsApp (source (opens new window))
- Use the text editor and tools to add the blog's content in the body section.
- If you are adding images to your blog, be sure to follow these instructions.
- When using screenshots, use Pika.style (opens new window) to make them look good
- Utilize the Image Compressor (opens new window) tool to efficiently compress a large number of images without any loss in quality.
- Please use the format
blog-name__image-name
for image names, such asbuilding-your-first-form-with-formester__formester-form-builder-background-cover
- Make sure you add proper title and alt texts for the images and links.
- Find out how to write good alt texts here (opens new window)
- As soon as you have finished editing and are satisfied with the content, click on Publish and choose your desired option to publish your blog.
- Additionally, you can mark blogs as drafts by disabling the
PUBLISHED
button.
TIP: checkout the previous blog files to understand the pattern