Jump to content

Adding published date, month and year to each blog post & author profile

Recommended Posts

Hi, is there a custom code to include 'published date, month and year to each blog post' for each blog posts automatically? please share with me. 

I can't seem to figure it out at all although on google it shows the publish date. 

Is there any way as well to include author profile at the top with a link to it as well? 

image.thumb.png.d280a0a52e29c235150bb6fda63f7a3b.png

image.png.e71b77a29d3c2007d0d4564a6b743c23.png

Link to comment
  • Replies 7
  • Created
  • Last Reply

Top Posters In This Topic

On 11/13/2023 at 9:38 PM, pashmina said:

I want it to appear on all blog posts @tuanphan

Here's the link to the one of the posts: https://www.thegonegoat.com/europe/cycling-dalmatian-islands-croatia-split-to-hvar

Add to Website > Page > Website Tools (under Not Linked) > Custom CSS

body.blog-dateline-top article header .article-dateline-above-title, body.blog-dateline-top article header .article-dateline-above-title .date {
    display: block !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 11/18/2023 at 4:20 PM, pashmina said:

Thanks @tuanphan. What about adding author profile like 'By Pashmina Binwani' below the heading and a link of my name to my about me page? 

You mean change this url to about page? or add a similar name under title with link to about me page?

image.thumb.png.0d49e36b19981ffb7c3cb1a1c09c9295.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Try adding this to Last Line in Website Tools > Code Injection > Footer

<script>
  $(document).ready(function(){
    $('span.article-byline').insertAfter('h1.entry-title');
    $('span.article-byline a').attr('href','/about');
});
</script>
<style>
  h1+span.article-byline {
    display: block !important;
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.