Add blank section to blog post

I am looking to add a new section to a blog post but it doesn't seem possible.

Does anyone know any code to make this happen?

I spoke to Squarespace and it seems like Fluid Engine isn't live for blogs yet.

I would like a header banner across the top before I begin the main body of the blog post. I've added a screenshot of what I'd like to recreate.

Squarespace suggested using spacers but that won't allow a full-bleed banner image at the top of the page.

Can anyone help? Thanks in advance.

Thank you so much for you help @iamdavehartI really appreciate you taking the time to answer my question. 

This has worked really well and provides exactly what I was looking for, now to work out how to layer an image within the section.

Thanks again, you're a total star.

Hello, related to this topic about adding a section on squarespace blog page. I need to add a form below the blog links on every blog page but I don't have a way to add a section. The form is the same format that I have on every other page on this site: www.hellocinnamon.com 

I need to add the same form format to the individual blog pages. 

On 11/28/2023 at 8:41 AM, Mary_DG said:

Hello, related to this topic about adding a section on squarespace blog page. I need to add a form below the blog links on every blog page but I don't have a way to add a section. The form is the same format that I have on every other page on this site: www.hellocinnamon.com 

I need to add the same form format to the individual blog pages. 

 

You can add it to Site Footer, then we can give jQuery code to move its position

Or use plugin. 

I used to help some sites to achieve same cases, by using section in footer or plugin

6 hours ago, tuanphan said:

You can add it to Site Footer, then we can give jQuery code to move its position

Or use plugin. 

I used to help some sites to achieve same cases, by using section in footer or plugin

Thanks, Tuanphan. but by adding it to the footer will it not appear on other pages too? If you can provide me the Jquery code, I can try it out and get back to you. As always thank you for your help. 

On 11/29/2023 at 10:32 PM, Mary_DG said:

Thanks, Tuanphan. but by adding it to the footer will it not appear on other pages too? If you can provide me the Jquery code, I can try it out and get back to you. As always thank you for your help. 

Yes. Adding to Footer will appear, but then we can use CSS to hide it on all pages.

Currently I don't have code for Section in Site Footer, you can add it then share site url, we can check & give you code (if the site is live & you can't add it, you can duplicate the site & do there)

With plugin, I used Section Loader Supreme plugin then use this code to Code Injection Footer

• First install plugin
• Next, create a page in Not Linked with Name (any name) - URL: above-footer
• Next, add your form into Not Linked Page

Next, add this code to Blog Page Header Code Injection

<div data-wm-plugin="load" data-target="/above-footer"></div>

And add this code to Code Injection > Footer

<script>
$(document).ready(function(){
  setTimeout( function() {
        	$('div.wm-load-container').insertBefore('body[class*="type-blog"].view-item footer.sections');
    }, 3000);
});
</script>

The code will add Not Linked Page Section above Footer on Blog Post Only