# Edit blog listing template

**URL:** <https://community.hubspot.com/t/edit-blog-listing-template/9118>\
**Category:** CMS Development\
**Created:** [June 11, 2018, 3:27pm UTC](https://community.hubspot.com/t/edit-blog-listing-template/9118 "2018-06-11T15:27:19Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![arana](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/arana/32/34870_2.png) [@arana](https://community.hubspot.com/u/arana)\
**Post date:** [June 11, 2018, 3:27pm UTC](https://community.hubspot.com/t/edit-blog-listing-template/9118/1 "2018-06-11T15:27:19Z")

</div>

So, I am new to hubspot and wanted to edit our company’s blog listing template. I wanted to know where I can get started as I am a web developer with no knowledge in python jinja.

I also wanted to know that how do you get value in hubspot or {{ value }} (value that you put in 2 curly baces). Like if I have a form and I want to manipulate it, how to know what to put inside {{ }} here ?

Asking this because I might need something related to blog post to put in {{ }}.

---

<div class="post-metadata">

**Author:** ![tjoyce](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/tjoyce/32/88832_2.png) [@tjoyce](https://community.hubspot.com/u/tjoyce)\
**Post date:** [June 11, 2018, 3:48pm UTC](https://community.hubspot.com/t/edit-blog-listing-template/9118/2 "2018-06-11T15:48:44Z")

</div>

You don’t need any knowledge of jinja or python to build a HS template. You should browse through the [HUBL documentation](https://designers.hubspot.com/docs/hubl/hubl-supported-tags) and get started there or take the [design course offered by HubSpot](https://academy.hubspot.com/courses/hubspot-design). The templating language for HS is much simpler than python, It’s similar to the liquid markup that shopify uses (but more robust).

As an example: I used [this tool](http://www.belch.io) to generate and publish an LP and then went to the design manager to inspect the code and see how it was done. If you match the markup in the template with the [HUBL documentation](https://designers.hubspot.com/docs/hubl/hubl-supported-tags), it should start to lead you down the right path.

Here’s an example [coded file](https://pastebin.com/atpUgYUR)

To answer your more specific question about the dbl curly braces, when you add the export\_to\_template\_context flag, it will be stored in the widget\_data json object

```auto
 export_to_template_context="true"
{% textarea "custom_js_code" label='Custom JS values' no_wrapper="true" export_to_template_context="true" %}

```

When you are previewing a landing page built off of a coded file, in the top right of the page you will see a hubspot logo, if you click that, and then click developer info, you can see the raw data available to the page or template.

 ![www.belch.io_-temporary-slug-3016e35e-435b-4cba-84.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/5/6/560745b5f881a0a4f550df104fa0ae6b43b4019e.jpeg)

---

<div class="post-metadata">

**Author:** ![arana](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/arana/32/34870_2.png) [@arana](https://community.hubspot.com/u/arana)\
**Post date:** [June 11, 2018, 6:50pm UTC](https://community.hubspot.com/t/edit-blog-listing-template/9118/3 "2018-06-11T18:50:56Z")

</div>

Thank you for the reply, I am able to make landing pages but I think blog listing template is a different game because you have blogs listed and you fill out the blog in hubspot. So you go to marketing \> website \> blog then I chose In-line option and then put in the content.

But blog template listing where all blogs are getting listed. This is my companies current blog [https://www.romanoatlaw.com/blog](https://www.romanoatlaw.com/blog)

and I want something like this : [https://nycda.com/blog](https://nycda.com/blog)

---

<div class="post-metadata">

**Author:** ![tjoyce](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/tjoyce/32/88832_2.png) [@tjoyce](https://community.hubspot.com/u/tjoyce)\
**Post date:** [June 11, 2018, 7:10pm UTC](https://community.hubspot.com/t/edit-blog-listing-template/9118/4 "2018-06-11T19:10:21Z")

</div>

Since you’re a developer, it’s really simpler than you think. You just need an html template that looks similar to the grid in the link you supplied, and then you wrap the blog posts in

```auto
{% for content in contents %}
 <div class="post-item"> <h3>{{ content.name }}</h3>
 Post item markup that renders with each iteration. 
 </div>
{% endfor %} 

```

Then you can use any [number of variables that HS provides for you](https://designers.hubspot.com/docs/hubl/hubl-supported-variables) to use within and outside of your loop.

* * *

[tim@belch.io](mailto:tim@belch.io)

---

<div class="post-metadata">

**Author:** ![arana](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/arana/32/34870_2.png) [@arana](https://community.hubspot.com/u/arana)\
**Post date:** [June 11, 2018, 7:18pm UTC](https://community.hubspot.com/t/edit-blog-listing-template/9118/5 "2018-06-11T19:18:28Z")

</div>

okay, thanks Ill definitely try it out.