Adding an image before author name in top of blog posts

[tuanphan]

To add an image before the author’s name at the top of blog posts, like this

You can use this code to Website Tools > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
 $(document).ready(function(){
    $('<img src="https://images.squarespace-cdn.com/content/v1/644f2654b9c076768430cf4b/2c193ec8-9ecc-446a-ad0a-b50aa57d8a51/Rectangle%2B27.jpg?format=1500w" width="30px"/>').insertBefore('.blog-author-name');
});
</script>
<style>
.blog-meta-item.blog-meta-item--author.p-author.author {
    align-items: center;
    display: flex !important;
}
.blog-meta-item.blog-meta-item--author.p-author.author img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-left: 5px;
    margin-right: 5px;
}
.blog-item-author-date-wrapper {
    align-items: center;
}
</style>

Replace image size/space/URL here