Display author section at the end of a blog post

[AMartinez95]

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

[kvlschaefer]

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  

[Twigsmore]

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>