Here is the new combined `blog_post.php` file. It handles both:

`blog_post.php?id=15` = displays one full post
`blog_post.php?search=God` = displays search results

```php

<style>
:root{
--bg:#eef2f7;--text:#222;--blue:#03152f;--gold:#FFD54F;--orange:#ff9800;
}

body{margin:0;font-family:Arial;background:var(--bg);}

.elg-header{
position:sticky;top:0;z-index:9999;
background:linear-gradient(135deg,#03152f,#0a2f63,#1657a8);
color:#fff;
}

.elg-top{
display:flex;
justify-content:space-between;
align-items:center;
padding:18px;
flex-wrap:wrap;
}

.logo h1{margin:0;font-size:40px;color:var(--gold);}
.logo span{color:#fff;}
.logo p{margin:5px 0;font-size:14px;color:#d7e4ff;}

.header-tools{display:flex;gap:10px;align-items:center;}

.search-box input{
padding:10px;border-radius:25px;border:none;width:240px;
}
.search-box button{
padding:10px 14px;border-radius:25px;border:none;
background:var(--orange);color:#fff;font-weight:bold;
}

/* STATS */
.elg-stats{
display:flex;gap:10px;justify-content:center;
padding:8px;background:rgba(0,0,0,.2);
}
.elg-stat{
background:rgba(255,255,255,.12);
padding:6px 10px;border-radius:20px;font-size:12px;
}

/* MENU */
.elg-menu{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:8px;
padding:14px;
background:#041224;
border-top:2px solid var(--gold);
}

.elg-menu a{
color:#fff;text-decoration:none;
padding:10px 16px;border-radius:25px;
font-weight:bold;
}

.elg-menu a:hover,.elg-menu a.active{
background:var(--gold);color:#041224;
}

/* MEMBER */
.member-menu{position:relative;}
.member-dropdown{
display:none;
position:absolute;
right:0;top:45px;
background:#fff;color:#000;
width:260px;border-radius:10px;
box-shadow:0 10px 30px rgba(0,0,0,.3);
z-index:99999;
}

.member-menu:hover .member-dropdown{display:block;}

.member-dropdown a{
display:block;padding:10px;
text-decoration:none;color:#222;
border-bottom:1px solid #eee;
}

.member-dropdown a:hover{background:var(--gold);}

/* HAMBURGER */
.hamburger{
display:none;
font-size:28px;
background:none;
border:none;
color:#fff;
cursor:pointer;
}

/* MOBILE */
@media(max-width:768px){

.elg-top{flex-direction:column;text-align:center;}

.search-box input{width:100%;}

.elg-stats{display:none;}

.hamburger{display:block;}

.elg-menu{
display:none;
flex-direction:column;
width:100%;
}

.elg-menu.open{display:flex;}

.elg-menu a{width:100%;text-align:center;border-radius:0;}

.member-dropdown{
position:relative;
display:none;
width:100%;
box-shadow:none;
}

.member-menu.open .member-dropdown{
display:block;
}
}
</style>

<header class="elg-header">

<div class="elg-top">

    <div class="logo">
        <h1>ELG<span>USER</span>.com</h1>
        <p>Books • Authors • Readers • Learning</p>
    </div>

    <div class="header-tools">
        <form class="search-box" action="blog_post.php">
            <input name="search" placeholder="Search..." />
            <button>🔍</button>
        </form>

        <button class="hamburger" onclick="toggleMenu()">☰</button>
    </div>

</div>


<nav class="elg-menu" id="elgMenu">

<a href="index.php">🏠 Home</a>
<a href="books.php">📚 Books</a>
<a href="authors.php">✍ Authors</a>
<a href="blog.php">📰 Blog</a>
<a href="resources.php">📖 Resources</a>
<a href="index.php">🏛 Library</a>
<a href="trending.php">🔥 Trending</a>
<a href="contact.php">✉ Contact</a>


<a href="register.php">Register</a>
<a href="login.php">Login</a>


</nav>

<script>
function toggleMenu(){
document.getElementById("elgMenu").classList.toggle("open");
}

document.addEventListener("click",function(e){
const menu=document.querySelector(".member-menu");
if(menu && window.innerWidth<768){
menu.onclick=function(){
menu.classList.toggle("open");
}
}
});
</script>

</header>
<style>
.blog-container {
    max-width: 1100px;
    margin: 35px auto;
    background: #fff;
    padding: 35px;
    border-radius: 14px;
    box-shadow: 0 5px 18px rgba(0,0,0,0.12);
    font-family: Arial, Helvetica, sans-serif;
}

.blog-search {
    display: flex;
    gap: 10px;
    margin-bottom: 30px;
}

.blog-search input {
    flex: 1;
    padding: 14px;
    border: 1px solid #ccc;
    border-radius: 30px;
    font-size: 16px;
}

.blog-search button {
    background: #0a2f63;
    color: #fff;
    border: none;
    padding: 14px 24px;
    border-radius: 30px;
    font-weight: bold;
    cursor: pointer;
}

.blog-search button:hover {
    background: #ff9800;
}

.blog-title {
    color: #0a2f63;
    font-size: 36px;
    margin-bottom: 10px;
}

.blog-meta {
    color: #777;
    font-size: 14px;
    margin-bottom: 25px;
}

.blog-featured-image {
    width: 100%;
    max-height: 420px;
    object-fit: cover;
    border-radius: 12px;
    margin-bottom: 25px;
}

.blog-content {
    font-size: 18px;
    line-height: 1.8;
    color: #222;
}

.blog-result {
    border-left: 6px solid #ff9800;
    padding: 22px;
    margin-bottom: 22px;
    background: #f8f9fb;
    border-radius: 12px;
}

.blog-result h2 {
    margin-bottom: 8px;
}

.blog-result h2 a {
    color: #0a2f63;
    text-decoration: none;
}

.blog-result h2 a:hover {
    color: #ff9800;
}

.read-more,
.blog-back {
    display: inline-block;
    margin-top: 18px;
    background: #0a2f63;
    color: #fff;
    padding: 12px 24px;
    text-decoration: none;
    border-radius: 25px;
    font-weight: bold;
}

.read-more:hover,
.blog-back:hover {
    background: #ff9800;
}

.blog-sales-box {
    margin-top: 35px;
    padding: 25px;
    background: linear-gradient(135deg,#ff9800,#ff5722);
    color: #fff;
    border-radius: 14px;
    text-align: center;
}

.blog-sales-box a {
    display: inline-block;
    margin-top: 15px;
    background: #03152f;
    color: #fff;
    padding: 12px 26px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: bold;
}

@media(max-width: 700px) {
    .blog-search {
        flex-direction: column;
    }

    .blog-title {
        font-size: 28px;
    }
}
</style>

<div class="blog-container">

<form method="get" action="blog_post.php" class="blog-search">
    <input 
        type="text" 
        name="search" 
        placeholder="Search blog posts..." 
        value=""
    >
    <button type="submit">Search</button>
</form>


        <h1 class="blog-title">
            Bump: A Heartwarming Children’s Story About Love, Loss, and Forever Memories        </h1>

        <div class="blog-meta">
            Category: Children            |
            Published: June 27, 2026            |
            Views: 13        </div>

                    <img 
                class="blog-featured-image"
                src="images/blog/bump-blog.jpg"
                alt="Bump: A Heartwarming Children’s Story About Love, Loss, and Forever Memories"
            >
        
        <div class="blog-content">
            <h2>Bump: A Story About Love, Loss, and the Paw Prints That Stay Forever</h2><br />
<br />
<p>Some friends come into our lives and leave paw prints on our hearts forever.</p><br />
<br />
<p><strong>Bump</strong> is a heartwarming children's story about love, loyalty, loss, and the special memories that remain even after a beloved pet is gone.</p><br />
<br />
<p>Through gentle storytelling, this book helps children understand that love does not disappear. The best memories stay with us, comfort us, and remind us that every special bond matters.</p><br />
<br />
<h3>A Gentle Story for Children and Families</h3><br />
<br />
<p>Losing a pet can be one of a child's first experiences with grief. <strong>Bump</strong> offers a kind, compassionate way to talk about love, goodbye, and remembrance.</p><br />
<br />
<p>Rather than focusing only on sadness, the story celebrates the joy, laughter, loyalty, and unforgettable moments shared with a beloved dog.</p><br />
<br />
<h3>Why Families Will Love Bump</h3><br />
<br />
<ul><br />
<li>A touching story about love and friendship.</li><br />
<li>Gentle lessons about loss and healing.</li><br />
<li>Perfect for children and families.</li><br />
<li>Encourages kindness, compassion, and emotional understanding.</li><br />
<li>A comforting story for bedtime reading.</li><br />
<li>A meaningful gift for any child who loves animals.</li><br />
</ul><br />
<br />
<h3>A Book That Helps Children Feel</h3><br />
<br />
<p>Children need stories that help them understand big emotions in a safe and loving way.</p><br />
<br />
<p><strong>Bump</strong> reminds young readers that it is okay to miss someone, okay to remember, and okay to keep loving even after goodbye.</p><br />
<br />
<hr><br />
<br />
<div style="background:#fff8e8;border:2px solid #1e5a96;border-radius:14px;padding:30px;margin:35px 0;text-align:center;"><br />
<br />
<h2 style="margin-top:0;color:#0a2f63;">Discover the Story of Bump</h2><br />
<br />
<p style="font-size:18px;line-height:1.8;"><br />
A beautiful children's story about love, loyalty, memories, and the paw prints that stay in our hearts forever.<br />
</p><br />
<br />
<p><br />
<a href="https://elguser.com/bump.php" target="_blank" rel="noopener noreferrer"><br />
Read Bump<br />
</a><br />
</p><br />
<br />
<p style="font-size:15px;color:#555;margin-bottom:0;"><br />
Available now from <strong>ELGUSER.com</strong><br><br />
Written by Robert Armstrong<br />
</p><br />
<br />
</div><br />
<br />
<p><strong>Final Thought:</strong> Even when they leave, love remains.</p><br />
<br />
<p><strong>Bump</strong> is a gentle reminder that the friends we love are never truly gone when their memories stay in our hearts.</p>        </div>

        <div class="blog-sales-box">
            <h3>Enjoying this article?</h3>
            <p>Explore more books, stories, journals, mysteries, faith titles, AI books, and coloring books.</p>
            <a href="books.php">Browse Books</a>
        </div>

        <a class="blog-back" href="blog.php">← Back to Blog</a>

        
</div>

```