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">
            Murder on Maple Lane: The Quiet Neighborhood Where Everyone Has Something to Hide        </h1>

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

                    <img 
                class="blog-featured-image"
                src="images/blog/murder-on-maple-lane-blog.jpg"
                alt="Murder on Maple Lane: The Quiet Neighborhood Where Everyone Has Something to Hide"
            >
        
        <div class="blog-content">
            <h2>Murder on Maple Lane: Every Perfect Neighborhood Has Secrets</h2><br />
<br />
<p>Every neighborhood has its stories.</p><br />
<br />
<p>Some are shared over backyard fences. Others are whispered during HOA meetings. And a few are buried so deeply that someone is willing to kill to keep them hidden.</p><br />
<br />
<p>Welcome to <strong>Maple Lane</strong>—a peaceful suburban community where beautiful homes, friendly neighbors, and carefully maintained lawns create the illusion of perfection.</p><br />
<br />
<p>But perfection rarely survives a murder.</p><br />
<br />
<h3>The Calm Before the Storm</h3><br />
<br />
<p>At first glance, Maple Lane seems like the ideal place to live. Children play outside. Neighbors wave as they pass. Community events bring everyone together.</p><br />
<br />
<p>Yet behind closed doors, resentment quietly grows.</p><br />
<br />
<ul><br />
<li>Old grudges.</li><br />
<li>Hidden rivalries.</li><br />
<li>Long-kept secrets.</li><br />
<li>Neighbors who know more than they admit.</li><br />
</ul><br />
<br />
<p>When one shocking murder rocks the neighborhood, everyone suddenly becomes both a suspect and a potential victim.</p><br />
<br />
<h3>Trust No One</h3><br />
<br />
<p>As investigators search for the truth, every conversation raises new questions. Every clue reveals another secret. Every neighbor has something to hide.</p><br />
<br />
<p>Readers are pulled into a suspenseful mystery filled with unexpected twists, believable characters, and clues that will keep them guessing until the final pages.</p><br />
<br />
<h3>Why Readers Love Murder on Maple Lane</h3><br />
<br />
<ul><br />
<li>A fast-paced mystery with surprising twists.</li><br />
<li>Suspense that builds chapter after chapter.</li><br />
<li>Relatable suburban characters hiding dangerous secrets.</li><br />
<li>Clean, engaging storytelling.</li><br />
<li>Perfect for fans of cozy mysteries and psychological suspense.</li><br />
<li>An ending readers will not soon forget.</li><br />
</ul><br />
<br />
<hr><br />
<br />
<div style="background:#fdf2f2;border:2px solid #c62828;border-radius:14px;padding:28px;margin:35px 0;text-align:center;"><br />
<br />
<h2 style="margin-top:0;color:#8b0000;"><br />
Uncover the Secrets of Maple Lane<br />
</h2><br />
<br />
<p style="font-size:18px;line-height:1.8;"><br />
One neighborhood.<br><br />
One murder.<br><br />
Countless secrets.<br><br><br />
Can you discover the killer before the final chapter?<br />
</p><br />
<br />
<p><br />
<a href="https://elguser.com/murder.php" target="_blank" rel="noopener noreferrer"><br />
    Read Murder on Maple Lane<br />
</a><br />
Read Murder on Maple Lane<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> The most dangerous secrets are often hidden behind the friendliest smiles.</p><br />
<br />
<p><strong>Murder on Maple Lane</strong> reminds us that every neighborhood has a story—and sometimes that story begins with a murder.</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>

```