Feb 3, 2022 9:05 AM
Hello,
I'd like to add at the end of my blog posts a "author section". Basically displaying the author of the blog (name, short description, picture). I already created the different authors in Hubspot, so I'm just wondering now how to display it.
Thanks in advance
Feb 3, 2022 10:45 AM
Thanks for the reply, @Twigsmore!
@AMartinez95 here's a Blog Template Markup Guide that you can provide to your dev team. I'd recommend having them create clones of your blog template and listing template if needed so they can preview the changes without affecting your live blog page.
Best,
Kristen
![]() | Did you know that the Community is available in other languages? Join regional conversations by changing your language settings ! |
Feb 3, 2022 10:34 AM
You'll need to add in the author info to the template of the post so that it pulls in that author info that you've already created.
You'll want to work with a dev to ensure you have the right code. Here's an example of what it may look like:
<hr class="blog-hr">
<div class="about-author-sec row-fluid">
<div class="span2">
<img width="100" height="100" alt="{{ content.blog_post_author.display_name }}" src="{{ content.blog_post_author.avatar }}">
</div>
<div class="span10">
<h4>Written by <a class="author-link" href="{{ group.absolute_url }}/author/{{ content.blog_post_author.slug }}">{{ content.blog_post_author.display_name }}</a></h4>
<p>{{ content.blog_post_author.bio }}</p>
{% if content.blog_post_author.has_social_profiles %}
<div class="hs-author-social-section">
<!-- <span class="hs-author-social-label">Find me on:</span> -->
<div class="hs-author-social-links">
{% if content.blog_post_author.facebook %}
<a href="{{ content.blog_post_author.facebook }}" target="_blank" class="hs-author-social-link accentColor1"><i class="fa fa-facebook-square"></i></a>
{% endif %}
{% if content.blog_post_author.linkedin %}
<a href="{{ content.blog_post_author.linkedin }}" target="_blank" class="hs-author-social-link accentColor1"><i class="fa fa-linkedin-square"></i></a>
{% endif %}
{% if content.blog_post_author.twitter %}
<a href="{{ content.blog_post_author.twitter }}" target="_blank" class="hs-author-social-link accentColor1"><i class="fa fa-twitter-square"></i></a>
{% endif %}
{% if content.blog_post_author.google_plus %}
<a href="{{ content.blog_post_author.google_plus }}?rel=author" target="_blank" class="hs-author-social-link accentColor1"><i class="fa fa-google-plus-square"></i></a>
{% endif %}
</div>
</div>
{% endif %}
</div>
</div>