Jump to content

add back to main blog page Botton at the end of each blogpost

Go to solution Solved by Ziggy,

Recommended Posts

Hello.

I'd like to add a back-to-main-blog-page-Botton at the end of each blogpost. As seen in the images. Preferably with the the hover function as in the 2. image. Is this possible to do in all pages at once, rather than having to add it manually on each single page?

Thank you!

 

I have added a Botton on this page https://www.storiesofsmallthings.com/writings/TheDream and the one prior

All the others don't have the Botton at the moment. They remain like on this one. https://www.storiesofsmallthings.com/writings/Klagesang 

 

Skærmbillede 2023-08-02 kl. 04.27.41.png

Skærmbillede 2023-08-02 kl. 04.27.45.png

Edited by puslingpaahaender
Link to comment

Add this code to the Post Blog Item Code Injection in the blog settings -> Advanced

<div class="sqs-block-button-container sqs-block-button-container--center preFade fadeIn" data-animation-role="button" data-alignment="center" data-button-size="large" data-button-type="secondary" id="yui_3_17_2_1_1690966337285_92" style="transition-timing-function: ease; transition-duration: 1.5s; transition-delay: 0.496552s;">
  <a href="/writings" class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element" data-initialized="true">
    All Writings
  </a>
</div>

 

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
2 minutes ago, Ziggy said:

Add this code to the Post Blog Item Code Injection in the blog settings -> Advanced

Main page settings for the blog.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
  • Solution
3 minutes ago, puslingpaahaender said:

and is it possible to do for all categories in my blog too? So for the German, English and danish categories?

That button will appear on all blog posts in that blog, the categories are not different pages, they're just filters.

6 minutes ago, puslingpaahaender said:

Is it possible to have a little more space between post and Botton?

add this before the previous code:

<br><br>

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
51 minutes ago, puslingpaahaender said:

In order to make them appear like categories and work like they do they are different unlinked pages. The filter function never worked well. In terms to getting back to the mainmenu etc. But I just added the code to the other three pages. Like this I was even able to have the buttons in each their languages. Perfect. Thanks!

Brilliant!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.