# Blog on webpage

**URL:** <https://community.hubspot.com/t/blog-on-webpage/27907>\
**Category:** CMS Development\
**Tags:** local-development\
**Created:** [November 12, 2020, 8:21am UTC](https://community.hubspot.com/t/blog-on-webpage/27907 "2020-11-12T08:21:19Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![liselippert](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/liselippert/32/99730_2.png) [@liselippert](https://community.hubspot.com/u/liselippert)\
**Post date:** [November 12, 2020, 8:21am UTC](https://community.hubspot.com/t/blog-on-webpage/27907/1 "2020-11-12T08:21:19Z")

</div>

I’m creating a webpage for a customer using local development. How can I implement the blog on this webpage?

I’ve manage to create a blog listing module, but I want the whole blog to be on the webpage. I want the blog to have the same header and footer as the webpage, and not go to another domain.

Any suggestions? 🙂

---

<div class="post-metadata">

**Author:** ![Anton](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/anton/32/103167_2.png) [@Anton](https://community.hubspot.com/u/Anton)\
**Post date:** [November 12, 2020, 2:41pm UTC](https://community.hubspot.com/t/blog-on-webpage/27907/2 "2020-11-12T14:41:27Z")

</div>

Hi @liselippert,

do you use the HubSpot Blog feature or is it an external blog?

If external you have following options:

1. Import the whole external blog into HubSpot
2. Write a stylesheet for the external blog which will fit the look&feel of the new HubSpot header and footer
3. create a simple jQuery load module which will load a certain div by it’s ID(bestcase the whole blog container) into an empty div in HubSpot(not recommended since this will most likely have a big impact on pagespeed)
4. Anybody who will suggest you to go with iFrames - ignore him/her. It’s the worst possible way since iFrames aren’t resonsive

If it’s an HubSpot blog it shouldn’t be a problem to edit/write a blog template with the default header and footer

best,

Anton

---

<div class="post-metadata">

**Author:** ![liselippert](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/liselippert/32/99730_2.png) [@liselippert](https://community.hubspot.com/u/liselippert)\
**Post date:** [November 12, 2020, 2:52pm UTC](https://community.hubspot.com/t/blog-on-webpage/27907/3 "2020-11-12T14:52:00Z")

</div>

@Anton It’s a HubSpot blog. I don’t want to be redirected to a [blog.domain.com](http://blog.domain.com) site. I would like to keep all the content of the blog on the webpage. Just changing the blog template won’t do it for me. Can I possibly make a HubSpot module that lists all blog posts and links to the right blog post without redirecting? 🙂

---

<div class="post-metadata">

**Author:** ![Anton](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/anton/32/103167_2.png) [@Anton](https://community.hubspot.com/u/Anton)\
**Post date:** [November 12, 2020, 3:06pm UTC](https://community.hubspot.com/t/blog-on-webpage/27907/4 "2020-11-12T15:06:17Z")

</div>

hi @liselippert,

if you want just another URL you should be able to change it in the blog settings.

You find them here:

settings → website → blog  
But be careful - if it’s a live blog it can the link structure inside the blog(posts). You should create a backup flex-redirect from [blog.COMPANY.com](http://blog.COMPANY.com) to [COMPANY.com/blog](http://COMPANY.com/blog) (or what ever your URL structure looks like). And create a backup/export of all blog posts. Furthermore you should run a test in a dev-environment or new blog with only a few lorem ipsum posts.

I think you could technicaly build such a module but this will demand a lot of work/hours - so I don’t recommend this. Much easier would be to change the blog URL in the settings as I’ve written above.

best,

Anton