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">
            Color Outside the Lines: Why Coloring Books Are More Popular Than Ever        </h1>

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

                    <img 
                class="blog-featured-image"
                src="images/blog/color-outside-the-lines-blog.jpg"
                alt="Color Outside the Lines: Why Coloring Books Are More Popular Than Ever"
            >
        
        <div class="blog-content">
            <h2>Color Outside the Lines: Relax, Imagine, Create</h2><br />
<br />
<p>Life is busy. Between work, family, technology, and endless notifications, finding time to relax can be difficult.</p><br />
<br />
<p>That is one reason coloring books have become incredibly popular with adults and children alike. Coloring offers a simple way to slow down, reduce stress, and enjoy the creative process.</p><br />
<br />
<p><strong>Color Outside the Lines</strong> was created to encourage imagination without limits. There are no rules, no grades, and no right or wrong colors—only creativity waiting to come alive.</p><br />
<br />
<h3>Why Readers Love Coloring</h3><br />
<br />
<ul><br />
<li>Reduces everyday stress and anxiety.</li><br />
<li>Encourages mindfulness and relaxation.</li><br />
<li>Improves focus and concentration.</li><br />
<li>Provides a fun screen-free activity.</li><br />
<li>Stimulates creativity and imagination.</li><br />
<li>Perfect for all ages and skill levels.</li><br />
</ul><br />
<br />
<h3>More Than Just a Coloring Book</h3><br />
<br />
<p>Every illustration has been carefully designed with beautiful details while leaving plenty of room for your own artistic style. Whether you prefer colored pencils, markers, gel pens, or crayons, each page becomes your own unique masterpiece.</p><br />
<br />
<p>Coloring is also a wonderful activity to share with family and friends. Parents can color with children, grandparents can create memories with grandchildren, and friends can enjoy relaxing creative time together.</p><br />
<br />
<h3>A Wonderful Gift</h3><br />
<br />
<p>Looking for a thoughtful gift? Coloring books make excellent presents for birthdays, holidays, Mother's Day, Father's Day, teachers, students, artists, or anyone who enjoys relaxing hobbies.</p><br />
<br />
<hr><br />
<br />
<div style="background:#fff8e1;border:2px solid #ff9800;border-radius:14px;padding:28px;margin:35px 0;text-align:center;"><br />
<br />
<h2 style="margin-top:0;color:#0a2f63;"><br />
Start Coloring Today<br />
</h2><br />
<br />
<p style="font-size:18px;line-height:1.8;"><br />
Relax. Imagine. Create.<br />
Discover why readers everywhere are enjoying <strong>Color Outside the Lines</strong> and bring every page to life with your own unique style.<br />
</p><br />
<br />
<p><br />
<br />
<a href="https://elguser.com/coloring.php" target="_blank" rel="noopener noreferrer"><br />
<br />
Order Your Coloring Book Today<br />
<br />
</a><br />
<br />
</p><br />
<br />
<p style="font-size:15px;color:#555;margin-bottom:0;"><br />
Available now from <strong>ELGUSER.com</strong><br><br />
Perfect for adults, teens, families, classrooms, gifts, and anyone who enjoys creativity.<br />
</p><br />
<br />
</div><br />
<br />
<p><strong>Remember:</strong> Creativity has no age limit. Pick up your favorite colors, relax, and let your imagination guide every page.</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>

```