diff --git a/src/components/Blog/BacktoBlog.js b/src/components/Blog/BacktoBlog.js
new file mode 100644
index 0000000000..c45a629d51
--- /dev/null
+++ b/src/components/Blog/BacktoBlog.js
@@ -0,0 +1,15 @@
+// src/components/Blog/BacktoBlog.js
+import React from 'react';
+import Link from '@docusaurus/Link';
+import styles from './styles.module.scss';
+
+
+const BackToBlogHub = () => (
+
+    <Link to="/blog" className={styles.blogHome}>
+      ← Back to Blogs
+    </Link>
+
+);
+
+export default BackToBlogHub;
diff --git a/src/components/Blog/styles.module.scss b/src/components/Blog/styles.module.scss
new file mode 100644
index 0000000000..d9975b0da1
--- /dev/null
+++ b/src/components/Blog/styles.module.scss
@@ -0,0 +1,10 @@
+.blogHome {
+  text-decoration: none;
+  font-size: 14px;
+  position: absolute;
+  display: block;
+  left: 32px;
+
+  top: 140px;
+  color: #525860;
+}
diff --git a/src/theme/BlogPostPage/index.js b/src/theme/BlogPostPage/index.js
new file mode 100644
index 0000000000..7fb4df25b8
--- /dev/null
+++ b/src/theme/BlogPostPage/index.js
@@ -0,0 +1,13 @@
+// src/theme/BlogPostPage/index.js
+import React from 'react';
+import OriginalBlogPostPage from '@theme-original/BlogPostPage'; 
+import BackToBlogHub from '../../components/Blog/BacktoBlog';
+
+export default function BlogPostPageWrapper(props) {
+  return (
+    <>
+      <BackToBlogHub />
+      <OriginalBlogPostPage {...props} />
+    </>
+  );
+}