# Custom blog author HTML

**URL:** <https://community.hubspot.com/t/custom-blog-author-html/10385>\
**Category:** CMS Development\
**Created:** [September 26, 2018, 11:55am UTC](https://community.hubspot.com/t/custom-blog-author-html/10385 "2018-09-26T11:55:48Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![JonnyZOO](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jonnyzoo/32/101739_2.png) [@JonnyZOO](https://community.hubspot.com/u/JonnyZOO)\
**Post date:** [September 26, 2018, 11:55am UTC](https://community.hubspot.com/t/custom-blog-author-html/10385/1 "2018-09-26T11:55:48Z")

</div>

Hi there

I’d like to create custom ‘blog author’ section that looks like this: [https://www.zoodigital.com/news/mazin-to-tackle-4k4charity-at-ibc-2018?hs\_preview=KipJskmf-6155540930](https://www.zoodigital.com/news/mazin-to-tackle-4k4charity-at-ibc-2018?hs_preview=KipJskmf-6155540930)

Currently, the code looks like this:

```auto
<div class="full-article-footer">
<div class="article-footer">
<div class="avatar-module">
<img class="avatar" height="100px" src="https://app.hubspot.com/settings/avatar/8eb157f261bdca2aabc7c24e3db0322e">
</div>
<p>Written by
<br>
<a class="author-link" href="https://www.zoodigital.com/news/author/jonny-stringer">Jonny Stringer</a>
<br>
</p>
</div>
</div>

```

Is there a way to pull this info from the HubL token in the blog settings? Rather than changing the HTML at a page level.

 ![](https://d2qpr2jzcazej7.cloudfront.net/original/3X/1/2/123a56618d3f52917c227778c9276a5375232561.png)

---

<div class="post-metadata">

**Author:** ![Stephanie-OG](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/stephanie-og/32/73267_2.png) [@Stephanie-OG](https://community.hubspot.com/u/Stephanie-OG)\
**Post date:** [September 26, 2018, 12:42pm UTC](https://community.hubspot.com/t/custom-blog-author-html/10385/2 "2018-09-26T12:42:02Z")

</div>

Hi there!

Yes, you should be able to pull in the author information using HubL. The following should work:

```auto
<div class="full-article-footer">
<div class="article-footer">
<div class="avatar-module">
<img class="avatar" height="100px" src="{{ content.blog_post_author.avatar }}">
</div>
<p>Written by
<br>
<a class="author-link" href="{{ group.absolute_url }}/author/{{ content.blog_post_author.slug }}">{{ content.blog_post_author.display_name }}</a>
<br>
</p>
</div>
</div>

```

You can find the full documentation [here](https://designers.hubspot.com/docs/hubl/blog-content-markup).

I hope that helps!

* * *

[![|300](https://d2qpr2jzcazej7.cloudfront.net/original/2X/e/e6ddb445b684524bbcbd802044a9ca3919d1fbc7.png)](http://www.stephanieogaygarcia.com?utm_source=HubSpotCommunity)HubSpot Design / Development

[Website](http://www.stephanieogaygarcia.com?utm_source=HubSpotCommunity) | [Contact](http://www.stephanieogaygarcia.com/contact?utm_source=HubSpotCommunity)

_If this helped, please mark it as the solution to your question, thanks!_

---

<div class="post-metadata">

**Author:** ![JonnyZOO](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jonnyzoo/32/101739_2.png) [@JonnyZOO](https://community.hubspot.com/u/JonnyZOO)\
**Post date:** [September 26, 2018, 12:55pm UTC](https://community.hubspot.com/t/custom-blog-author-html/10385/3 "2018-09-26T12:55:52Z")

</div>

Perfect, thanks @Stephanie-OG!