<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
  <meta charset='utf-8'/>
  <meta content='width=device-width, initial-scale=1' name='viewport'/>

  <!-- Title Tag -->
  <title>
    <b:if cond='data:blog.pageType == "index"'>
       <b:if cond='data:blog.searchQuery'>
          Search Results for &quot;<data:blog.searchQuery/>&quot; - <data:blog.title/>
       <b:elseif cond='data:blog.pageTitle != data:blog.title and data:blog.pageTitle != ""'/>
          <data:blog.pageTitle/> - <data:blog.title/>
       <b:else/>
          <data:blog.title/>
       </b:if>
    <b:elseif cond='data:blog.pageType == "error_page"'/>
       Page Not Found - <data:blog.title/>
    <b:else/>
       <data:blog.pageTitle/>
    </b:if>
  </title>

  <!-- Meta Description -->
  <b:if cond='data:blog.metaDescription != ""'>
    <meta expr:content='data:blog.metaDescription' name='description'/>
  </b:if>

  <!-- Core Blogspot Head Elements -->
  <b:include data='blog' name='all-head-content'/>

  <!-- CSS Blogspot -->
    <b:skin><![CDATA[
    .neo-table-wrapper {overflow-x:auto; width:100%; margin:1em 0;} /* Wrapper for scroll */
    .neo-data-table {font-size:10px; border:1px solid #000; border-collapse:collapse;} /* Table styling (NO width:100%) */
    .neo-data-table th, .neo-data-table td {border:1px solid #ccc; padding:2px 4px; text-align:left; vertical-align:top; white-space:nowrap;} /* Added white-space:nowrap */
    .neo-data-table ul {margin:0; padding:0; list-style:none;}
    .neo-data-table li {display:inline-block; margin-right:4px;}
    body:not(#layout) .neo-hidden {display:none !important;}
    ]]></b:skin>
</head>
<body>
  <!-- Site Header -->
  <header class='neo-site-header'>
    <div class='neo-site-title'>
      <h1><a expr:href='data:blog.homepageUrl'><data:blog.title/></a></h1>
    </div>
  </header>



  <!-- Main Content Area -->
  <main class='neo-main-content-area' id='neo-main'>
    <b:section class='neo-main-content-section' id='neo-main-section' maxwidgets='1' name='Main Content Section' showaddelement='no'>
      <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' visible='true'>

        <!-- INCLUDABLE/Component: neoPostListTable -->
        <b:includable id='neoPostListTable' var='unused'>
          <div class='neo-table-wrapper'>
            <table class='neo-data-table' id='neo-data-table-posts'>
              <thead>
                <tr>
                  <th>ID</th> <th>Title</th> <th>URL</th> <th>Published ISO</th> <th>Published Formatted</th> <th>Author</th> <th>Labels</th> <th>Snippet</th> <th>First Image URL</th>
                </tr>
              </thead>
              <tbody>
                <b:if cond='data:posts and data:numPosts > 0'>
                  <b:loop values='data:posts' var='post' index='i'>
                    <tr expr:data-post-id='data:post.id'>
                      <td><data:post.id/></td>
                      <td><data:post.title/></td>
                      <td><a expr:href='data:post.url'><data:post.url/></a></td>
                      <td><time expr:datetime='data:post.timestampISO8601'><data:post.timestampISO8601/></time></td>
                      <td><data:post.timestamp/></td>
                      <td><data:post.author/></td>
                      <td>
                        <b:if cond='data:post.labels'>
                          <ul>
                            <b:loop values='data:post.labels' var='label'>
                              <li expr:data-label-url='data:label.url'><data:label.name/></li>
                            </b:loop>
                          </ul>
                        <b:else/>-</b:if>
                      </td>
                      <td>
                         <b:if cond='data:post.snippet'><data:post.snippet/><b:else/>-</b:if>
                      </td>
                      <td>
                        <b:eval expr='data:post.firstImageUrl ? resizeImage(data:post.firstImageUrl, 72, "1:1") : "(No image)"'/>
                      </td>
                    </tr>
                  </b:loop>
                <b:else/>
                   <tr>
                     <td colspan='9'>No posts found for this view.</td>
                   </tr>
                </b:if>
              </tbody>
            </table>
          </div>
        </b:includable>
        <!-- END INCLUDABLE neoPostListTable -->






        <!-- MAIN INCLUDABLE: Page Logic -->
        <b:includable id='main' var='top'>
          <div class='neo-content-wrapper'>
            <!-- Page Type Logic -->

            <!-- Page 1. Homepage -->
            <b:if cond='data:blog.url == data:blog.homepageUrl'>
              <div class='neo-homepage-data'>
                <h2>Homepage Post Data</h2>
                <b:include name='neoPostListTable'/>
              </div>

            <!-- Page 2. Item Page (Single Post) - Rendering Asli -->
            <b:elseif cond='data:blog.pageType == "item"'/>
              <b:loop values='data:posts' var='post'>
                <article class='neo-post' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
                  <h1 itemprop='headline'><data:post.title/></h1>
                  <div class='neo-post-meta'>
                    <span class='neo-post-timestamp'>
                      Published on:
                      <time expr:datetime='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></time>
                    </span>
                    <b:if cond='data:post.labels'>
                      <span class='neo-post-labels'> | Labels:
                        <b:loop values='data:post.labels' var='label'>
                          <a expr:href='data:label.url' itemprop='keywords' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>, </b:if>
                        </b:loop>
                      </span>
                    </b:if>
                  </div>
                  <div class='neo-post-content' itemprop='articleBody' expr:id='"neo-post-body-" + data:post.id'>
                    <data:post.body/>
                  </div>
                </article>
              </b:loop>

            <!-- Page 3. Static Page - Rendering Asli -->
            <b:elseif cond='data:blog.pageType == "static_page"'/>
              <b:loop values='data:posts' var='post'>
                <div class='neo-custom-page'>
                  <h1 class='neo-page-title'><data:post.title/></h1>
                  <div class='neo-page-content' expr:id='"neo-post-body-" + data:post.id'>
                     <data:post.body/>
                  </div>
                </div>
              </b:loop>

            <!-- Page 4. Archive Page -->
            <b:elseif cond='data:blog.pageType == "archive"'/>
              <div class='neo-archive-data'>
                 <h2 class='neo-page-title'>Archive: <data:blog.pageName/> - Post Data</h2>
                 <b:include name='neoPostListTable'/>
              </div>

            <!-- Page 5. Label & Search (Index) -->
            <b:elseif cond='data:blog.pageType == "index"'/>
              <div class='neo-index-data'>
                <b:if cond='data:blog.searchQuery'>
                  <h2 class='neo-page-title'>Search Results: &quot;<data:blog.searchQuery/>&quot; - Post Data</h2>
                <b:else/> <!-- Label Page -->
                  <h2 class='neo-page-title'>Label: <data:blog.pageName/> - Post Data</h2>
                </b:if>
                <b:include name='neoPostListTable'/>
              </div>

            <!-- Page 6. Error Page (404) -->
            <b:elseif cond='data:blog.pageType == "error_page"'/>
               <div class='neo-error-page'>
                  <h1 class='neo-page-title'>Oops! Page Not Found (404)</h1>
                  <p>Sorry, the content you are looking for is not here.</p>
               </div>

            <!-- Page 7. Fallback for Unknown Page Types -->
            <b:else/>
               <div class='neo-unknown-page'>
                  <h1>Unknown Page Type</h1>
                  <p>This page type is not recognized by the template.</p>
               </div>
            </b:if>

          </div> <!-- End .neo-content-wrapper -->
        </b:includable> <!-- Akhir includable 'main' -->

      </b:widget> <!-- Akhir widget Blog1 -->
    </b:section>
  </main> <!-- End Main Content Area -->



  <!-- Site Footer -->
  <footer class='neo-site-footer'>
     <p>Copyright &#169; <data:blog.title/></p>
  </footer>





  <!-- Conditional Widget Sections -->
  <b:section class='neo-hidden' cond='data:view.isHomepage' id='neo-widget-home' name='Home Widgets Only (Hidden)' showaddelement='yes' />
  <b:section class='neo-hidden' cond='data:blog.pageType == "static_page"' id='neo-widget-page' name='Page Widgets Only (Hidden)' showaddelement='yes' />
  <b:section class='neo-hidden' cond='data:blog.pageType == "item"' id='neo-widget-post' name='Post Widgets Only (Hidden)' showaddelement='yes' />
  <b:section class='neo-hidden' cond='data:blog.pageType == "archive"' id='neo-widget-archive' name='Archive Widgets Only (Hidden)' showaddelement='yes' />
  <b:section class='neo-hidden' cond='data:blog.pageType == "index" and !data:view.isHomepage' id='neo-widget-index' name='Index Widgets Only (Hidden)' showaddelement='yes' />
  <b:section class='neo-hidden' cond='data:blog.pageType == "error_page"' id='neo-widget-error' name='Error Widgets Only (Hidden)' showaddelement='yes' />
  <b:section class='neo-hidden' id='neo-widget-global' name='Global Scripts/HTML All Pages (Hidden)' showaddelement='yes' />
  <b:section id='neo-widget-visible' name='Global HTML All Pages (Visible)' showaddelement='yes' />
 
 

   <!-- Conditional <script> Blocks -->
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <!-- Code 1. Homepage -->
    <script type='text/javascript'>//<![CDATA[
      console.log("Homepage JS");
    //]]></script>
  <b:elseif cond='data:blog.pageType == "item"'/>
    <!-- Code 2. Post -->
    <script type='text/javascript'>//<![CDATA[
      console.log("Item Page JS");
    //]]></script>
  <b:elseif cond='data:blog.pageType == "static_page"'/>
    <!-- Code 3. Custom Page -->
    <script type='text/javascript'>//<![CDATA[
      console.log("Static Page JS");
    //]]></script>
  <b:elseif cond='data:blog.pageType == "archive"'/>
    <!-- Code 4. Archive -->
    <script type='text/javascript'>//<![CDATA[
      console.log("Archive Page JS");
    //]]></script>
  <b:elseif cond='data:blog.pageType == "index" and !data:view.isHomepage'/>
    <!-- Code 5. Index (Label/Search) -->
    <script type='text/javascript'>//<![CDATA[
      console.log("Index Page JS");
    //]]></script>
  <b:elseif cond='data:blog.pageType == "error_page"'/>
    <!-- Code 6. Error Page -->
    <script type='text/javascript'>//<![CDATA[
      console.log("Error Page JS");
    //]]></script>
  </b:if>

  <!-- Global JavaScript (Runs on ALL Pages) -->
  <script type='text/javascript' id='neo-global-script'>
  //<![CDATA[
    console.log("This global script runs on ALL page types.");
  //]]>
  </script>

<script src='https://cdn.jsdelivr.net/gh/milio48/neo-util@7321f25518f7bf42e97933081cf0793ca651845c/neo-util.min.js' type='text/javascript'></script>
</body>
</html>