Blog_Website icon indicating copy to clipboard operation
Blog_Website copied to clipboard

[Feature] No Back Button after opening a Blog

Open SurajPrakash24 opened this issue 1 year ago • 2 comments

Describe the feature you'd like to request

There is no Back button After a user opens a blog to read. If there will be a Back button then it helps user to easily back to the blogs page

Describe the solution you'd like

I want to add this Back button so that a user can easily back to the Blogs page and navigate to other blogs.

Describe alternatives you've considered

No response

Additional context

I am attaching a screenshot of where we can put the back button. Untitled design (3)

@Kritika30032002 Plz assign this issue to me under gssoc-ext and hacktoberfest-accepted

SurajPrakash24 avatar Oct 20 '24 06:10 SurajPrakash24

/assign

IRONalways17 avatar Oct 20 '24 12:10 IRONalways17

Add the Back Button in the Blog Details View: Locate the views/post.ejs file where the blog details are rendered. Add a back button element that links back to the blogs list page.

`<%- include("partials/header"); -%>

By

Back to Blogs

<%- include("partials/footer"); -%>`

Ensure CSS Styling for the Back Button: Ensure your public/css/styles.css file has the necessary styles for the .btn-primary class.

`.btn-primary { background-color: #1abc9c; color: #fff; border: none; padding: 10px 20px; display: flex; justify-content: center; align-items: center; font-size: 16px; border-radius: 5px; text-decoration: none; transition: background-color 0.2s; }

.btn-primary:hover { background-color: #169c7f; }`

.btn-primary { background-color: #1abc9c; color: #fff; border: none; padding: 10px 20px; display: flex; justify-content: center; align-items: center; font-size: 16px; border-radius: 5px; text-decoration: none; transition: background-color 0.2s; }

.btn-primary:hover { background-color: #169c7f; }

IRONalways17 avatar Oct 20 '24 12:10 IRONalways17