Use the widget builder below to create a free, responsive, easy-to-use blog widget for your website. The Blog widget generator provides templates and layouts and lets you add unlimited posts and authors.

Do you want to add Blog in Google Sites and others? No problem.

How to Add a Blog to Google Sites

1. Start by setting the tone of your blog: Choose a template that best fits your content and click the “Continue with this template” button. Templates like Business Blog, Food blog, and Adventure blog are available for you to select.
2. Add posts: Creating engaging content is a breeze. Click on the “Add Post” button and choose from two options: Create manually or Generate with AI. Add a post title and description, and start crafting your blog post. Press “/” for commands that will list available content blocks, making it easy to add heading tags, lists, quotes, images, and videos.
3. Add authors: Click the “Add authors” button and add the author’s name and profile picture.
4. Customize the appearance of your blog widget: The theme settings section offers a range of customization options. You can change the style (e.g., blog layout), aspect ratio, fonts, card elements to display, and more, giving you the flexibility to create a blog that suits your style.
5. Settings: In this section, you can change the language, turn the header on or off, and add custom CSS and JavaScript codes.
6. Bring your blog to life: Once you’ve finished designing your Google Sites blog, click the “Add to website for free” button. You’ll then be prompted to sign up on the following page to save your widget and make your blog live.
7. Copy the embed code for the blog widget and paste it into your website’s HTML editor where you want to showcase it.

The Blog widget’s HTML embed code

Blog widget’s HTML code will have two parts. External JavaScript file and HTML div element with class attribute unique to your blog widget.

You can easily display blog widget on your Google Sites website by using the “Embed” block in Website Editor. Here’s how:

1. Edit the page where you want to embed Instagram feed on Google Sites.
2. Add the Embed Block to your page. Click on “Embed Code” section.

4. Paste the generated code into the Embed Code section.

5. Save your changes and preview the widget on your Google Sites page.

The best part is you can embed your Instagram widget on multiple websites regardless of whether they are made on Google Sites.

How to manage your Blog widget

Once you have created your Blog widget for websites, you can easily manage it on your account. In your dashboard, search for ‘Blog’ app under list of apps. As you can see from the following screenshot, you can create more Blog widgets, edit existing ones, and get HTML embed code.