<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Book Intelligent</title>
	<atom:link href="https://www.bookintelligent.com/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.bookintelligent.com</link>
	<description>ความรู้คือโอกาสในการสร้างความร่ำรวย</description>
	<lastBuildDate>Sun, 12 Jul 2026 08:28:30 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.1</generator>

<image>
	<url>https://www.bookintelligent.com/wp-content/uploads/2021/04/cropped-Logo-32x32.jpg</url>
	<title>Book Intelligent</title>
	<link>https://www.bookintelligent.com</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">197878750</site>	<item>
		<title>[Template Excel พร้อมดาวน์โหลด] ปฎิทินวันหยุด วันสำคัญ Dynamic Holiday and Event Calendar ด้วย Excel</title>
		<link>https://www.bookintelligent.com/dynamic-holiday-event-calendar-excel-template/</link>
		
		<dc:creator><![CDATA[kookguu]]></dc:creator>
		<pubDate>Sat, 11 Jul 2026 03:36:37 +0000</pubDate>
				<category><![CDATA[Template Excel พร้อมใช้งาน]]></category>
		<guid isPermaLink="false">https://www.bookintelligent.com/?p=3695</guid>

					<description><![CDATA[Dynamic Holiday and Event Calendar Excel Template หลายคนทำปฏิทินวันหยุดหรือ Event Calendar ใน Excel แบบกรอกเองทุกปี พอเปลี่ยนปี เปลี่ยนเดือน หรือมีวันหยุดพิเศษเพิ่ม ก็ต้องมานั่งแก้ทีละช่อง ทำให้เสียเวลาและมีโอกาสพลาดง่าย วันนี้ BookIntelligent ทำ Dynamic Holiday and Event Calendar Excel Template สำหรับคนที่อยากมีไฟล์ปฏิทิน Excel ที่ปรับปีได้ ใช้จัดการวันหยุดและ Event สำคัญได้ในที่เดียว เหมาะทั้งงานส่วนตัว งานทีม และธุรกิจขนาดเล็ก Dynamic Calendar บน Excel คืออะไร Dynamic Calendar คือปฏิทินที่สามารถเปลี่ยนปีหรือเดือน แล้วตารางวันที่ปรับตามอัตโนมัติ ช่วยลดการทำงานซ้ำและลดความผิดพลาดจากการแก้วันที่ด้วยมือ Template นี้เหมาะกับใคร ฟีเจอร์หลัก โครงสร้างไฟล์ Excel สูตร Excel ที่เกี่ยวข้อง &#8230;<p class="read-more"> <a class="" href="https://www.bookintelligent.com/dynamic-holiday-event-calendar-excel-template/"> <span class="screen-reader-text">[Template Excel พร้อมดาวน์โหลด] ปฎิทินวันหยุด วันสำคัญ Dynamic Holiday and Event Calendar ด้วย Excel</span> Read More &#187;</a></p>]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">Dynamic Holiday and Event Calendar Excel Template</h2>



<p class="wp-block-paragraph">หลายคนทำปฏิทินวันหยุดหรือ Event Calendar ใน Excel แบบกรอกเองทุกปี พอเปลี่ยนปี เปลี่ยนเดือน หรือมีวันหยุดพิเศษเพิ่ม ก็ต้องมานั่งแก้ทีละช่อง ทำให้เสียเวลาและมีโอกาสพลาดง่าย</p>



<p class="wp-block-paragraph">วันนี้ BookIntelligent ทำ <strong>Dynamic Holiday and Event Calendar Excel Template</strong> สำหรับคนที่อยากมีไฟล์ปฏิทิน Excel ที่ปรับปีได้ ใช้จัดการวันหยุดและ Event สำคัญได้ในที่เดียว เหมาะทั้งงานส่วนตัว งานทีม และธุรกิจขนาดเล็ก</p>



<span id="more-3695"></span>



<h3 class="wp-block-heading">Dynamic Calendar บน Excel คืออะไร</h3>



<p class="wp-block-paragraph">Dynamic Calendar คือปฏิทินที่สามารถเปลี่ยนปีหรือเดือน แล้วตารางวันที่ปรับตามอัตโนมัติ ช่วยลดการทำงานซ้ำและลดความผิดพลาดจากการแก้วันที่ด้วยมือ</p>



<figure class="wp-block-image aligncenter size-full"><img fetchpriority="high" decoding="async" width="887" height="702" src="https://www.bookintelligent.com/wp-content/uploads/2026/07/image.png" alt="" class="wp-image-3708" srcset="https://www.bookintelligent.com/wp-content/uploads/2026/07/image.png 887w, https://www.bookintelligent.com/wp-content/uploads/2026/07/image-300x237.png 300w, https://www.bookintelligent.com/wp-content/uploads/2026/07/image-768x608.png 768w, https://www.bookintelligent.com/wp-content/uploads/2026/07/image-600x475.png 600w" sizes="(max-width: 887px) 100vw, 887px" /></figure>



<h3 class="wp-block-heading">Template นี้เหมาะกับใคร</h3>



<ul class="wp-block-list">
<li>HR ที่ต้องวางแผนวันหยุดบริษัท</li>



<li>Admin ที่ต้องทำตารางกิจกรรมประจำเดือน</li>



<li>เจ้าของธุรกิจ SME ที่ต้องเห็นภาพรวมวันหยุดและ Event ทั้งปี</li>



<li>คนทำคอนเทนต์ที่ต้องวาง Content Calendar</li>



<li>พนักงานออฟฟิศที่อยากวางแผนงานด้วย Excel ให้เป็นระบบ</li>
</ul>



<h3 class="wp-block-heading">ฟีเจอร์หลัก</h3>



<ul class="wp-block-list">
<li>เลือกปีแล้วปฏิทินเปลี่ยนตาม</li>



<li>แสดงมุมมอง 12 เดือน</li>



<li>เพิ่มรายการวันหยุดเองได้</li>



<li>เพิ่ม Event สำคัญเองได้</li>



<li>Highlight วันหยุดและ Event อัตโนมัติ</li>



<li>ใช้งานได้กับ Microsoft Excel 365</li>



<li>เหมาะสำหรับ Print หรือ Export เป็น PDF</li>
</ul>



<h3 class="wp-block-heading">โครงสร้างไฟล์ Excel</h3>



<ul class="wp-block-list">
<li><strong>Calendar</strong> — หน้าปฏิทินหลัก</li>



<li><strong>Holiday List</strong> — รายการวันหยุด</li>



<li><strong>Event List</strong> — รายการกิจกรรมหรือ Event สำคัญ</li>



<li><strong>Setting</strong> — ตั้งค่าปี เดือน หรือข้อมูลที่เกี่ยวข้อง</li>
</ul>



<h3 class="wp-block-heading">สูตร Excel ที่เกี่ยวข้อง</h3>



<p class="wp-block-paragraph">Template นี้ออกแบบด้วยแนวคิด Dynamic Excel โดยใช้สูตรและเครื่องมือ เช่น <strong>SEQUENCE, DATE, WEEKDAY, TEXT, COUNTIF, Excel Table</strong> และ <strong>Conditional Formatting</strong> เพื่อให้ปฏิทินปรับตามข้อมูลที่ใส่ไว้ได้ง่ายขึ้น</p>



<p class="wp-block-paragraph"></p>



<h3 class="wp-block-heading">วิธีใช้งานเบื้องต้น</h3>



<ol class="wp-block-list">
<li>เปิดไฟล์ Excel Template</li>



<li>เลือกปีที่ต้องการใช้งาน</li>



<li>เพิ่มวันหยุดใน Holiday List</li>



<li>เพิ่ม Event ใน Event List</li>



<li>กลับมาดูผลลัพธ์ที่หน้า Calendar</li>



<li>นำไปใช้วางแผนงาน หรือ Export เป็น PDF ได้ตามต้องการ</li>
</ol>



<h3 class="wp-block-heading">วิธีดาวน์โหลด Template</h3>



<p class="wp-block-paragraph">ถ้าต้องการดาวน์โหลดไฟล์ Dynamic Holiday and Event Calendar Excel Template สามารถเลี้ยงกาแฟเพื่อสนับสนุนการทำ Template แล้วแนบสลิปเพื่อปลดล็อกหน้าดาวน์โหลดได้ครับ</p>



<!-- ===== BookIntelligent - Single Card Subscribe Form (All-in-One) + Image Upload ===== -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Prompt:wght@400;500;600;700&amp;display=swap" rel="stylesheet">

<style>
  :root{
    --card-bg:#ffffff;
    --card-br:#eceff3;
    --shadow:0 12px 36px rgba(2,16,64,.08);
    --primary:#0A66FF;
    --primary-d:#064fd1;
    --muted:#6b7280;
    --ring:#e6f0ff;
    --coffee-bg:#f3f8ff;
    --coffee-br:#e1ecff;
    --radius:18px;
  }
  .bi-card{
    max-width:640px;margin:0 auto;padding:22px;background:var(--card-bg);
    border:1px solid var(--card-br);border-radius:var(--radius);box-shadow:var(--shadow);
    font-family:"Prompt",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Thai","Sarabun",sans-serif;
    color:#0f172a; line-height:1.55;
  }
  .bi-card h2{margin:2px 6px 16px;text-align:center;font-size:1.28rem;font-weight:700;letter-spacing:.2px}
  .bi-row{margin:14px 0}
  .bi-label{display:block;margin:6px 0 8px;font-size:1rem;color:#111;font-weight:500}
  .bi-input,.bi-textarea,.bi-number{
    width:100%;border:1px solid #d9dee6;border-radius:12px;background:#fff;
    padding:12px 14px;font-size:1rem;outline:none;transition:border .15s,box-shadow .15s,background .15s;
  }
  .bi-input:focus,.bi-textarea:focus,.bi-number:focus{border-color:var(--primary); box-shadow:0 0 0 4px var(--ring)}
  .bi-textarea{min-height:96px;resize:vertical}
  .bi-input::placeholder,.bi-textarea::placeholder{color:#9aa3b2}

  .coffee-box{background:var(--coffee-bg);border:1px solid var(--coffee-br);border-radius:14px;padding:14px 14px 12px;margin-top:10px}
  .coffee-title{font-weight:600;margin-bottom:6px}
  .bi-hint{font-size:.95rem;color:var(--muted)}
  .pp-row{display:flex;align-items:center;gap:10px;margin:8px 0}
  .pp-chip{background:#fff;border:1px dashed #9ac7ff;border-radius:10px;padding:8px 10px;font-weight:700;font-family:ui-monospace,Consolas,monospace}
  .copy-btn{border:1px solid #9ac7ff;background:#f2f7ff;border-radius:10px;padding:8px 10px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:6px}
  .copy-btn:active{transform:translateY(1px)}

  .bi-submit{
    width:100%;margin-top:16px;padding:14px 16px;border:none;border-radius:12px;
    background:linear-gradient(180deg,#0A66FF 0%,#0958e8 100%);color:#fff;font-size:1.05rem;font-weight:700;cursor:pointer;letter-spacing:.2px;
  }
  .bi-submit:disabled{
    background: #ccc; cursor: not-allowed;
  }
  .bi-submit:hover:not(:disabled){filter:brightness(.98)}
  .bi-disclaimer{margin-top:12px;color:#c0392b;font-size:.92rem}

  /* Upload Button Style */
  .upload-box {
      border: 2px dashed #9ac7ff;
      border-radius: 12px;
      padding: 15px;
      text-align: center;
      background: #fdfdfd;
      margin-top: 10px;
  }
  .upload-btn-wrapper {
      position: relative;
      overflow: hidden;
      display: inline-block;
  }
  .btn-upload {
      border: 2px solid #0A66FF;
      color: #0A66FF;
      background-color: white;
      padding: 8px 20px;
      border-radius: 8px;
      font-weight: bold;
      font-size: 14px;
      cursor: pointer;
  }
  .upload-btn-wrapper input[type=file] {
      font-size: 100px;
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0;
      cursor: pointer;
  }
  #fileNameDisplay {
      margin-top: 8px;
      font-size: 0.9rem;
      color: #0A66FF;
      font-weight: 500;
  }

  /* === Mini Scale Override (~12–18% smaller) === */
  .bi-card{ font-size:15px; padding:16px }
  .bi-card h2{ font-size:1.06rem; margin:2px 6px 12px }
  .bi-label{ font-size:.90rem }
  .bi-input,.bi-textarea,.bi-number{ padding:10px 12px; font-size:.95rem; border-radius:10px }
  .bi-textarea{ min-height:80px }
  .coffee-box{ padding:12px; border-radius:12px }
  .coffee-title{ font-size:.98rem }
  .bi-hint{ font-size:.88rem; line-height:1.6 }
  .pp-chip{ padding:6px 8px; font-size:.93rem }
  .copy-btn{ padding:6px 8px; font-size:.90rem }
  .bi-submit{ padding:12px 14px; font-size:.98rem; border-radius:10px }
  .bi-disclaimer{ font-size:.85rem }
  .promo-red{ color:#ff1f1f !important; font-weight:700; }
  .copy-btn{ color:#111 !important; }
  .copy-btn svg, .copy-btn svg path{ stroke:#111 !important; }
  .copy-btn:hover{ color:#111 !important; }

  @media (max-width:420px){
    .bi-card{ padding:14px }
    .bi-card h2{ font-size:1rem }
    .bi-input,.bi-textarea,.bi-number{ padding:9px 11px; font-size:.92rem }
    .pp-chip,.copy-btn{ font-size:.88rem }
  }
</style>

<form id="subscribeForm" class="bi-card" action="https://script.google.com/macros/s/AKfycbzy2bsbi_VbGBDJnIOXVBkp_yjDQLtEW12Y2TKSt5u7LPm0aXMQlxzBrwysp9CI7_JN/exec" method="POST">
  <h2>ดาวน์โหลด Template</h2>

  <!-- Email -->
  <div class="bi-row">
    <label class="bi-label" for="email">📩อีเมล Email <span class="promo-red">(บังคับ)</span></label>
    <input class="bi-input" type="email" id="email" name="email" required="" placeholder="name@gmail.com">
  </div>


<!-- หัวข้อ Subscribe YouTube -->
<div class="bi-row" style="margin-top:10px;">
  <div style="display:flex; align-items:center; gap:6px;">
    <label style="font-weight:600;">📺 Subscribe YouTube</label>
    <span class="promo-red">(บังคับ)</span>
  </div>

<div class="bi-hint" style="margin-bottom:10px;">อัปเดต Template และ ระบบอัตโนมัติใหม่ก่อนใครที่นี่</div>
  <a href="https://www.youtube.com/@bookintelligent6509" target="_blank" style="display:inline-block; background:#ff0000; color:#fff; padding:8px 14px; border-radius:6px; text-decoration:none; font-weight:600;" rel="noopener">
     🔔 Subscribe ช่อง BookIntelligent
  </a>
</div>


  <!-- กล่องกาแฟ (คอลัมน์ R = donation) -->
  <div class="coffee-box">
    <div class="coffee-title">☕ สนับสนุนค่ากาแฟ <span class="bi-hint"></span></div>

    <!-- ปรับปรุงข้อความใหม่ตรงนี้ -->
    <p class="bi-hint" style="margin:6px 0 10px; line-height: 1.6;">
        Template ตัวนี้จริง ๆ แล้ว มีราคาขายตามท้องตลาด 199 บาท<br>
        แต่ผมอยากแบ่งปันให้ทุกคนได้ใช้งานในราคาที่เข้าถึงได้<br>
        เพียงคุณ <strong style="color:#0A66FF">เลี้ยงกาแฟผม 1 แก้ว (65 บาท)</strong>
    </p>
    <p class="bi-hint" style="margin:6px 0 10px; line-height: 1.6;">
        คุณจะได้รับ Template ตัวเต็ม พร้อมใช้งานทันที<br>
        ทุกการสนับสนุนของคุณ คือกำลังใจสำคัญที่ทำให้ผมมีแรงสร้างคอนเทนต์ดี ๆ แบบนี้มาแบ่งปันกันต่อไป 🙏<br>
        <b>ขอบคุณจากใจจริงครับ ❤️</b>
    </p>

    <!-- ข้อมูลการโอน -->
    <div class="bi-hint" style="margin-top:15px; font-weight:600;">พร้อมเพย์</div>
    <div class="pp-row">
      <span class="pp-chip" id="bank-number">1100400603389</span>
      <button class="copy-btn" type="button" id="copyBank">
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none"><path d="M9 9h9v9H9z" stroke="#2563eb" stroke-width="2"></path><path d="M6 6h9v9" stroke="#2563eb" stroke-width="2"></path></svg>
        คัดลอก
      </button>
    </div>
    <label class="bi-label" for="donation">ชื่อบัญชี: นาย ศิริพงษ์ โรจน์ชัยวิริยะกุล</label>

    <!-- ส่วนแนบสลิป แก้ไขตามที่ขอ -->
    <div class="bi-hint" style="margin-top:10px; font-size: 0.9em; font-weight:600; color:#0A66FF;">
        ☕ สนับสนุนค่ากาแฟ 65 บาท เพื่อรับ Template นี้
    </div>

    <label class="bi-label" style="margin-top:15px;">🧾 แนบสลิปการโอน <span class="promo-red">(บังคับ)</span></label>
    <div class="upload-box">
        <div class="upload-btn-wrapper">
          <button class="btn-upload" type="button">เลือกรูปสลิป (Click)</button>
          <input type="file" id="slipInput" accept="image/*" required="">
        </div>
        <div id="fileNameDisplay">ยังไม่ได้เลือกไฟล์</div>
    </div>

  </div>

  <!-- Hidden fields -->
  <input type="hidden" name="source" value="Dynamic Holiday Calendar Excel">
  <input type="hidden" name="type" value="Template Excel">
  <input type="hidden" id="ip" name="ip" value="">

  <!-- Hidden fields สำหรับไฟล์รูปภาพ -->
  <input type="hidden" id="fileContent" name="fileContent">
  <input type="hidden" id="fileMimeType" name="fileMimeType">
  <input type="hidden" id="fileName" name="fileName">

  <button class="bi-submit" id="submitBtn" type="submit"> Download </button>
  <div id="loadingMsg" style="display:none; text-align:center; color:#0A66FF; margin-top:10px;">กำลังอัปโหลด&#8230; กรุณารอสักครู่</div>

  <div style="margin-top:12px; text-align:center; font-size:0.9rem; color:#9aa3b2;">
    หลังโอนถ้าติดปัญหาสามารถทักมาสอบถามได้ที่ LINE ID : <b>@741imcyw</b> หรือ <a href="https://line.me/R/ti/p/%40741imcyw" target="_blank" style="color:#9aa3b2; text-decoration:underline;" rel="noopener">คลิกที่นี่</a>
  </div>

  <div class="bi-disclaimer">
    ไม่อนุญาตให้นำไฟล์ไปจำหน่าย แจกจ่าย หรือเปิดให้ดาวน์โหลดต่อสาธารณะ
  </div>
</form>

<script>
  // 1. คัดลอกเลขพร้อมเพย์
  document.getElementById('copyBank').addEventListener('click', async () => {
    const text = document.getElementById('bank-number').textContent.replace(/\s/g,'').trim();
    try{
      await navigator.clipboard.writeText(text);
      alert('คัดลอกหมายเลขแล้ว');
    }catch(e){
      alert('คัดลอกไม่สำเร็จ ลองอีกครั้งครับ');
    }
  });

  // 2. จัดการไฟล์รูปภาพ (แปลงเป็น Base64)
  const fileInput = document.getElementById('slipInput');
  const fileNameDisplay = document.getElementById('fileNameDisplay');
  const hiddenContent = document.getElementById('fileContent');
  const hiddenMime = document.getElementById('fileMimeType');
  const hiddenName = document.getElementById('fileName');

  fileInput.addEventListener('change', function() {
      if (this.files && this.files[0]) {
          var file = this.files[0];

          // แสดงชื่อไฟล์
          fileNameDisplay.textContent = "✅ " + file.name;
          fileNameDisplay.style.color = "#06C755";

          // อ่านไฟล์
          var reader = new FileReader();
          reader.onload = function(e) {
              // ดึงเฉพาะข้อมูล Base64 (ตัด header data:image/...;base64, ออก)
              var result = e.target.result;
              var base64 = result.split(',')[1];
              var mime = result.split(';')[0].split(':')[1];

              hiddenContent.value = base64;
              hiddenMime.value = mime;
              hiddenName.value = file.name;
          };
          reader.readAsDataURL(file);
      } else {
          fileNameDisplay.textContent = "ยังไม่ได้เลือกไฟล์";
          fileNameDisplay.style.color = "#0A66FF";
          hiddenContent.value = "";
          hiddenMime.value = "";
          hiddenName.value = "";
      }
  });

  // 3. จัดการ Submit Form
  document.getElementById("subscribeForm").addEventListener("submit", async function(e){
    e.preventDefault();

    // ตรวจสอบ Email
    const email = document.getElementById("email").value.trim();
    if(!email || !email.includes("@")){ alert("กรอกอีเมลให้ถูกต้องครับ"); return; }

    // ตรวจสอบไฟล์ (ถ้าไม่มีไฟล์ ค่า base64 จะว่าง)
    if(!hiddenContent.value) {
        alert("กรุณาแนบสลิปการโอนเงินก่อนกด Download ครับ");
        return;
    }

    // แสดง Loading
    const btn = document.getElementById('submitBtn');
    const loadMsg = document.getElementById('loadingMsg');
    btn.disabled = true;
    btn.textContent = "กำลังดำเนินการ...";
    loadMsg.style.display = "block";

    // หา IP Address
    try{
      const res = await fetch("https://api.ipify.org?format=json");
      const data = await res.json();
      document.getElementById("ip").value = data.ip || "";
    }catch(err){
      document.getElementById("ip").value = "unknown";
    }

    // ส่งฟอร์ม
    this.submit();
  });
</script>



<h3 class="wp-block-heading">คลิปวีดีสอนใช้งาน</h3>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<div class="ast-oembed-container"><iframe title="[Template Excel พร้อมดาวน์โหลด] ปฎิทินวันหยุด วันสำคัญ Dynamic Holiday and Event Calendar ด้วย Excel" width="1200" height="675" src="https://www.youtube.com/embed/DY_7da38Ukg?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
</div></figure>



<h3 class="wp-block-heading">สรุป</h3>



<p class="wp-block-paragraph">Dynamic Holiday and Event Calendar Excel Template เหมาะสำหรับคนที่อยากจัดการวันหยุดและ Event ให้เป็นระบบ ลดงานแก้ปฏิทินซ้ำทุกปี และนำ Excel ไปใช้วางแผนงานจริงได้ง่ายขึ้น</p>



<p class="wp-block-paragraph">ตอนนี้ ผมมีทำ <strong>[Template Pro] ระบบบัญชีรายรับ รายจ่าย เงินออม ด้วย Google Sheets มี Dashboard สรุป (Income Expense Saving Tracker)</strong> สามารถดูรายละเอียดได้ที่ <a href="https://www.bookintelligent.com/template-pro-income-expense-saving-tracker/">Link นี้</a></p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-1024x576.png" alt="" class="wp-image-2596" srcset="https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-1024x576.png 1024w, https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-600x338.png 600w, https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-300x169.png 300w, https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-768x432.png 768w, https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1.png 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph"><strong>ลองดูบทความเพิ่มเติมได้ดังนี้</strong></p>



<ul class="wp-block-list">
<li><a href="https://www.bookintelligent.com/category/template-free/">Template Free Google Sheet &amp; Excel ดาวน์โหลดฟรี</a></li>



<li><a href="https://www.bookintelligent.com/passive-income-salaryman/">Passive Income สำหรับพนักงานประจำ</a></li>



<li><a href="https://www.bookintelligent.com/financial-freedom/">สร้างอิสรภาพทางการเงินได้อย่างไร</a></li>
</ul>



<figure class="wp-block-image size-large"><img decoding="async" src="https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling.jpg" alt="ที่ปรึกษาและผู้ฝึกอบรม Excel Power BI Data Storytelling"/></figure>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">3695</post-id>	</item>
		<item>
		<title>[Template Excel พร้อมดาวน์โหลด] คำนวณดอกเบี้ยบ้าน / Refinance (Home Loan Calculator Template)</title>
		<link>https://www.bookintelligent.com/template-excel-home-loan-calculator/</link>
		
		<dc:creator><![CDATA[kookguu]]></dc:creator>
		<pubDate>Sat, 27 Jun 2026 01:01:49 +0000</pubDate>
				<category><![CDATA[Template Excel พร้อมใช้งาน]]></category>
		<guid isPermaLink="false">https://www.bookintelligent.com/?p=3655</guid>

					<description><![CDATA[กำลังผ่อนบ้านอยู่ หรือกำลังวางแผนซื้อบ้าน แล้วเคยสงสัยไหมครับว่าเงินที่เราจ่ายให้ธนาคารในแต่ละเดือนนั้น ถูกนำไปตัดเป็น เงินต้น และ ดอกเบี้ย อย่างละเท่าไร? หลายคนดูเฉพาะยอดผ่อนต่อเดือน แต่ยังไม่เห็นภาพว่า ตลอดอายุสัญญาจะต้องจ่ายดอกเบี้ยรวมทั้งหมดเท่าไร หรือหากเลือก Refinance หลังครบช่วงดอกเบี้ยโปรโมชั่น จะช่วยลดค่าใช้จ่ายได้มากน้อยเพียงใด บทความนี้ผมจึงนำ Home Loan Calculator Template หรือ Template Excel สำหรับคำนวณดอกเบี้ยบ้านและวางแผน Refinance มาแนะนำครับ เพียงกรอกข้อมูลสินเชื่อ อัตราดอกเบี้ย และยอดผ่อนในช่องที่กำหนด ระบบจะคำนวณตารางผ่อนบ้าน แยกเงินต้น ดอกเบี้ย และยอดหนี้คงเหลือในแต่ละเดือนให้อัตโนมัติ Template คำนวณดอกเบี้ยบ้านคืออะไร? Template คำนวณดอกเบี้ยบ้าน คือไฟล์ Excel ที่ช่วยจำลองแผนการชำระสินเชื่อบ้านแบบรายเดือน ผู้ใช้งานเพียงกรอกข้อมูลสำคัญ เช่น จากนั้นระบบจะสร้างตารางคำนวณให้อัตโนมัติ เพื่อแสดงว่าในแต่ละงวด เงินที่ชำระไปถูกแบ่งเป็นเงินต้นและดอกเบี้ยเท่าไร รวมถึงเหลือยอดหนี้อีกกี่บาท Template นี้ยังช่วยเปรียบเทียบภาพรวมระหว่างการผ่อนต่อเนื่องตามสัญญา กับการวางแผน Refinance หลังครบช่วงดอกเบี้ยโปรโมชั่นได้อีกด้วย ทำไมควรคำนวณดอกเบี้ยบ้านล่วงหน้า? 1. เห็นว่าเงินที่จ่ายไปตัดเงินต้นจริงเท่าไร ยอดผ่อนบ้านในแต่ละเดือนไม่ได้ถูกนำไปลดเงินต้นทั้งหมด &#8230;<p class="read-more"> <a class="" href="https://www.bookintelligent.com/template-excel-home-loan-calculator/"> <span class="screen-reader-text">[Template Excel พร้อมดาวน์โหลด] คำนวณดอกเบี้ยบ้าน / Refinance (Home Loan Calculator Template)</span> Read More &#187;</a></p>]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">กำลังผ่อนบ้านอยู่ หรือกำลังวางแผนซื้อบ้าน แล้วเคยสงสัยไหมครับว่าเงินที่เราจ่ายให้ธนาคารในแต่ละเดือนนั้น ถูกนำไปตัดเป็น <strong>เงินต้น</strong> และ <strong>ดอกเบี้ย</strong> อย่างละเท่าไร?</p>



<p class="wp-block-paragraph">หลายคนดูเฉพาะยอดผ่อนต่อเดือน แต่ยังไม่เห็นภาพว่า ตลอดอายุสัญญาจะต้องจ่ายดอกเบี้ยรวมทั้งหมดเท่าไร หรือหากเลือก <strong>Refinance</strong> หลังครบช่วงดอกเบี้ยโปรโมชั่น จะช่วยลดค่าใช้จ่ายได้มากน้อยเพียงใด</p>



<span id="more-3655"></span>



<p class="wp-block-paragraph">บทความนี้ผมจึงนำ <strong>Home Loan Calculator Template</strong> หรือ Template Excel สำหรับคำนวณดอกเบี้ยบ้านและวางแผน Refinance มาแนะนำครับ</p>



<p class="wp-block-paragraph">เพียงกรอกข้อมูลสินเชื่อ อัตราดอกเบี้ย และยอดผ่อนในช่องที่กำหนด ระบบจะคำนวณตารางผ่อนบ้าน แยกเงินต้น ดอกเบี้ย และยอดหนี้คงเหลือในแต่ละเดือนให้อัตโนมัติ</p>



<h2 class="wp-block-heading">Template คำนวณดอกเบี้ยบ้านคืออะไร?</h2>



<p class="wp-block-paragraph">Template คำนวณดอกเบี้ยบ้าน คือไฟล์ Excel ที่ช่วยจำลองแผนการชำระสินเชื่อบ้านแบบรายเดือน</p>



<p class="wp-block-paragraph">ผู้ใช้งานเพียงกรอกข้อมูลสำคัญ เช่น</p>



<ul class="wp-block-list">
<li>ราคาบ้าน</li>



<li>เงินดาวน์</li>



<li>ยอดเงินกู้</li>



<li>ระยะเวลาสินเชื่อ</li>



<li>เดือนที่เริ่มผ่อน</li>



<li>อัตราดอกเบี้ยแต่ละช่วง</li>



<li>ยอดผ่อนต่อเดือน</li>
</ul>



<p class="wp-block-paragraph">จากนั้นระบบจะสร้างตารางคำนวณให้อัตโนมัติ เพื่อแสดงว่าในแต่ละงวด เงินที่ชำระไปถูกแบ่งเป็นเงินต้นและดอกเบี้ยเท่าไร รวมถึงเหลือยอดหนี้อีกกี่บาท</p>



<p class="wp-block-paragraph">Template นี้ยังช่วยเปรียบเทียบภาพรวมระหว่างการผ่อนต่อเนื่องตามสัญญา กับการวางแผน Refinance หลังครบช่วงดอกเบี้ยโปรโมชั่นได้อีกด้วย</p>



<h2 class="wp-block-heading">ทำไมควรคำนวณดอกเบี้ยบ้านล่วงหน้า?</h2>



<h3 class="wp-block-heading">1. เห็นว่าเงินที่จ่ายไปตัดเงินต้นจริงเท่าไร</h3>



<p class="wp-block-paragraph">ยอดผ่อนบ้านในแต่ละเดือนไม่ได้ถูกนำไปลดเงินต้นทั้งหมด เพราะธนาคารจะนำเงินบางส่วนไปชำระดอกเบี้ยก่อน</p>



<p class="wp-block-paragraph">ในช่วงแรกของการผ่อนบ้าน สัดส่วนดอกเบี้ยมักค่อนข้างสูง ทำให้ยอดเงินต้นลดลงช้ากว่าที่หลายคนคาดไว้</p>



<p class="wp-block-paragraph">Template จะแยกข้อมูลให้เห็นอย่างชัดเจนว่าในแต่ละงวดประกอบด้วย</p>



<ul class="wp-block-list">
<li>เงินต้นที่ชำระ</li>



<li>ดอกเบี้ยที่ชำระ</li>



<li>ยอดชำระรวม</li>



<li>ยอดหนี้คงเหลือ</li>
</ul>



<p class="wp-block-paragraph">จึงช่วยให้เราเข้าใจโครงสร้างของสินเชื่อบ้านได้ง่ายขึ้น</p>



<h3 class="wp-block-heading">2. เห็นดอกเบี้ยรวมตลอดสัญญา</h3>



<p class="wp-block-paragraph">การผ่อนบ้านเป็นระยะเวลา 20–40 ปี อาจทำให้ยอดดอกเบี้ยรวมสูงกว่าที่หลายคนคาดไว้</p>



<p class="wp-block-paragraph">แม้ยอดผ่อนต่อเดือนจะดูไม่สูงมาก แต่เมื่อรวมตลอดอายุสัญญาแล้ว เงินที่จ่ายจริงอาจมากกว่าราคาบ้านหลายแสนหรือหลายล้านบาท</p>



<p class="wp-block-paragraph">Template จะแสดงข้อมูลสรุปว่า หากผ่อนต่อไปตามเงื่อนไขที่กำหนด จะต้องจ่าย</p>



<ul class="wp-block-list">
<li>เงินต้นรวมเท่าไร</li>



<li>ดอกเบี้ยรวมเท่าไร</li>



<li>ยอดชำระทั้งหมดเท่าไร</li>



<li>ผ่อนหมดภายในกี่ปีและกี่เดือน</li>
</ul>



<h3 class="wp-block-heading">3. ช่วยวางแผน Refinance</h3>



<p class="wp-block-paragraph">สินเชื่อบ้านส่วนใหญ่มักมีอัตราดอกเบี้ยโปรโมชั่นในช่วง 1–3 ปีแรก หลังจากนั้นอาจเปลี่ยนเป็นอัตราดอกเบี้ยลอยตัว เช่น MLR ลบด้วยอัตราส่วนลดตามเงื่อนไขของธนาคาร</p>



<p class="wp-block-paragraph">หากอัตราดอกเบี้ยหลังหมดโปรโมชั่นสูงขึ้น การ Refinance หรือการขอปรับลดดอกเบี้ยกับธนาคารเดิมอาจช่วยลดดอกเบี้ยรวมได้</p>



<p class="wp-block-paragraph">Template มีส่วนสรุปแผน Refinance เพื่อให้เห็นว่า หลังผ่อนครบช่วงที่กำหนดแล้ว</p>



<ul class="wp-block-list">
<li>ชำระเงินไปทั้งหมดเท่าไร</li>



<li>เป็นเงินต้นเท่าไร</li>



<li>เป็นดอกเบี้ยเท่าไร</li>



<li>เหลือยอดหนี้สำหรับ Refinance เท่าไร</li>
</ul>



<h3 class="wp-block-heading">4. ทดลองปรับยอดผ่อนก่อนตัดสินใจ</h3>



<p class="wp-block-paragraph">ผู้ใช้งานสามารถทดลองเปลี่ยนยอดผ่อนต่อเดือน เพื่อดูผลกระทบต่อระยะเวลาและดอกเบี้ยรวมได้</p>



<p class="wp-block-paragraph">ตัวอย่างเช่น หากปัจจุบันผ่อนเดือนละ 13,000 บาท สามารถทดลองเพิ่มเป็น 15,000 หรือ 18,000 บาท เพื่อประเมินว่า</p>



<ul class="wp-block-list">
<li>จะผ่อนหมดเร็วขึ้นกี่ปี</li>



<li>ดอกเบี้ยรวมลดลงเท่าไร</li>



<li>ยอดเงินต้นลดลงเร็วขึ้นหรือไม่</li>
</ul>



<h2 class="wp-block-heading">ฟีเจอร์ภายใน Home Loan Calculator Template</h2>



<h2 class="wp-block-heading">1. ส่วนรายละเอียดบ้าน</h2>



<p class="wp-block-paragraph">ใช้สำหรับกรอกข้อมูลพื้นฐานของบ้านหรืออสังหาริมทรัพย์ ได้แก่</p>



<ul class="wp-block-list">
<li>สถานที่บ้านหรือชื่อโครงการ</li>



<li>ราคาบ้าน</li>



<li>เงินดาวน์</li>



<li>ยอดเงินกู้</li>
</ul>



<p class="wp-block-paragraph">โดยยอดเงินกู้สามารถคำนวณได้จาก</p>



<p class="wp-block-paragraph"><strong>ยอดเงินกู้ = ราคาบ้าน − เงินดาวน์</strong></p>



<p class="wp-block-paragraph">ตัวอย่างเช่น</p>



<ul class="wp-block-list">
<li>ราคาบ้าน 2,000,000 บาท</li>



<li>เงินดาวน์ 100,000 บาท</li>



<li>ยอดเงินกู้ 1,900,000 บาท</li>
</ul>



<h2 class="wp-block-heading">2. ส่วนรายละเอียดสินเชื่อ</h2>



<p class="wp-block-paragraph">ใช้สำหรับระบุเงื่อนไขหลักของสินเชื่อ เช่น</p>



<ul class="wp-block-list">
<li>อายุสินเชื่อ</li>



<li>จำนวนงวดทั้งหมด</li>



<li>เดือนที่เริ่มผ่อน</li>
</ul>



<p class="wp-block-paragraph">ตัวอย่างเช่น สินเชื่อระยะเวลา 40 ปี จะเท่ากับประมาณ 480 งวด หากชำระเป็นรายเดือน</p>



<h2 class="wp-block-heading">3. รองรับอัตราดอกเบี้ยหลายช่วง</h2>



<p class="wp-block-paragraph">สินเชื่อบ้านแต่ละธนาคารอาจกำหนดอัตราดอกเบี้ยแตกต่างกันในแต่ละปี เช่น</p>



<ul class="wp-block-list">
<li>งวดที่ 1–12</li>



<li>งวดที่ 13–24</li>



<li>งวดที่ 25–36</li>



<li>งวดหลังจากปีที่ 3 เป็นต้นไป</li>
</ul>



<p class="wp-block-paragraph">ภายใน Template สามารถกำหนดอัตราดอกเบี้ยและยอดผ่อนของแต่ละช่วงได้ เพื่อให้ใกล้เคียงกับเงื่อนไขสินเชื่อของผู้ใช้งานมากที่สุด</p>



<p class="wp-block-paragraph">ตัวอย่างเช่น</p>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>ช่วงการผ่อน</th><th>อัตราดอกเบี้ย</th><th>ยอดผ่อนต่อเดือน</th></tr></thead><tbody><tr><td>งวดที่ 1–12</td><td>2.50%</td><td>8,000 บาท</td></tr><tr><td>งวดที่ 13–24</td><td>2.80%</td><td>8,000 บาท</td></tr><tr><td>งวดที่ 25–36</td><td>3.00%</td><td>8,000 บาท</td></tr><tr><td>หลังงวดที่ 36</td><td>6.40%</td><td>13,000 บาท</td></tr></tbody></table></figure>



<h2 class="wp-block-heading">4. สรุปแผน Refinance</h2>



<p class="wp-block-paragraph">ด้านขวาของ Template จะแสดงผลการคำนวณในช่วง 3 ปีแรก เพื่อใช้เป็นข้อมูลประกอบการวางแผน Refinance เช่น</p>



<ul class="wp-block-list">
<li>เงินที่ชำระทั้งหมด</li>



<li>ดอกเบี้ยที่จ่ายรวม</li>



<li>เงินต้นที่ชำระรวม</li>



<li>ยอดหนี้คงเหลือหลังครบ 3 ปี</li>
</ul>



<p class="wp-block-paragraph">ยอดหนี้คงเหลือสามารถนำไปใช้เป็นข้อมูลเบื้องต้นสำหรับเปรียบเทียบข้อเสนอ Refinance จากธนาคารใหม่ได้</p>



<h2 class="wp-block-heading">5. สรุปกรณีผ่อนยาวตลอดสัญญา</h2>



<p class="wp-block-paragraph">Template จะแสดงประมาณการว่า หากผ่อนตามอัตราดอกเบี้ยและยอดชำระที่กำหนดไปจนหมดสัญญา จะมีผลลัพธ์อย่างไร เช่น</p>



<ul class="wp-block-list">
<li>เงินต้นทั้งหมด</li>



<li>ดอกเบี้ยรวมทั้งหมด</li>



<li>เงินที่ต้องชำระรวม</li>



<li>ปีและเดือนที่คาดว่าจะผ่อนหมด</li>
</ul>



<p class="wp-block-paragraph">ข้อมูลส่วนนี้จะช่วยให้เห็นความแตกต่างระหว่างการผ่อนต่อเนื่องตามเงื่อนไขเดิม กับการวางแผนลดดอกเบี้ยในอนาคต</p>



<h2 class="wp-block-heading">6. ตารางผ่อนบ้านรายเดือน</h2>



<p class="wp-block-paragraph">ด้านล่างของ Template เป็นตารางรายละเอียดการชำระรายงวด โดยประกอบด้วย</p>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>รายการ</th><th>รายละเอียด</th></tr></thead><tbody><tr><td>งวดที่</td><td>ลำดับการชำระสินเชื่อ</td></tr><tr><td>Month</td><td>เดือนและปีที่ชำระ</td></tr><tr><td>อัตราดอกเบี้ย</td><td>ดอกเบี้ยที่ใช้ในงวดนั้น</td></tr><tr><td>ชำระเงินต้น</td><td>จำนวนเงินที่นำไปลดหนี้</td></tr><tr><td>ชำระดอกเบี้ย</td><td>ดอกเบี้ยของงวดนั้น</td></tr><tr><td>ยอดชำระ</td><td>จำนวนเงินที่ชำระในเดือนนั้น</td></tr><tr><td>ยอดหนี้คงเหลือ</td><td>เงินต้นที่ยังเหลืออยู่</td></tr><tr><td>สถานะ</td><td>ปีหรือช่วงของการผ่อน</td></tr></tbody></table></figure>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">วิธีใช้งาน Template Excel คำนวณดอกเบี้ยบ้าน</h2>



<h3 class="wp-block-heading">ขั้นตอนที่ 1 ดาวน์โหลดไฟล์</h3>



<p class="wp-block-paragraph">ดาวน์โหลดไฟล์ Home Loan Calculator Template ลงในคอมพิวเตอร์ และเปิดใช้งานผ่าน Microsoft Excel</p>



<p class="wp-block-paragraph">แนะนำให้บันทึกไฟล์ต้นฉบับแยกไว้อีกหนึ่งชุดก่อนเริ่มแก้ไข เพื่อให้สามารถกลับมาใช้งานใหม่ได้เมื่อต้องการ</p>



<h3 class="wp-block-heading">ขั้นตอนที่ 2 กรอกข้อมูลในช่องสีเหลือง</h3>



<p class="wp-block-paragraph">ภายใน Template ช่องสีเหลืองคือช่องสำหรับกรอกหรือแก้ไขข้อมูล</p>



<p class="wp-block-paragraph">เริ่มจากกรอกรายละเอียดบ้าน ได้แก่</p>



<ul class="wp-block-list">
<li>ชื่อโครงการหรือสถานที่บ้าน</li>



<li>ราคาบ้าน</li>



<li>เงินดาวน์</li>



<li>ยอดเงินกู้</li>
</ul>



<h3 class="wp-block-heading">ขั้นตอนที่ 3 กรอกข้อมูลสินเชื่อ</h3>



<p class="wp-block-paragraph">ระบุรายละเอียดตามเอกสารสินเชื่อหรือข้อเสนอจากธนาคาร เช่น</p>



<ul class="wp-block-list">
<li>จำนวนปีที่ผ่อน</li>



<li>จำนวนงวด</li>



<li>วันที่หรือเดือนที่เริ่มผ่อน</li>



<li>อัตราดอกเบี้ยแต่ละช่วง</li>



<li>ยอดผ่อนต่อเดือน</li>
</ul>



<p class="wp-block-paragraph">ควรใช้ข้อมูลจากเอกสารของธนาคาร เพื่อให้ผลการคำนวณใกล้เคียงกับสินเชื่อจริงมากที่สุด</p>



<h3 class="wp-block-heading">ขั้นตอนที่ 4 ตรวจสอบผลการคำนวณ</h3>



<p class="wp-block-paragraph">เมื่อกรอกข้อมูลครบแล้ว ระบบจะคำนวณตารางผ่อนบ้านและข้อมูลสรุปให้โดยอัตโนมัติ</p>



<p class="wp-block-paragraph">ผู้ใช้งานสามารถตรวจสอบได้ว่า</p>



<ul class="wp-block-list">
<li>งวดแรกจ่ายดอกเบี้ยเท่าไร</li>



<li>เงินต้นลดลงเดือนละเท่าไร</li>



<li>หลังครบ 3 ปีเหลือยอดหนี้เท่าไร</li>



<li>หากผ่อนตามแผนเดิมจะเสียดอกเบี้ยรวมเท่าไร</li>
</ul>



<h3 class="wp-block-heading">ขั้นตอนที่ 5 ทดลองสร้างแผนใหม่</h3>



<p class="wp-block-paragraph">สามารถทดลองเปลี่ยนข้อมูลเพื่อเปรียบเทียบหลายสถานการณ์ เช่น</p>



<ul class="wp-block-list">
<li>ลดอัตราดอกเบี้ยหลัง Refinance</li>



<li>เพิ่มยอดผ่อนต่อเดือน</li>



<li>ลดระยะเวลาสินเชื่อ</li>



<li>เปลี่ยนยอดเงินกู้</li>



<li>เปรียบเทียบเงื่อนไขสินเชื่อจากหลายธนาคาร</li>
</ul>



<p class="wp-block-paragraph">แนะนำให้บันทึกไฟล์แยกเป็นแต่ละแผน เพื่อให้สามารถนำผลลัพธ์มาเปรียบเทียบกันได้ง่าย</p>



<h2 class="wp-block-heading">วิธีอ่านตารางผ่อนบ้าน</h2>



<p class="wp-block-paragraph">การชำระสินเชื่อบ้านแต่ละงวดจะประกอบด้วยเงินต้นและดอกเบี้ย</p>



<h3 class="wp-block-heading">ดอกเบี้ยของงวด</h3>



<p class="wp-block-paragraph">การคำนวณแบบประมาณการรายเดือนสามารถเขียนได้ดังนี้</p>



<p class="wp-block-paragraph"><strong>ดอกเบี้ยต่อเดือน = ยอดหนี้คงเหลือ × อัตราดอกเบี้ยต่อปี ÷ 12</strong></p>



<h3 class="wp-block-heading">เงินต้นที่ชำระ</h3>



<p class="wp-block-paragraph">หลังจากคำนวณดอกเบี้ยแล้ว ส่วนที่เหลือจากยอดผ่อนจะถูกนำไปลดเงินต้น</p>



<p class="wp-block-paragraph"><strong>เงินต้นที่ชำระ = ยอดผ่อนต่อเดือน − ดอกเบี้ยของงวด</strong></p>



<h3 class="wp-block-heading">ยอดหนี้คงเหลือ</h3>



<p class="wp-block-paragraph">เมื่อชำระเงินต้นแล้ว ยอดหนี้ของงวดถัดไปจะลดลง</p>



<p class="wp-block-paragraph"><strong>ยอดหนี้คงเหลือใหม่ = ยอดหนี้เดิม − เงินต้นที่ชำระ</strong></p>



<p class="wp-block-paragraph">ตัวอย่างเช่น</p>



<ul class="wp-block-list">
<li>ยอดผ่อน 8,000 บาท</li>



<li>ดอกเบี้ยในงวด 3,904.11 บาท</li>



<li>เงินต้นที่ชำระ 4,095.89 บาท</li>
</ul>



<p class="wp-block-paragraph">หลังจากชำระงวดดังกล่าว ยอดเงินต้นจะลดลง 4,095.89 บาท</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">ตัวเลขใน Template เป็นผลการคำนวณเพื่อใช้วางแผนเบื้องต้น การคิดดอกเบี้ยจริงของธนาคารอาจคำนวณตามจำนวนวันจริง วันที่ชำระ และเงื่อนไขในสัญญา</p>
</blockquote>



<h2 class="wp-block-heading">Refinance และ Retention ต่างกันอย่างไร?</h2>



<h2 class="wp-block-heading">Refinance</h2>



<p class="wp-block-paragraph">Refinance คือการย้ายสินเชื่อบ้านจากธนาคารเดิมไปยังธนาคารใหม่ เพื่อขออัตราดอกเบี้ยหรือเงื่อนไขที่เหมาะสมกว่า</p>



<p class="wp-block-paragraph">ประโยชน์ที่อาจได้รับ ได้แก่</p>



<ul class="wp-block-list">
<li>ลดอัตราดอกเบี้ย</li>



<li>ลดดอกเบี้ยรวมในระยะยาว</li>



<li>ปรับยอดผ่อนต่อเดือน</li>



<li>ปรับระยะเวลาการผ่อน</li>



<li>ได้โปรโมชั่นจากธนาคารใหม่</li>
</ul>



<p class="wp-block-paragraph">อย่างไรก็ตาม การ Refinance อาจมีค่าใช้จ่ายเพิ่มเติม เช่น ค่าประเมินหลักประกัน ค่าจดจำนอง ค่าอากร และค่าธรรมเนียมต่าง ๆ</p>



<h2 class="wp-block-heading">Retention</h2>



<p class="wp-block-paragraph">Retention คือการเจรจาขอปรับลดอัตราดอกเบี้ยกับธนาคารเดิม โดยไม่ต้องย้ายสินเชื่อไปยังธนาคารใหม่</p>



<p class="wp-block-paragraph">ข้อดีของ Retention คือ</p>



<ul class="wp-block-list">
<li>ขั้นตอนอาจไม่ซับซ้อนเท่า Refinance</li>



<li>ใช้เอกสารน้อยกว่า</li>



<li>ไม่ต้องดำเนินการย้ายธนาคาร</li>



<li>ค่าใช้จ่ายอาจต่ำกว่า</li>
</ul>



<p class="wp-block-paragraph">แต่ข้อเสนอของธนาคารเดิมอาจมีอัตราดอกเบี้ยสูงกว่าการ Refinance จึงควรเปรียบเทียบทั้งสองทางเลือกก่อนตัดสินใจ</p>



<h2 class="wp-block-heading">ควร Refinance ทุก 3 ปีหรือไม่?</h2>



<p class="wp-block-paragraph">หลายคนเริ่มตรวจสอบอัตราดอกเบี้ยหลังจากผ่อนครบประมาณ 3 ปี เพราะเป็นช่วงที่โปรโมชั่นดอกเบี้ยต่ำอาจสิ้นสุดลง</p>



<p class="wp-block-paragraph">อย่างไรก็ตาม ไม่ได้หมายความว่าทุกคนจำเป็นต้อง Refinance ทุก 3 ปีเสมอไป ความคุ้มค่าจะขึ้นอยู่กับ</p>



<ul class="wp-block-list">
<li>อัตราดอกเบี้ยปัจจุบัน</li>



<li>อัตราดอกเบี้ยใหม่</li>



<li>ยอดหนี้คงเหลือ</li>



<li>ค่าใช้จ่ายในการ Refinance</li>



<li>ระยะเวลาผ่อนที่เหลือ</li>



<li>ค่าปรับปิดบัญชีก่อนกำหนด</li>



<li>ข้อเสนอ Retention จากธนาคารเดิม</li>
</ul>



<p class="wp-block-paragraph">ควรคำนวณผลประหยัดสุทธิหลังจากหักค่าใช้จ่ายทั้งหมดแล้ว จึงจะทราบว่าการ Refinance คุ้มค่าหรือไม่</p>



<h2 class="wp-block-heading">ค่าใช้จ่ายที่ควรนำมาคำนวณก่อน Refinance</h2>



<p class="wp-block-paragraph">ก่อนตัดสินใจย้ายสินเชื่อ ควรตรวจสอบค่าใช้จ่ายที่เกี่ยวข้อง เช่น</p>



<ul class="wp-block-list">
<li>ค่าประเมินราคาหลักประกัน</li>



<li>ค่าจดจำนอง</li>



<li>ค่าอากรและค่าธรรมเนียม</li>



<li>ค่าปิดบัญชีกับธนาคารเดิม</li>



<li>ค่าประกันอัคคีภัย</li>



<li>ค่าเบี้ยประกันชีวิตคุ้มครองสินเชื่อหรือ MRTA</li>



<li>ค่าใช้จ่ายในการจัดเตรียมเอกสาร</li>



<li>ค่าปรับกรณีปิดสินเชื่อก่อนครบกำหนด</li>
</ul>



<p class="wp-block-paragraph">บางธนาคารอาจมีโปรโมชั่นช่วยออกค่าใช้จ่ายบางส่วน จึงควรตรวจสอบรายละเอียดของแต่ละข้อเสนอให้ครบถ้วน</p>



<h2 class="wp-block-heading">Home Loan Calculator Template เหมาะกับใคร?</h2>



<p class="wp-block-paragraph">Template นี้เหมาะสำหรับ</p>



<ul class="wp-block-list">
<li>คนที่กำลังวางแผนซื้อบ้านหรือคอนโด</li>



<li>คนที่ต้องการคำนวณยอดผ่อนก่อนยื่นกู้</li>



<li>คนที่กำลังผ่อนบ้านและอยากตรวจสอบเงินต้นกับดอกเบี้ย</li>



<li>คนที่ต้องการวางแผน Refinance</li>



<li>คนที่กำลังเปรียบเทียบ Refinance กับ Retention</li>



<li>คนที่ต้องการทดลองเพิ่มยอดผ่อนต่อเดือน</li>



<li>คนที่ไม่ถนัดการสร้างสูตร Excel</li>



<li>นักวางแผนการเงินหรือที่ปรึกษาด้านสินเชื่อ</li>



<li>ผู้ที่ต้องการจัดทำแผนสินเชื่อบ้านแบบเป็นระบบ</li>
</ul>



<h2 class="wp-block-heading">ดาวน์โหลด Home Loan Calculator Template</h2>



<p class="wp-block-paragraph">สำหรับผู้ที่ไม่ต้องการสร้างสูตรคำนวณและตารางผ่อนบ้านด้วยตัวเอง สามารถดาวน์โหลด <strong>Home Loan Calculator Template</strong> ไปใช้งานได้ทันที</p>



<p class="wp-block-paragraph">ภายในไฟล์มีทั้งส่วนกรอกข้อมูลสินเชื่อ ตารางชำระรายเดือน สรุปเงินต้นและดอกเบี้ย รวมถึงส่วนวางแผน Refinance</p>



<h3 class="wp-block-heading">Template นี้ประกอบด้วย</h3>



<ul class="wp-block-list">
<li>ตารางคำนวณดอกเบี้ยบ้านรายเดือน</li>



<li>การแยกเงินต้นและดอกเบี้ย</li>



<li>การคำนวณยอดหนี้คงเหลือ</li>



<li>การตั้งอัตราดอกเบี้ยหลายช่วง</li>



<li>สรุปผลช่วง 3 ปีแรก</li>



<li>สรุปกรณีผ่อนยาวตลอดสัญญา</li>



<li>ตารางประมาณการเดือนที่ผ่อนหมด</li>



<li>Sheet คำแนะนำสำหรับวางแผน Refinance</li>
</ul>



<h3 class="wp-block-heading">ดาวน์โหลดโปรแกรม</h3>



<!-- ===== BookIntelligent - Single Card Subscribe Form (All-in-One) + Image Upload ===== -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Prompt:wght@400;500;600;700&amp;display=swap" rel="stylesheet">

<style>
  :root{
    --card-bg:#ffffff;
    --card-br:#eceff3;
    --shadow:0 12px 36px rgba(2,16,64,.08);
    --primary:#0A66FF;
    --primary-d:#064fd1;
    --muted:#6b7280;
    --ring:#e6f0ff;
    --coffee-bg:#f3f8ff;
    --coffee-br:#e1ecff;
    --radius:18px;
  }
  .bi-card{
    max-width:640px;margin:0 auto;padding:22px;background:var(--card-bg);
    border:1px solid var(--card-br);border-radius:var(--radius);box-shadow:var(--shadow);
    font-family:"Prompt",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Thai","Sarabun",sans-serif;
    color:#0f172a; line-height:1.55;
  }
  .bi-card h2{margin:2px 6px 16px;text-align:center;font-size:1.28rem;font-weight:700;letter-spacing:.2px}
  .bi-row{margin:14px 0}
  .bi-label{display:block;margin:6px 0 8px;font-size:1rem;color:#111;font-weight:500}
  .bi-input,.bi-textarea,.bi-number{
    width:100%;border:1px solid #d9dee6;border-radius:12px;background:#fff;
    padding:12px 14px;font-size:1rem;outline:none;transition:border .15s,box-shadow .15s,background .15s;
  }
  .bi-input:focus,.bi-textarea:focus,.bi-number:focus{border-color:var(--primary); box-shadow:0 0 0 4px var(--ring)}
  .bi-textarea{min-height:96px;resize:vertical}
  .bi-input::placeholder,.bi-textarea::placeholder{color:#9aa3b2}

  .coffee-box{background:var(--coffee-bg);border:1px solid var(--coffee-br);border-radius:14px;padding:14px 14px 12px;margin-top:10px}
  .coffee-title{font-weight:600;margin-bottom:6px}
  .bi-hint{font-size:.95rem;color:var(--muted)}
  .pp-row{display:flex;align-items:center;gap:10px;margin:8px 0}
  .pp-chip{background:#fff;border:1px dashed #9ac7ff;border-radius:10px;padding:8px 10px;font-weight:700;font-family:ui-monospace,Consolas,monospace}
  .copy-btn{border:1px solid #9ac7ff;background:#f2f7ff;border-radius:10px;padding:8px 10px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:6px}
  .copy-btn:active{transform:translateY(1px)}

  .bi-submit{
    width:100%;margin-top:16px;padding:14px 16px;border:none;border-radius:12px;
    background:linear-gradient(180deg,#0A66FF 0%,#0958e8 100%);color:#fff;font-size:1.05rem;font-weight:700;cursor:pointer;letter-spacing:.2px;
  }
  .bi-submit:disabled{
    background: #ccc; cursor: not-allowed;
  }
  .bi-submit:hover:not(:disabled){filter:brightness(.98)}
  .bi-disclaimer{margin-top:12px;color:#c0392b;font-size:.92rem}
  
  /* Upload Button Style */
  .upload-box {
      border: 2px dashed #9ac7ff;
      border-radius: 12px;
      padding: 15px;
      text-align: center;
      background: #fdfdfd;
      margin-top: 10px;
  }
  .upload-btn-wrapper {
      position: relative;
      overflow: hidden;
      display: inline-block;
  }
  .btn-upload {
      border: 2px solid #0A66FF;
      color: #0A66FF;
      background-color: white;
      padding: 8px 20px;
      border-radius: 8px;
      font-weight: bold;
      font-size: 14px;
      cursor: pointer;
  }
  .upload-btn-wrapper input[type=file] {
      font-size: 100px;
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0;
      cursor: pointer;
  }
  #fileNameDisplay {
      margin-top: 8px;
      font-size: 0.9rem;
      color: #0A66FF;
      font-weight: 500;
  }

  /* === Mini Scale Override (~12–18% smaller) === */
  .bi-card{ font-size:15px; padding:16px }
  .bi-card h2{ font-size:1.06rem; margin:2px 6px 12px }
  .bi-label{ font-size:.90rem }
  .bi-input,.bi-textarea,.bi-number{ padding:10px 12px; font-size:.95rem; border-radius:10px }
  .bi-textarea{ min-height:80px }
  .coffee-box{ padding:12px; border-radius:12px }
  .coffee-title{ font-size:.98rem }
  .bi-hint{ font-size:.88rem; line-height:1.6 }
  .pp-chip{ padding:6px 8px; font-size:.93rem }
  .copy-btn{ padding:6px 8px; font-size:.90rem }
  .bi-submit{ padding:12px 14px; font-size:.98rem; border-radius:10px }
  .bi-disclaimer{ font-size:.85rem }
  .promo-red{ color:#ff1f1f !important; font-weight:700; }
  .copy-btn{ color:#111 !important; }
  .copy-btn svg, .copy-btn svg path{ stroke:#111 !important; }
  .copy-btn:hover{ color:#111 !important; }

  @media (max-width:420px){
    .bi-card{ padding:14px }
    .bi-card h2{ font-size:1rem }
    .bi-input,.bi-textarea,.bi-number{ padding:9px 11px; font-size:.92rem }
    .pp-chip,.copy-btn{ font-size:.88rem }
  }
</style>

<form id="subscribeForm" class="bi-card" action="https://script.google.com/macros/s/AKfycbzy2bsbi_VbGBDJnIOXVBkp_yjDQLtEW12Y2TKSt5u7LPm0aXMQlxzBrwysp9CI7_JN/exec" method="POST">
  <h2>ดาวน์โหลดโปรแกรม</h2>

  <!-- Email -->
  <div class="bi-row">
    <label class="bi-label" for="email">📩อีเมล Email <span class="promo-red">(บังคับ)</span></label>
    <input class="bi-input" type="email" id="email" name="email" required="" placeholder="name@gmail.com">
  </div>


<!-- หัวข้อ Subscribe YouTube -->
<div class="bi-row" style="margin-top:10px;">
  <div style="display:flex; align-items:center; gap:6px;">
    <label style="font-weight:600;">📺 Subscribe YouTube</label>
    <span class="promo-red">(บังคับ)</span>
  </div>

<div class="bi-hint" style="margin-bottom:10px;">อัปเดต Template และ ระบบอัตโนมัติใหม่ก่อนใครที่นี่</div>
  <a href="https://www.youtube.com/@bookintelligent6509" target="_blank" style="display:inline-block; background:#ff0000; color:#fff; padding:8px 14px; border-radius:6px; text-decoration:none; font-weight:600;" rel="noopener">
     🔔 Subscribe ช่อง BookIntelligent
  </a>
</div>


  <!-- กล่องกาแฟ (คอลัมน์ R = donation) -->
  <div class="coffee-box">
    <div class="coffee-title">☕ สนับสนุนค่ากาแฟ <span class="bi-hint"></span></div>
    
    <!-- ปรับปรุงข้อความใหม่ตรงนี้ -->
    <p class="bi-hint" style="margin:6px 0 10px; line-height: 1.6;">
        Template ตัวนี้จริง ๆ แล้ว มีราคาขายตามท้องตลาด 159 บาท<br>
        แต่ผมอยากแบ่งปันให้ทุกคนได้ใช้งานในราคาที่เข้าถึงได้<br>
        เพียงคุณ <strong style="color:#0A66FF">เลี้ยงกาแฟผม 1 แก้ว (59 บาท)</strong>
    </p>
    <p class="bi-hint" style="margin:6px 0 10px; line-height: 1.6;">
        คุณจะได้รับ Template ระบบจัดการงานตัวเต็ม พร้อมใช้งานทันที<br>
        ทุกการสนับสนุนของคุณ คือกำลังใจสำคัญที่ทำให้ผมมีแรงสร้างคอนเทนต์ดี ๆ แบบนี้มาแบ่งปันกันต่อไป 🙏<br>
        <b>ขอบคุณจากใจจริงครับ ❤️</b>
    </p>

    <!-- ข้อมูลการโอน -->
    <div class="bi-hint" style="margin-top:15px; font-weight:600;">พร้อมเพย์</div>
    <div class="pp-row">
      <span class="pp-chip" id="bank-number">1100400603389</span>
      <button class="copy-btn" type="button" id="copyBank">
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none"><path d="M9 9h9v9H9z" stroke="#2563eb" stroke-width="2"></path><path d="M6 6h9v9" stroke="#2563eb" stroke-width="2"></path></svg>
        คัดลอก
      </button>
    </div>
    <label class="bi-label" for="donation">ชื่อบัญชี: นาย ศิริพงษ์ โรจน์ชัยวิริยะกุล</label>
    
    <!-- ส่วนแนบสลิป แก้ไขตามที่ขอ -->
    <div class="bi-hint" style="margin-top:10px; font-size: 0.9em; font-weight:600; color:#0A66FF;">
        ☕ สนับสนุนค่ากาแฟ 59 บาท เพื่อรับ Template นี้
    </div>
<div class="bi-hint" style="margin-top:10px; font-size: 0.9em; font-weight:600; color:#0A66FF;">🎁 Bonus ถ้าหากสนับสนุนตั้งแต่ 100 บาท  </div>
  <span class="promo-red">รับโบนัส Template Google Sheet “ระบบติดตามงานพร้อมปฏิทิน (Template To-Do List + Calendar) มูลค่า 500 บาท แจกให้ฟรี”</span>
  — หลังโอน: แนบสลิปส่งทาง LINE ID : <b>@741imcyw</b> หรือ
  <a href="https://line.me/R/ti/p/%40741imcyw" target="_blank" rel="noopener">คลิกที่นี่</a>
<p></p>

    <label class="bi-label" style="margin-top:15px;">🧾 แนบสลิปการโอน <span class="promo-red">(บังคับ)</span></label>
    <div class="upload-box">
        <div class="upload-btn-wrapper">
          <button class="btn-upload" type="button">เลือกรูปสลิป (Click)</button>
          <input type="file" id="slipInput" accept="image/*" required="">
        </div>
        <div id="fileNameDisplay">ยังไม่ได้เลือกไฟล์</div>
    </div>

  </div>

  <!-- Hidden fields -->
  <input type="hidden" name="source" value="Home Loan Interest Refinance Excel">
  <input type="hidden" name="type" value="Template Excel">
  <input type="hidden" id="ip" name="ip" value="">
  
  <!-- Hidden fields สำหรับไฟล์รูปภาพ -->
  <input type="hidden" id="fileContent" name="fileContent">
  <input type="hidden" id="fileMimeType" name="fileMimeType">
  <input type="hidden" id="fileName" name="fileName">

  <button class="bi-submit" id="submitBtn" type="submit"> Download </button>
  <div id="loadingMsg" style="display:none; text-align:center; color:#0A66FF; margin-top:10px;">กำลังอัปโหลด&#8230; กรุณารอสักครู่</div>

  <div style="margin-top:12px; text-align:center; font-size:0.9rem; color:#9aa3b2;">
    หลังโอนถ้าติดปัญหาสามารถทักมาสอบถามได้ที่ LINE ID : <b>@741imcyw</b> หรือ <a href="https://line.me/R/ti/p/%40741imcyw" target="_blank" style="color:#9aa3b2; text-decoration:underline;" rel="noopener">คลิกที่นี่</a>
  </div>

  <div class="bi-disclaimer">
    ไม่อนุญาตให้นำไฟล์ไปจำหน่าย แจกจ่าย หรือเปิดให้ดาวน์โหลดต่อสาธารณะ
  </div>
</form>

<script>
  // 1. คัดลอกเลขพร้อมเพย์
  document.getElementById('copyBank').addEventListener('click', async () => {
    const text = document.getElementById('bank-number').textContent.replace(/\s/g,'').trim();
    try{
      await navigator.clipboard.writeText(text);
      alert('คัดลอกหมายเลขแล้ว');
    }catch(e){
      alert('คัดลอกไม่สำเร็จ ลองอีกครั้งครับ');
    }
  });

  // 2. จัดการไฟล์รูปภาพ (แปลงเป็น Base64)
  const fileInput = document.getElementById('slipInput');
  const fileNameDisplay = document.getElementById('fileNameDisplay');
  const hiddenContent = document.getElementById('fileContent');
  const hiddenMime = document.getElementById('fileMimeType');
  const hiddenName = document.getElementById('fileName');

  fileInput.addEventListener('change', function() {
      if (this.files && this.files[0]) {
          var file = this.files[0];
          
          // แสดงชื่อไฟล์
          fileNameDisplay.textContent = "✅ " + file.name;
          fileNameDisplay.style.color = "#06C755";
          
          // อ่านไฟล์
          var reader = new FileReader();
          reader.onload = function(e) {
              // ดึงเฉพาะข้อมูล Base64 (ตัด header data:image/...;base64, ออก)
              var result = e.target.result;
              var base64 = result.split(',')[1];
              var mime = result.split(';')[0].split(':')[1];
              
              hiddenContent.value = base64;
              hiddenMime.value = mime;
              hiddenName.value = file.name;
          };
          reader.readAsDataURL(file);
      } else {
          fileNameDisplay.textContent = "ยังไม่ได้เลือกไฟล์";
          fileNameDisplay.style.color = "#0A66FF";
          hiddenContent.value = "";
          hiddenMime.value = "";
          hiddenName.value = "";
      }
  });

  // 3. จัดการ Submit Form
  document.getElementById("subscribeForm").addEventListener("submit", async function(e){
    e.preventDefault();
    
    // ตรวจสอบ Email
    const email = document.getElementById("email").value.trim();
    if(!email || !email.includes("@")){ alert("กรอกอีเมลให้ถูกต้องครับ"); return; }
    
    // ตรวจสอบไฟล์ (ถ้าไม่มีไฟล์ ค่า base64 จะว่าง)
    if(!hiddenContent.value) {
        alert("กรุณาแนบสลิปการโอนเงินก่อนกด Download ครับ");
        return;
    }

    // แสดง Loading
    const btn = document.getElementById('submitBtn');
    const loadMsg = document.getElementById('loadingMsg');
    btn.disabled = true;
    btn.textContent = "กำลังดำเนินการ...";
    loadMsg.style.display = "block";

    // หา IP Address
    try{
      const res = await fetch("https://api.ipify.org?format=json");
      const data = await res.json();
      document.getElementById("ip").value = data.ip || "";
    }catch(err){
      document.getElementById("ip").value = "unknown";
    }
    
    // ส่งฟอร์ม
    this.submit();
  });
</script>



<h2 class="wp-block-heading">ดูคลิปวิดีโอวิธีการใช้งาน</h2>



<p class="wp-block-paragraph"><strong>[คลิกที่นี่เพื่อดูคลิปแนะนำการใช้งาน Template]</strong></p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<div class="ast-oembed-container"><iframe loading="lazy" title="[Template Excel พร้อมดาวน์โหลด] คำนวณดอกเบี้ยบ้าน / Refinance (Home Loan Calculator Template)" width="1200" height="675" src="https://www.youtube.com/embed/-OGwq99VrzU?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
</div></figure>



<p class="wp-block-paragraph">ภายในคลิปจะแนะนำตั้งแต่การกรอกข้อมูลบ้าน การกำหนดอัตราดอกเบี้ย การอ่านตารางผ่อน และการนำข้อมูลไปวางแผน Refinance</p>



<h2 class="wp-block-heading">สรุป</h2>



<p class="wp-block-paragraph">การผ่อนบ้านเป็นภาระทางการเงินระยะยาว การดูเฉพาะยอดผ่อนต่อเดือนอาจยังไม่เพียงพอ เพราะสิ่งสำคัญคือการเข้าใจว่าแต่ละเดือนเราจ่ายเงินต้นและดอกเบี้ยเท่าไร รวมถึงตลอดอายุสัญญาจะต้องจ่ายเงินทั้งหมดกี่บาท</p>



<p class="wp-block-paragraph"><strong>Home Loan Calculator Template</strong> จะช่วยให้คุณคำนวณตารางผ่อนบ้านได้ง่ายขึ้น เห็นยอดหนี้คงเหลือในแต่ละเดือน และใช้ข้อมูลประกอบการวางแผน Refinance หรือ Retention ได้อย่างเป็นระบบ</p>



<p class="wp-block-paragraph">แม้ผลลัพธ์จาก Template จะเป็นการประมาณการ แต่ก็ช่วยให้เห็นภาพรวมและเปรียบเทียบแผนสินเชื่อต่าง ๆ ได้ชัดเจนกว่าการพิจารณาเฉพาะยอดผ่อนต่อเดือนครับ</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph"><strong>หมายเหตุ:</strong> Template นี้เป็นเครื่องมือสำหรับคำนวณและวางแผนเบื้องต้น ไม่ใช่คำแนะนำทางการเงินอย่างเป็นทางการ ผลการคำนวณจริงอาจแตกต่างตามจำนวนวัน วันที่ชำระ อัตราดอกเบี้ย ค่าธรรมเนียม และเงื่อนไขของแต่ละธนาคาร กรุณาตรวจสอบรายละเอียดกับธนาคารก่อนตัดสินใจ</p>
</blockquote>



<p class="wp-block-paragraph"><strong>ดูบทความเพิ่มเติมได้ดังนี้</strong></p>



<ul class="wp-block-list">
<li><a href="https://www.bookintelligent.com/category/template-free/">Template Free Google Sheet &amp; Excel ดาวน์โหลดฟรี</a></li>



<li><a href="https://www.bookintelligent.com/passive-income-salaryman/">Passive Income สำหรับพนักงานประจำ</a></li>



<li><a href="https://www.bookintelligent.com/financial-freedom/">สร้างอิสรภาพทางการเงินได้อย่างไร</a></li>
</ul>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1024" height="576" src="https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling.jpg" alt="" class="wp-image-2080" srcset="https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling.jpg 1024w, https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling-600x338.jpg 600w, https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling-300x169.jpg 300w, https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling-768x432.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">ตอนนี้ ผมมีทำ <strong>[Template Pro] ระบบบัญชีรายรับ รายจ่าย เงินออม ด้วย Google Sheets มี Dashboard สรุป (Income Expense Saving Tracker)</strong> สามารถดูรายละเอียดได้ที่ <a href="https://www.bookintelligent.com/template-pro-income-expense-saving-tracker/">Link นี้</a></p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-1024x576.png" alt="" class="wp-image-2596" srcset="https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-1024x576.png 1024w, https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-600x338.png 600w, https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-300x169.png 300w, https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-768x432.png 768w, https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1.png 1280w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">3655</post-id>	</item>
		<item>
		<title>[Web App พร้อมใช้งาน] ระบบ To Do List Calendar + แจ้งเตือนผ่านอีเมล ใช้งานง่ายและอัตโนมัติ</title>
		<link>https://www.bookintelligent.com/web-app-to-do-list-calendar-email-reminder/</link>
		
		<dc:creator><![CDATA[kookguu]]></dc:creator>
		<pubDate>Mon, 22 Jun 2026 15:44:39 +0000</pubDate>
				<category><![CDATA[Web App พร้อมใช้งาน]]></category>
		<guid isPermaLink="false">https://www.bookintelligent.com/?p=3662</guid>

					<description><![CDATA[📌 งานสำคัญหายไปไหน? 😅 ตั้ง reminder ไว้ในมือถือ แต่พอเด้งขึ้นมาก็ dismiss ทิ้งลิสต์งานไว้ใน Notes แต่ไม่เคยเปิดดูรู้ตัวอีกทีก็เลยกำหนดส่งไปแล้ว… ถ้าคุณเจอปัญหาแบบนี้อยู่ บทความนี้อาจเป็นคำตอบที่ใช่ให้คุณครับ 👇 ✅ ระบบนี้คืออะไร? To Do List Calendar Web App + Email Reminder คือ Web Application ที่สร้างด้วย Google Apps Script และใช้ Google Sheets เป็นฐานข้อมูล เปิดใช้งานได้ทันทีบนเบราว์เซอร์ ไม่ต้องติดตั้งซอฟต์แวร์ใดๆ เพิ่ม และที่สะดวกกว่า To Do App ทั่วไป คือระบบนี้ ส่งอีเมลแจ้งเตือนให้คุณโดยอัตโนมัติก่อนถึงเวลางาน ✨ ผ่าน Gmail / Google Workspace ของคุณเอง — ไม่ต้องสมัครบริการแจ้งเตือนเพิ่มเติมเลยแม้แต่อย่างเดียว &#8230;<p class="read-more"> <a class="" href="https://www.bookintelligent.com/web-app-to-do-list-calendar-email-reminder/"> <span class="screen-reader-text">[Web App พร้อมใช้งาน] ระบบ To Do List Calendar + แจ้งเตือนผ่านอีเมล ใช้งานง่ายและอัตโนมัติ</span> Read More &#187;</a></p>]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">📌 งานสำคัญหายไปไหน? 😅</h2>



<p class="wp-block-paragraph">ตั้ง reminder ไว้ในมือถือ แต่พอเด้งขึ้นมาก็ dismiss ทิ้ง<br>ลิสต์งานไว้ใน Notes แต่ไม่เคยเปิดดู<br>รู้ตัวอีกทีก็เลยกำหนดส่งไปแล้ว…</p>



<span id="more-3662"></span>



<p class="wp-block-paragraph">ถ้าคุณเจอปัญหาแบบนี้อยู่ บทความนี้อาจเป็นคำตอบที่ใช่ให้คุณครับ 👇</p>



<h2 class="wp-block-heading">✅ ระบบนี้คืออะไร?</h2>



<p class="wp-block-paragraph"><strong>To Do List Calendar Web App + Email Reminder</strong> คือ Web Application ที่สร้างด้วย <strong>Google Apps Script</strong> และใช้ <strong>Google Sheets</strong> เป็นฐานข้อมูล เปิดใช้งานได้ทันทีบนเบราว์เซอร์ ไม่ต้องติดตั้งซอฟต์แวร์ใดๆ เพิ่ม</p>



<p class="wp-block-paragraph">และที่สะดวกกว่า To Do App ทั่วไป คือระบบนี้ <strong>ส่งอีเมลแจ้งเตือนให้คุณโดยอัตโนมัติก่อนถึงเวลางาน</strong> ✨ ผ่าน Gmail / Google Workspace ของคุณเอง — ไม่ต้องสมัครบริการแจ้งเตือนเพิ่มเติมเลยแม้แต่อย่างเดียว</p>



<h2 class="wp-block-heading">🔧 ฟีเจอร์หลักของระบบ</h2>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="445" src="https://www.bookintelligent.com/wp-content/uploads/2026/06/image-12-1024x445.png" alt="หน้า Dashboard ภาพรวมงาน ระบบ To Do List Calendar Web App แสดง KPI งานเลยกำหนด งานรอดำเนินการ และปฏิทินรายเดือน" class="wp-image-3663" srcset="https://www.bookintelligent.com/wp-content/uploads/2026/06/image-12-1024x445.png 1024w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-12-300x130.png 300w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-12-768x334.png 768w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-12-1536x668.png 1536w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-12-600x261.png 600w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-12.png 1891w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">📊 หน้า Dashboard แสดงภาพรวมงานทั้งหมด พร้อม KPI การ์ดสรุปและปฏิทินรายเดือนในหน้าเดียว</figcaption></figure>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="440" src="https://www.bookintelligent.com/wp-content/uploads/2026/06/image-14-1024x440.png" alt="หน้าจัดการงาน Task List แสดงตารางงานพร้อมตัวกรองสถานะและระดับความสำคัญ ในระบบ To Do List Calendar" class="wp-image-3665" srcset="https://www.bookintelligent.com/wp-content/uploads/2026/06/image-14-1024x440.png 1024w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-14-300x129.png 300w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-14-768x330.png 768w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-14-1536x660.png 1536w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-14-600x258.png 600w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-14.png 1902w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">📋 หน้าจัดการงานแบบตาราง ดู กรอง และแก้ไข Task ได้ละเอียดทุกรายการ</figcaption></figure>



<figure class="wp-block-image aligncenter size-large is-resized"><img loading="lazy" decoding="async" width="1024" height="440" src="https://www.bookintelligent.com/wp-content/uploads/2026/06/image-15-1024x440.png" alt="หน้าตั้งค่า Email Reminder และสรุปงานประจำวัน กำหนดอีเมลผู้รับและเวลาแจ้งเตือนอัตโนมัติ" class="wp-image-3666" style="width:1024px;height:auto" srcset="https://www.bookintelligent.com/wp-content/uploads/2026/06/image-15-1024x440.png 1024w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-15-300x129.png 300w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-15-768x330.png 768w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-15-1536x660.png 1536w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-15-600x258.png 600w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-15.png 1900w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">✉️ ตั้งค่า Email Reminder และเวลาสรุปงานประจำวันได้ตามต้องการ</figcaption></figure>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="445" src="https://www.bookintelligent.com/wp-content/uploads/2026/06/image-16-1024x445.png" alt="ตัวอย่างอีเมลสรุปงานประจำวันที่ระบบส่งอัตโนมัติเข้า Gmail แสดงจำนวนงานวันนี้และงานที่เสร็จแล้ว" class="wp-image-3667" srcset="https://www.bookintelligent.com/wp-content/uploads/2026/06/image-16-1024x445.png 1024w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-16-300x130.png 300w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-16-768x333.png 768w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-16-1536x667.png 1536w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-16-600x260.png 600w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-16.png 1912w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">📥 ตัวอย่างอีเมลสรุปงานประจำวันที่ระบบส่งให้อัตโนมัติทุกเช้า</figcaption></figure>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="463" src="https://www.bookintelligent.com/wp-content/uploads/2026/06/image-17-1024x463.png" alt="ตัวอย่างอีเมลแจ้งเตือนงานล่วงหน้าที่ส่งเข้า Gmail อัตโนมัติก่อนถึงเวลางาน" class="wp-image-3668" srcset="https://www.bookintelligent.com/wp-content/uploads/2026/06/image-17-1024x463.png 1024w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-17-300x136.png 300w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-17-768x347.png 768w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-17-1536x694.png 1536w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-17-600x271.png 600w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-17.png 1907w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">🔔 ตัวอย่างอีเมลแจ้งเตือนก่อนถึงเวลางานที่ตั้งไว้</figcaption></figure>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>ฟีเจอร์</th><th>รายละเอียด</th></tr></thead><tbody><tr><td>📅 ปฏิทินรายเดือน</td><td>เพิ่ม ดู แก้ไข ลบ Task บนปฏิทิน คลิกดูรายละเอียดได้ทันที</td></tr><tr><td>📊 Dashboard สรุปผล</td><td>KPI Cards แสดง Task วันนี้ งานค้าง งานเสร็จ และ Priority สูง</td></tr><tr><td>✉️ แจ้งเตือนทางอีเมล</td><td>ส่งอีเมลแจ้งเตือนอัตโนมัติก่อนถึงเวลา Task ตามที่ตั้งไว้</td></tr><tr><td>👥 กลุ่มอีเมล (Email Groups)</td><td>ตั้งกลุ่มผู้รับที่ใช้ซ้ำได้ เลือกแทรกอีเมลทั้งกลุ่มลงช่องผู้รับได้ในคลิกเดียว</td></tr><tr><td>🗒️ สรุปงานประจำวัน</td><td>ส่งอีเมลสรุป Task ทั้งหมดของวันนั้นให้อัตโนมัติทุกเช้าตามเวลาที่ตั้ง</td></tr><tr><td>🗂️ จัดหมวดหมู่</td><td>สร้าง Category พร้อมสี กำหนดหมวดหมู่ให้ Task ได้</td></tr><tr><td>📱 รองรับมือถือ</td><td>Responsive Design ใช้ได้ดีทั้ง Desktop และ Smartphone</td></tr><tr><td>☁️ ข้อมูลใน Google Sheets</td><td>ดูและแก้ไขข้อมูลได้โดยตรงใน Spreadsheet</td></tr></tbody></table></figure>



<h2 class="wp-block-heading">👥 ระบบนี้เหมาะกับใคร?</h2>



<ul class="wp-block-list">
<li>💼 <strong>คนทำงาน Freelance / WFH</strong> ที่ต้องจัดการงานหลายอย่างพร้อมกัน</li>



<li>🎓 <strong>นักศึกษา</strong> ที่มี assignment หลายวิชาและกลัวลืมกำหนดส่ง</li>



<li>📧 <strong>คนที่เช็คอีเมลเป็นประจำอยู่แล้ว</strong> ไม่อยากลง App เพิ่มแต่อยากได้รับการแจ้งเตือน</li>



<li>👨‍👩‍👧 <strong>ทีมงานเล็กๆ</strong> ที่อยากแจ้งเตือนงานเดียวกันให้คนหลายคนพร้อมกัน (ใช้ฟีเจอร์ Email Groups)</li>



<li>🏠 <strong>คนทั่วไป</strong> ที่อยากมีระบบ To Do List ส่วนตัวที่ข้อมูลอยู่กับตัวเอง ไม่ฝากไว้กับ Cloud ของคนอื่น</li>
</ul>



<h2 class="wp-block-heading">✉️ ไม่ต้องสมัครบริการเพิ่มเติมเลย (สำคัญมาก!)</h2>



<p class="wp-block-paragraph">ต่างจากระบบแจ้งเตือนผ่าน LINE ที่ต้องไปสมัคร LINE Developers และสร้าง Bot ก่อน — ระบบนี้ใช้ <strong>MailApp ของ Google Apps Script</strong> ส่งอีเมลออกจากบัญชี Gmail/Google Workspace ของคุณเองตรงๆ</p>



<p class="wp-block-paragraph">นั่นแปลว่า:</p>



<ul class="wp-block-list">
<li>ไม่ต้องสมัครบัญชีหรือบริการอีเมลภายนอกใดๆ เพิ่ม</li>



<li>ไม่มี API Key หรือ Token ให้ต้องไปขอจากที่ไหน</li>



<li>เปิดใช้งานได้ทันทีหลังจากคัดลอก Sheet มาเป็นของตัวเอง</li>
</ul>



<h2 class="wp-block-heading">📥 วิธีติดตั้งระบบ (ย่อ)</h2>



<p class="wp-block-paragraph">ระบบนี้แจกจ่ายเป็น <strong>Google Sheet พร้อมใช้งาน</strong> (มี Apps Script ผูกมาให้แล้ว) ไม่ต้องแก้โค้ดสักบรรทัด การติดตั้งมี 4 ขั้นตอนง่ายๆ:</p>



<ol class="wp-block-list">
<li><strong>เปิดลิงก์ Google Sheet ที่ได้รับ</strong> แล้วกด <strong>File &gt; Make a copy</strong> เพื่อสร้างสำเนาเป็นของคุณเอง</li>



<li><strong>Deploy เป็น Web App</strong> (Extensions &gt; Apps Script &gt; Deploy &gt; New deployment) → รับ Web App URL ของคุณเอง</li>



<li><strong>รันเมนู &#8220;⚙️ ตั้งค่าฐานข้อมูล&#8221;</strong> ในเมนู ✅ To Do Calendar ที่ขึ้นมาในชีต — ระบบสร้าง Sheet ที่จำเป็นทั้งหมดพร้อมข้อมูลตัวอย่างให้ทันที</li>



<li><strong>ตั้งค่า Email Reminder ในหน้าแอป</strong> (อีเมลผู้รับ, ชื่อผู้ส่ง, กลุ่มอีเมล, เวลาสรุปงานประจำวัน) → บันทึก → ใช้งานได้เลย</li>
</ol>



<p class="wp-block-paragraph">📄 ดาวน์โหลดคู่มือฉบับเต็มพร้อม screenshot ทุกขั้นตอนได้ด้านล่างครับ 👇</p>



<h2 class="wp-block-heading">💰 ค่าใช้จ่ายจริงๆ คือเท่าไหร่?</h2>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>รายการ</th><th>ค่าใช้จ่าย</th></tr></thead><tbody><tr><td>Google Sheets + Apps Script</td><td>✅ ฟรี</td></tr><tr><td>การส่งอีเมล (MailApp)</td><td>✅ ฟรี ใช้โควต้าบัญชี Google ของคุณเอง</td></tr><tr><td>ตัวระบบนี้</td><td>✅ ฟรี (ตามเงื่อนไขด้านล่าง)</td></tr></tbody></table></figure>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">📊 <strong>โควต้าส่งอีเมล:</strong> บัญชี Gmail ส่วนตัวส่งได้ประมาณ <strong>100 ฉบับ/วัน</strong> ส่วนบัญชี Google Workspace (องค์กร) จะได้โควต้าสูงกว่ามาก — เพียงพอสำหรับการใช้งานส่วนตัวหรือทีมเล็กๆสบายๆ</p>
</blockquote>



<h2 class="wp-block-heading">📥 ดาวน์โหลดได้เลย!</h2>



<!-- ===== BookIntelligent - Single Card Subscribe Form (All-in-One) + Image Upload ===== -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Prompt:wght@400;500;600;700&amp;display=swap" rel="stylesheet">

<style>
  :root{
    --card-bg:#ffffff;
    --card-br:#eceff3;
    --shadow:0 12px 36px rgba(2,16,64,.08);
    --primary:#0A66FF;
    --primary-d:#064fd1;
    --muted:#6b7280;
    --ring:#e6f0ff;
    --coffee-bg:#f3f8ff;
    --coffee-br:#e1ecff;
    --radius:18px;
  }
  .bi-card{
    max-width:640px;margin:0 auto;padding:22px;background:var(--card-bg);
    border:1px solid var(--card-br);border-radius:var(--radius);box-shadow:var(--shadow);
    font-family:"Prompt",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Thai","Sarabun",sans-serif;
    color:#0f172a; line-height:1.55;
  }
  .bi-card h2{margin:2px 6px 16px;text-align:center;font-size:1.28rem;font-weight:700;letter-spacing:.2px}
  .bi-row{margin:14px 0}
  .bi-label{display:block;margin:6px 0 8px;font-size:1rem;color:#111;font-weight:500}
  .bi-input,.bi-textarea,.bi-number{
    width:100%;border:1px solid #d9dee6;border-radius:12px;background:#fff;
    padding:12px 14px;font-size:1rem;outline:none;transition:border .15s,box-shadow .15s,background .15s;
  }
  .bi-input:focus,.bi-textarea:focus,.bi-number:focus{border-color:var(--primary); box-shadow:0 0 0 4px var(--ring)}
  .bi-textarea{min-height:96px;resize:vertical}
  .bi-input::placeholder,.bi-textarea::placeholder{color:#9aa3b2}

  .coffee-box{background:var(--coffee-bg);border:1px solid var(--coffee-br);border-radius:14px;padding:14px 14px 12px;margin-top:10px}
  .coffee-title{font-weight:600;margin-bottom:6px}
  .bi-hint{font-size:.95rem;color:var(--muted)}
  .pp-row{display:flex;align-items:center;gap:10px;margin:8px 0}
  .pp-chip{background:#fff;border:1px dashed #9ac7ff;border-radius:10px;padding:8px 10px;font-weight:700;font-family:ui-monospace,Consolas,monospace}
  .copy-btn{border:1px solid #9ac7ff;background:#f2f7ff;border-radius:10px;padding:8px 10px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:6px}
  .copy-btn:active{transform:translateY(1px)}

  .bi-submit{
    width:100%;margin-top:16px;padding:14px 16px;border:none;border-radius:12px;
    background:linear-gradient(180deg,#0A66FF 0%,#0958e8 100%);color:#fff;font-size:1.05rem;font-weight:700;cursor:pointer;letter-spacing:.2px;
  }
  .bi-submit:disabled{
    background: #ccc; cursor: not-allowed;
  }
  .bi-submit:hover:not(:disabled){filter:brightness(.98)}
  .bi-disclaimer{margin-top:12px;color:#c0392b;font-size:.92rem}

  /* Upload Button Style */
  .upload-box {
      border: 2px dashed #9ac7ff;
      border-radius: 12px;
      padding: 15px;
      text-align: center;
      background: #fdfdfd;
      margin-top: 10px;
  }
  .upload-btn-wrapper {
      position: relative;
      overflow: hidden;
      display: inline-block;
  }
  .btn-upload {
      border: 2px solid #0A66FF;
      color: #0A66FF;
      background-color: white;
      padding: 8px 20px;
      border-radius: 8px;
      font-weight: bold;
      font-size: 14px;
      cursor: pointer;
  }
  .upload-btn-wrapper input[type=file] {
      font-size: 100px;
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0;
      cursor: pointer;
  }
  #fileNameDisplay {
      margin-top: 8px;
      font-size: 0.9rem;
      color: #0A66FF;
      font-weight: 500;
  }

  /* === Mini Scale Override (~12–18% smaller) === */
  .bi-card{ font-size:15px; padding:16px }
  .bi-card h2{ font-size:1.06rem; margin:2px 6px 12px }
  .bi-label{ font-size:.90rem }
  .bi-input,.bi-textarea,.bi-number{ padding:10px 12px; font-size:.95rem; border-radius:10px }
  .bi-textarea{ min-height:80px }
  .coffee-box{ padding:12px; border-radius:12px }
  .coffee-title{ font-size:.98rem }
  .bi-hint{ font-size:.88rem; line-height:1.6 }
  .pp-chip{ padding:6px 8px; font-size:.93rem }
  .copy-btn{ padding:6px 8px; font-size:.90rem }
  .bi-submit{ padding:12px 14px; font-size:.98rem; border-radius:10px }
  .bi-disclaimer{ font-size:.85rem }
  .promo-red{ color:#ff1f1f !important; font-weight:700; }
  .copy-btn{ color:#111 !important; }
  .copy-btn svg, .copy-btn svg path{ stroke:#111 !important; }
  .copy-btn:hover{ color:#111 !important; }

  @media (max-width:420px){
    .bi-card{ padding:14px }
    .bi-card h2{ font-size:1rem }
    .bi-input,.bi-textarea,.bi-number{ padding:9px 11px; font-size:.92rem }
    .pp-chip,.copy-btn{ font-size:.88rem }
  }
</style>

<form id="subscribeForm" class="bi-card" action="https://script.google.com/macros/s/AKfycbzy2bsbi_VbGBDJnIOXVBkp_yjDQLtEW12Y2TKSt5u7LPm0aXMQlxzBrwysp9CI7_JN/exec" method="POST">
  <h2>ดาวน์โหลดโปรแกรม</h2>

  <!-- Email -->
  <div class="bi-row">
    <label class="bi-label" for="email">📩อีเมล Email <span class="promo-red">(บังคับ)</span></label>
    <input class="bi-input" type="email" id="email" name="email" required="" placeholder="name@gmail.com">
  </div>


<!-- หัวข้อ Subscribe YouTube -->
<div class="bi-row" style="margin-top:10px;">
  <div style="display:flex; align-items:center; gap:6px;">
    <label style="font-weight:600;">📺 Subscribe YouTube</label>
    <span class="promo-red">(บังคับ)</span>
  </div>

<div class="bi-hint" style="margin-bottom:10px;">อัปเดต Template และ ระบบอัตโนมัติใหม่ก่อนใครที่นี่</div>
  <a href="https://www.youtube.com/@bookintelligent6509" target="_blank" style="display:inline-block; background:#ff0000; color:#fff; padding:8px 14px; border-radius:6px; text-decoration:none; font-weight:600;" rel="noopener">
     🔔 Subscribe ช่อง BookIntelligent
  </a>
</div>


  <!-- กล่องกาแฟ (คอลัมน์ R = donation) -->
  <div class="coffee-box">
    <div class="coffee-title">☕ สนับสนุนค่ากาแฟ <span class="bi-hint"></span></div>

    <!-- ปรับปรุงข้อความใหม่ตรงนี้ -->
    <p class="bi-hint" style="margin:6px 0 10px; line-height: 1.6;">
        Webapp ตัวนี้จริง ๆ แล้ว หากไปดูตามคนที่ติดตั้งอยู่ระหว่าง 1,500-3,000 บาท<br>
        แต่ผมอยากแบ่งปันให้ทุกคนได้ใช้งานในราคาที่เข้าถึงได้<br>
        เพียงคุณ <strong style="color:#0A66FF">เลี้ยงกาแฟผม 1 แก้ว (125 บาท)</strong>
    </p>
    <p class="bi-hint" style="margin:6px 0 10px; line-height: 1.6;">
        คุณจะได้รับ Template Web App ระบบจัดการงานตัวเต็ม พร้อมใช้งานทันที<br>
        ทุกการสนับสนุนของคุณ คือกำลังใจสำคัญที่ทำให้ผมมีแรงสร้างคอนเทนต์ดี ๆ แบบนี้มาแบ่งปันกันต่อไป 🙏<br>
        <b>ขอบคุณจากใจจริงครับ ❤️</b>
    </p>

    <!-- ข้อมูลการโอน -->
    <div class="bi-hint" style="margin-top:15px; font-weight:600;">พร้อมเพย์</div>
    <div class="pp-row">
      <span class="pp-chip" id="bank-number">1100400603389</span>
      <button class="copy-btn" type="button" id="copyBank">
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none"><path d="M9 9h9v9H9z" stroke="#2563eb" stroke-width="2"></path><path d="M6 6h9v9" stroke="#2563eb" stroke-width="2"></path></svg>
        คัดลอก
      </button>
    </div>
    <label class="bi-label" for="donation">ชื่อบัญชี: นาย ศิริพงษ์ โรจน์ชัยวิริยะกุล</label>

    <!-- ส่วนแนบสลิป แก้ไขตามที่ขอ -->
    <div class="bi-hint" style="margin-top:10px; font-size: 0.9em; font-weight:600; color:#0A66FF;">
        ☕ สนับสนุนค่ากาแฟ 125 บาท เพื่อรับ Template นี้

    <label class="bi-label" style="margin-top:15px;">🧾 แนบสลิปการโอน <span class="promo-red">(บังคับ)</span></label>
    <div class="upload-box">
        <div class="upload-btn-wrapper">
          <button class="btn-upload" type="button">เลือกรูปสลิป (Click)</button>
          <input type="file" id="slipInput" accept="image/*" required="">
        </div>
        <div id="fileNameDisplay">ยังไม่ได้เลือกไฟล์</div>
    </div>

  </div>

  <!-- Hidden fields -->
  <input type="hidden" name="source" value="Web App To Do List + Email">
  <input type="hidden" name="type" value="Template Web App">
  <input type="hidden" id="ip" name="ip" value="">

  <!-- Hidden fields สำหรับไฟล์รูปภาพ -->
  <input type="hidden" id="fileContent" name="fileContent">
  <input type="hidden" id="fileMimeType" name="fileMimeType">
  <input type="hidden" id="fileName" name="fileName">

  <button class="bi-submit" id="submitBtn" type="submit"> Download </button>
  <div id="loadingMsg" style="display:none; text-align:center; color:#0A66FF; margin-top:10px;">กำลังอัปโหลด&#8230; กรุณารอสักครู่</div>

  <div style="margin-top:12px; text-align:center; font-size:0.9rem; color:#9aa3b2;">
    หลังโอนถ้าติดปัญหาสามารถทักมาสอบถามได้ที่ LINE ID : <b>@741imcyw</b> หรือ <a href="https://line.me/R/ti/p/%40741imcyw" target="_blank" style="color:#9aa3b2; text-decoration:underline;" rel="noopener">คลิกที่นี่</a>
  </div>

  <div class="bi-disclaimer">
    ไม่อนุญาตให้นำไฟล์ไปจำหน่าย แจกจ่าย หรือเปิดให้ดาวน์โหลดต่อสาธารณะ
  </div>


<script>
  // 1. คัดลอกเลขพร้อมเพย์
  document.getElementById('copyBank').addEventListener('click', async () => {
    const text = document.getElementById('bank-number').textContent.replace(/\s/g,'').trim();
    try{
      await navigator.clipboard.writeText(text);
      alert('คัดลอกหมายเลขแล้ว');
    }catch(e){
      alert('คัดลอกไม่สำเร็จ ลองอีกครั้งครับ');
    }
  });

  // 2. จัดการไฟล์รูปภาพ (แปลงเป็น Base64)
  const fileInput = document.getElementById('slipInput');
  const fileNameDisplay = document.getElementById('fileNameDisplay');
  const hiddenContent = document.getElementById('fileContent');
  const hiddenMime = document.getElementById('fileMimeType');
  const hiddenName = document.getElementById('fileName');

  fileInput.addEventListener('change', function() {
      if (this.files && this.files[0]) {
          var file = this.files[0];

          // แสดงชื่อไฟล์
          fileNameDisplay.textContent = "✅ " + file.name;
          fileNameDisplay.style.color = "#06C755";

          // อ่านไฟล์
          var reader = new FileReader();
          reader.onload = function(e) {
              // ดึงเฉพาะข้อมูล Base64 (ตัด header data:image/...;base64, ออก)
              var result = e.target.result;
              var base64 = result.split(',')[1];
              var mime = result.split(';')[0].split(':')[1];

              hiddenContent.value = base64;
              hiddenMime.value = mime;
              hiddenName.value = file.name;
          };
          reader.readAsDataURL(file);
      } else {
          fileNameDisplay.textContent = "ยังไม่ได้เลือกไฟล์";
          fileNameDisplay.style.color = "#0A66FF";
          hiddenContent.value = "";
          hiddenMime.value = "";
          hiddenName.value = "";
      }
  });

  // 3. จัดการ Submit Form
  document.getElementById("subscribeForm").addEventListener("submit", async function(e){
    e.preventDefault();

    // ตรวจสอบ Email
    const email = document.getElementById("email").value.trim();
    if(!email || !email.includes("@")){ alert("กรอกอีเมลให้ถูกต้องครับ"); return; }

    // ตรวจสอบไฟล์ (ถ้าไม่มีไฟล์ ค่า base64 จะว่าง)
    if(!hiddenContent.value) {
        alert("กรุณาแนบสลิปการโอนเงินก่อนกด Download ครับ");
        return;
    }

    // แสดง Loading
    const btn = document.getElementById('submitBtn');
    const loadMsg = document.getElementById('loadingMsg');
    btn.disabled = true;
    btn.textContent = "กำลังดำเนินการ...";
    loadMsg.style.display = "block";

    // หา IP Address
    try{
      const res = await fetch("https://api.ipify.org?format=json");
      const data = await res.json();
      document.getElementById("ip").value = data.ip || "";
    }catch(err){
      document.getElementById("ip").value = "unknown";
    }

    // ส่งฟอร์ม
    this.submit();
  });
</script></div></form>



<h2 class="wp-block-heading">🎥 วิดีโอสอนใช้งาน</h2>



<p class="wp-block-paragraph">[แทรกวิดีโอสอนติดตั้ง/ใช้งานที่นี่]</p>



<h2 class="wp-block-heading">🧾 สรุปและเนื้อหาที่เกี่ยวข้อง</h2>



<p class="wp-block-paragraph">ระบบนี้คือเวอร์ชัน <strong>Email Reminder</strong> ของชุด To Do List Calendar Web App — ถ้าใครอยากได้แจ้งเตือนผ่าน LINE แทน สามารถดูเวอร์ชันต้นฉบับได้ที่:</p>



<p class="wp-block-paragraph">🔗 <a href="https://www.bookintelligent.com/web-app-to-do-list-calendar-line-reimider/">To Do List Calendar Web App + LINE Reminde</a>r</p>



<h2 class="wp-block-heading">🙋 คำถามที่พบบ่อย</h2>



<p class="wp-block-paragraph"><strong>Q: ต้องมีความรู้ด้านโค้ดไหม?</strong><br>A: ไม่จำเป็นครับ แค่กด Make a copy ที่ Google Sheet แล้ว Deploy เป็น Web App ตามคู่มือ ไม่ต้องแก้โค้ดสักบรรทัด ทุกคนทำได้</p>



<p class="wp-block-paragraph"><strong>Q: ข้อมูลงานเราจะปลอดภัยไหม?</strong><br>A: ข้อมูลทั้งหมดเก็บใน Google Sheets ของคุณเอง (สำเนาที่คุณคัดลอกไว้) ไม่ผ่าน server ใดๆ ของเรา</p>



<p class="wp-block-paragraph"><strong>Q: ส่งอีเมลฟรีพอใช้ไหม?</strong><br>A: บัญชี Gmail ส่วนตัวส่งได้ ~100 ฉบับ/วัน เพียงพอสำหรับใช้ส่วนตัวหรือทีมเล็กๆครับ ถ้าใช้บัญชี Google Workspace จะได้โควต้าสูงกว่ามาก</p>



<p class="wp-block-paragraph"><strong>Q: ใช้ได้กับมือถือไหม?</strong><br>A: ได้ครับ Web App รองรับ Responsive ใช้งานได้ทั้ง Desktop และ Smartphone</p>



<p class="wp-block-paragraph"><strong>Q: ตั้งชื่อแบรนด์ของตัวเองในอีเมลที่ส่งออกได้ไหม?</strong><br>A: ได้ครับ มีช่อง &#8220;Sender Display Name&#8221; ในหน้า Setup เปลี่ยนเป็นชื่อแบรนด์/บริษัทของคุณได้เลย จะไปอัปเดตทั้งหัวข้ออีเมลและตัวอีเมลให้อัตโนมัติ</p>



<p class="wp-block-paragraph"><strong>Q: ถ้าติดปัญหาการติดตั้งทำอย่างไร?</strong><br>A: มีคู่มือ FAQ ครบถ้วนในเอกสารที่แนบมาให้ และติดต่อผมได้โดยตรงครับ</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"><strong>ลองดูบทความเพิ่มเติมได้ดังนี้</strong></p>



<ul class="wp-block-list">
<li><a href="https://www.bookintelligent.com/category/template-free/">Template Free Google Sheet &amp; Excel ดาวน์โหลดฟรี</a></li>



<li><a href="https://www.bookintelligent.com/passive-income-salaryman/">Passive Income สำหรับพนักงานประจำ</a></li>



<li><a href="https://www.bookintelligent.com/financial-freedom/">สร้างอิสรภาพทางการเงินได้อย่างไร</a></li>
</ul>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1024" height="576" src="https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling.jpg" alt="" class="wp-image-2080" srcset="https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling.jpg 1024w, https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling-600x338.jpg 600w, https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling-300x169.jpg 300w, https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling-768x432.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">ตอนนี้ ผมมีทำ <strong>[Template Pro] ระบบบัญชีรายรับ รายจ่าย เงินออม ด้วย Google Sheets มี Dashboard สรุป (Income Expense Saving Tracker)</strong> สามารถดูรายละเอียดได้ที่ <a href="https://www.bookintelligent.com/template-pro-income-expense-saving-tracker/">Link นี้</a></p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-1024x576.png" alt="" class="wp-image-2596" srcset="https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-1024x576.png 1024w, https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-600x338.png 600w, https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-300x169.png 300w, https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-768x432.png 768w, https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1.png 1280w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading"></h2>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">3662</post-id>	</item>
		<item>
		<title>[Template Excel พร้อมดาวน์โหลด] ระบบวางแผนรายรับรายจ่ายรายเดือน ใช้งานง่าย มีกราฟ Dashboard สรุป (Monthly Budget Tracker Excel)</title>
		<link>https://www.bookintelligent.com/template-excel-monthly-budget-tracker-excel/</link>
		
		<dc:creator><![CDATA[kookguu]]></dc:creator>
		<pubDate>Wed, 17 Jun 2026 00:33:53 +0000</pubDate>
				<category><![CDATA[Template Excel พร้อมใช้งาน]]></category>
		<guid isPermaLink="false">https://www.bookintelligent.com/?p=3638</guid>

					<description><![CDATA[คุณกำลังมองหาเครื่องมือช่วยวางแผนและจัดระเบียบการเงินในแต่ละเดือนอยู่ใช่ไหมครับ? ไม่ว่าจะเป็นมนุษย์เงินเดือน ฟรีแลนซ์ เจ้าของกิจการ หรือผู้ที่ต้องการควบคุมค่าใช้จ่าย หากคุณเคยสงสัยว่าเงินเดือนหายไปไหน ทำไมเก็บเงินไม่อยู่ หรือแต่ละเดือนใช้เงินเกินงบไปกับเรื่องอะไร ระบบวางแผนรายรับรายจ่ายรายเดือนด้วย Excel หรือ Monthly Budget Tracker Excel จะช่วยให้คุณเห็นภาพรวมทางการเงินได้ชัดเจนมากขึ้น Template นี้ออกแบบมาให้ใช้งานง่าย สามารถกำหนดงบประมาณ บันทึกยอดเงินจริง และดูผลสรุปผ่านกราฟ Dashboard ได้ทันที โดยไม่จำเป็นต้องมีความรู้ Excel ขั้นสูง ในบทความนี้ ผมจะพาคุณไปรู้จักกับระบบวางแผนรายรับรายจ่าย วิธีใช้งาน และวิธีดาวน์โหลด Template Excel เพื่อนำไปประยุกต์ใช้กับการเงินของตัวเองได้ทันที ระบบวางแผนรายรับรายจ่ายคืออะไร? ระบบวางแผนรายรับรายจ่าย คือเครื่องมือสำหรับกำหนดงบประมาณและบันทึกรายได้ ค่าใช้จ่าย เงินออม รวมถึงภาระหนี้สินที่เกิดขึ้นในแต่ละเดือน ระบบนี้ไม่ได้มีหน้าที่เพียงแค่บันทึกว่าเราใช้เงินไปเท่าไร แต่ยังช่วยเปรียบเทียบระหว่าง เมื่อข้อมูลทั้งหมดถูกรวบรวมไว้ในไฟล์เดียว คุณจะสามารถตรวจสอบสถานะทางการเงินและตัดสินใจได้ง่ายขึ้นว่าเดือนถัดไปควรเพิ่ม ลด หรือปรับงบประมาณในส่วนใด ทำไมควรใช้ Monthly Budget Tracker Excel? 1. รู้ว่าเงินถูกใช้ไปกับอะไร หลายคนรู้ว่าตัวเองมีรายรับเท่าไร แต่ไม่ทราบอย่างชัดเจนว่าเงินถูกใช้ไปกับค่าใช้จ่ายประเภทใดบ้าง เมื่อบันทึกรายรับและรายจ่ายลงใน &#8230;<p class="read-more"> <a class="" href="https://www.bookintelligent.com/template-excel-monthly-budget-tracker-excel/"> <span class="screen-reader-text">[Template Excel พร้อมดาวน์โหลด] ระบบวางแผนรายรับรายจ่ายรายเดือน ใช้งานง่าย มีกราฟ Dashboard สรุป (Monthly Budget Tracker Excel)</span> Read More &#187;</a></p>]]></description>
										<content:encoded><![CDATA[
<h1 class="wp-block-heading">คุณกำลังมองหาเครื่องมือช่วยวางแผนและจัดระเบียบการเงินในแต่ละเดือนอยู่ใช่ไหมครับ?</h1>



<p class="wp-block-paragraph">ไม่ว่าจะเป็นมนุษย์เงินเดือน ฟรีแลนซ์ เจ้าของกิจการ หรือผู้ที่ต้องการควบคุมค่าใช้จ่าย หากคุณเคยสงสัยว่าเงินเดือนหายไปไหน ทำไมเก็บเงินไม่อยู่ หรือแต่ละเดือนใช้เงินเกินงบไปกับเรื่องอะไร <strong>ระบบวางแผนรายรับรายจ่ายรายเดือนด้วย Excel หรือ Monthly Budget Tracker Excel</strong> จะช่วยให้คุณเห็นภาพรวมทางการเงินได้ชัดเจนมากขึ้น</p>



<span id="more-3638"></span>



<p class="wp-block-paragraph">Template นี้ออกแบบมาให้ใช้งานง่าย สามารถกำหนดงบประมาณ บันทึกยอดเงินจริง และดูผลสรุปผ่านกราฟ Dashboard ได้ทันที โดยไม่จำเป็นต้องมีความรู้ Excel ขั้นสูง</p>



<p class="wp-block-paragraph">ในบทความนี้ ผมจะพาคุณไปรู้จักกับระบบวางแผนรายรับรายจ่าย วิธีใช้งาน และวิธีดาวน์โหลด Template Excel เพื่อนำไปประยุกต์ใช้กับการเงินของตัวเองได้ทันที</p>



<h2 class="wp-block-heading">ระบบวางแผนรายรับรายจ่ายคืออะไร?</h2>



<p class="wp-block-paragraph">ระบบวางแผนรายรับรายจ่าย คือเครื่องมือสำหรับกำหนดงบประมาณและบันทึกรายได้ ค่าใช้จ่าย เงินออม รวมถึงภาระหนี้สินที่เกิดขึ้นในแต่ละเดือน</p>



<p class="wp-block-paragraph">ระบบนี้ไม่ได้มีหน้าที่เพียงแค่บันทึกว่าเราใช้เงินไปเท่าไร แต่ยังช่วยเปรียบเทียบระหว่าง</p>



<ul class="wp-block-list">
<li>งบประมาณที่วางแผนไว้</li>



<li>จำนวนเงินที่เกิดขึ้นจริง</li>



<li>ผลต่างระหว่างงบประมาณกับยอดจริง</li>



<li>เงินคงเหลือหลังหักค่าใช้จ่าย</li>



<li>สัดส่วนค่าใช้จ่ายในแต่ละหมวด</li>
</ul>



<p class="wp-block-paragraph">เมื่อข้อมูลทั้งหมดถูกรวบรวมไว้ในไฟล์เดียว คุณจะสามารถตรวจสอบสถานะทางการเงินและตัดสินใจได้ง่ายขึ้นว่าเดือนถัดไปควรเพิ่ม ลด หรือปรับงบประมาณในส่วนใด</p>



<h2 class="wp-block-heading">ทำไมควรใช้ Monthly Budget Tracker Excel?</h2>



<h3 class="wp-block-heading">1. รู้ว่าเงินถูกใช้ไปกับอะไร</h3>



<p class="wp-block-paragraph">หลายคนรู้ว่าตัวเองมีรายรับเท่าไร แต่ไม่ทราบอย่างชัดเจนว่าเงินถูกใช้ไปกับค่าใช้จ่ายประเภทใดบ้าง</p>



<p class="wp-block-paragraph">เมื่อบันทึกรายรับและรายจ่ายลงใน Template อย่างสม่ำเสมอ คุณจะเริ่มเห็นพฤติกรรมการใช้เงิน เช่น</p>



<ul class="wp-block-list">
<li>ค่าอาหารสูงกว่างบประมาณ</li>



<li>ค่าชอปปิงเพิ่มขึ้นในบางเดือน</li>



<li>มีค่าบริการรายเดือนที่ไม่ค่อยได้ใช้งาน</li>



<li>มีรายจ่ายเล็ก ๆ หลายรายการที่รวมกันเป็นเงินจำนวนมาก</li>
</ul>



<p class="wp-block-paragraph">ข้อมูลเหล่านี้จะช่วยให้คุณปรับลดค่าใช้จ่ายที่ไม่จำเป็นได้ตรงจุดมากขึ้น</p>



<h3 class="wp-block-heading">2. วางแผนเงินออมได้ง่ายขึ้น</h3>



<p class="wp-block-paragraph">Template Excel ช่วยให้คุณกำหนดเป้าหมายเงินออมไว้ล่วงหน้า เช่น</p>



<ul class="wp-block-list">
<li>เงินออมฉุกเฉิน</li>



<li>เงินลงทุน</li>



<li>เงินเก็บเพื่อซื้อบ้านหรือรถ</li>



<li>เงินสำหรับท่องเที่ยว</li>



<li>เงินสำหรับเกษียณ</li>
</ul>



<p class="wp-block-paragraph">แทนที่จะรอให้ใช้เงินหมดเดือนแล้วค่อยดูว่าเหลือเท่าไร คุณสามารถกำหนดเงินออมเป็นส่วนหนึ่งของงบประมาณได้ตั้งแต่ต้นเดือน</p>



<h3 class="wp-block-heading">3. ลดโอกาสใช้เงินเกินตัว</h3>



<p class="wp-block-paragraph">เมื่อเห็นตัวเลขรายรับ รายจ่าย และเงินคงเหลืออย่างชัดเจน จะช่วยให้คุณรู้ว่ากำลังใช้เงินเกินงบหรือไม่</p>



<p class="wp-block-paragraph">หากรายจ่ายจริงสูงกว่างบประมาณ ระบบจะแสดงผลต่างให้ตรวจสอบ ทำให้สามารถปรับพฤติกรรมการใช้เงินได้ก่อนที่จะกลายเป็นปัญหาหนี้สินสะสม</p>



<h3 class="wp-block-heading">4. ใช้งานผ่าน Microsoft Excel ได้ทันที</h3>



<p class="wp-block-paragraph">Template ถูกจัดทำในรูปแบบไฟล์ Excel จึงเหมาะกับผู้ที่คุ้นเคยกับการใช้งาน Microsoft Excel อยู่แล้ว</p>



<p class="wp-block-paragraph">สามารถดาวน์โหลดไฟล์ไปใช้งานบนคอมพิวเตอร์ แก้ไขหมวดหมู่ เพิ่มรายการ หรือปรับรูปแบบให้เหมาะกับการเงินของตัวเองได้</p>



<h3 class="wp-block-heading">5. มีกราฟ Dashboard ช่วยสรุปข้อมูล</h3>



<p class="wp-block-paragraph">จุดเด่นของ Template นี้คือมีหน้า Dashboard สำหรับสรุปข้อมูลทางการเงินให้อยู่ในรูปแบบที่เข้าใจง่าย</p>



<p class="wp-block-paragraph">แทนที่จะต้องตรวจสอบตัวเลขทีละบรรทัด คุณสามารถดูภาพรวมผ่านกราฟและตัวชี้วัดสำคัญได้ทันที</p>



<h2 class="wp-block-heading">Template Excel นี้มีอะไรบ้าง?</h2>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="542" src="https://www.bookintelligent.com/wp-content/uploads/2026/06/image-11-1024x542.png" alt="" class="wp-image-3644" srcset="https://www.bookintelligent.com/wp-content/uploads/2026/06/image-11-1024x542.png 1024w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-11-300x159.png 300w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-11-768x407.png 768w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-11-600x318.png 600w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-11.png 1095w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="439" src="https://www.bookintelligent.com/wp-content/uploads/2026/06/image-10-1024x439.png" alt="" class="wp-image-3643" srcset="https://www.bookintelligent.com/wp-content/uploads/2026/06/image-10-1024x439.png 1024w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-10-300x129.png 300w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-10-768x330.png 768w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-10-600x257.png 600w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-10.png 1100w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">ผมออกแบบ Template ให้เหมาะกับผู้ใช้งานทั่วไป เน้นความเรียบง่ายและสามารถนำไปใช้งานจริงได้ โดยภายในระบบจะมีส่วนสำหรับวางแผนและบันทึกข้อมูลสำคัญ ดังนี้</p>



<h3 class="wp-block-heading">รายรับ</h3>



<p class="wp-block-paragraph">ใช้สำหรับบันทึกรายได้ทั้งหมดที่ได้รับในแต่ละเดือน เช่น</p>



<ul class="wp-block-list">
<li>เงินเดือน</li>



<li>รายได้เสริม</li>



<li>ค่าคอมมิชชัน</li>



<li>โบนัส</li>



<li>รายได้จากธุรกิจ</li>



<li>รายได้จากการลงทุน</li>



<li>รายรับอื่น ๆ</li>
</ul>



<h3 class="wp-block-heading">รายจ่ายประจำ</h3>



<p class="wp-block-paragraph">เป็นค่าใช้จ่ายที่มักเกิดขึ้นเป็นประจำทุกเดือน เช่น</p>



<ul class="wp-block-list">
<li>ค่าเช่าบ้านหรือค่าผ่อนบ้าน</li>



<li>ค่าผ่อนรถ</li>



<li>ค่าน้ำ</li>



<li>ค่าไฟ</li>



<li>ค่าโทรศัพท์</li>



<li>ค่าอินเทอร์เน็ต</li>



<li>ค่าเบี้ยประกัน</li>



<li>ค่าสมาชิกหรือบริการรายเดือน</li>
</ul>



<h3 class="wp-block-heading">รายจ่ายผันแปร</h3>



<p class="wp-block-paragraph">เป็นค่าใช้จ่ายที่จำนวนเงินอาจเปลี่ยนแปลงในแต่ละเดือน เช่น</p>



<ul class="wp-block-list">
<li>ค่าอาหาร</li>



<li>ค่าเดินทาง</li>



<li>ค่าน้ำมัน</li>



<li>ค่าท่องเที่ยว</li>



<li>ค่าเสื้อผ้า</li>



<li>ค่าชอปปิง</li>



<li>ค่าสันทนาการ</li>



<li>ค่าใช้จ่ายส่วนตัว</li>
</ul>



<h3 class="wp-block-heading">เงินออมและการลงทุน</h3>



<p class="wp-block-paragraph">ใช้สำหรับวางแผนการจัดสรรเงินไปยังเป้าหมายต่าง ๆ เช่น</p>



<ul class="wp-block-list">
<li>เงินสำรองฉุกเฉิน</li>



<li>เงินฝาก</li>



<li>กองทุนรวม</li>



<li>หุ้น</li>



<li>ประกันเพื่อการออม</li>



<li>เงินเกษียณ</li>



<li>เป้าหมายการเงินระยะสั้นและระยะยาว</li>
</ul>



<h3 class="wp-block-heading">หนี้สิน</h3>



<p class="wp-block-paragraph">ใช้สำหรับติดตามภาระหนี้ที่ต้องชำระในแต่ละเดือน เช่น</p>



<ul class="wp-block-list">
<li>หนี้บัตรเครดิต</li>



<li>สินเชื่อส่วนบุคคล</li>



<li>ผ่อนรถ</li>



<li>ผ่อนบ้าน</li>



<li>หนี้ธุรกิจ</li>



<li>หนี้สินอื่น ๆ</li>
</ul>



<h3 class="wp-block-heading">เงินคงเหลือสุทธิ</h3>



<p class="wp-block-paragraph">ระบบจะช่วยสรุปเงินคงเหลือหลังจากนำรายรับมาหักค่าใช้จ่าย เงินออม และภาระหนี้สินทั้งหมด</p>



<p class="wp-block-paragraph">ข้อมูลส่วนนี้ช่วยให้คุณตรวจสอบได้ว่าแผนการเงินในเดือนนั้นมีเงินเหลือหรือขาดดุล</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h2 class="wp-block-heading">Dashboard สรุปข้อมูลช่วยอะไรได้บ้าง?</h2>



<p class="wp-block-paragraph">หน้า Dashboard จะนำข้อมูลที่บันทึกไว้มาสรุปในรูปแบบกราฟและตัวเลขสำคัญ เพื่อให้ตรวจสอบสถานะทางการเงินได้ง่ายขึ้น</p>



<p class="wp-block-paragraph">ตัวอย่างข้อมูลที่สามารถดูได้จาก Dashboard ได้แก่</p>



<ul class="wp-block-list">
<li>รายรับรวม</li>



<li>รายจ่ายรวม</li>



<li>เงินออมรวม</li>



<li>เงินคงเหลือสุทธิ</li>



<li>ผลต่างระหว่างงบประมาณกับยอดจริง</li>



<li>สัดส่วนค่าใช้จ่ายแต่ละหมวด</li>



<li>หมวดค่าใช้จ่ายที่ใช้เงินมากที่สุด</li>



<li>ภาพรวมการจัดสรรเงินในเดือนนั้น</li>
</ul>



<p class="wp-block-paragraph">กราฟ Dashboard ช่วยให้คุณเห็นข้อมูลได้รวดเร็วกว่าการดูตารางเพียงอย่างเดียว และยังเหมาะสำหรับใช้ทบทวนแผนการเงินเมื่อสิ้นเดือน</p>



<h2 class="wp-block-heading">เปรียบเทียบงบประมาณกับยอดเงินจริง</h2>



<p class="wp-block-paragraph">ภายใน Template สามารถกรอกข้อมูลได้ทั้งสองส่วน คือ</p>



<h3 class="wp-block-heading">Budget หรือจำนวนเงินที่วางแผนไว้</h3>



<p class="wp-block-paragraph">เป็นจำนวนเงินที่คุณกำหนดไว้ตั้งแต่ต้นเดือนว่าต้องการใช้จ่ายในแต่ละหมวดเท่าไร เช่น</p>



<ul class="wp-block-list">
<li>ค่าอาหาร 8,000 บาท</li>



<li>ค่าเดินทาง 3,000 บาท</li>



<li>เงินออม 5,000 บาท</li>



<li>ค่าท่องเที่ยว 2,000 บาท</li>
</ul>



<h3 class="wp-block-heading">Actual หรือจำนวนเงินที่เกิดขึ้นจริง</h3>



<p class="wp-block-paragraph">เป็นยอดเงินที่คุณใช้จ่ายหรือได้รับจริงในเดือนนั้น</p>



<p class="wp-block-paragraph">เมื่อกรอกข้อมูลครบ ระบบจะช่วยเปรียบเทียบว่ารายการใด</p>



<ul class="wp-block-list">
<li>ใช้เงินต่ำกว่างบประมาณ</li>



<li>ใช้เงินตามงบประมาณ</li>



<li>ใช้เงินเกินงบประมาณ</li>



<li>มีเงินเหลือมากกว่าที่วางแผนไว้</li>
</ul>



<p class="wp-block-paragraph">การเปรียบเทียบนี้จะช่วยให้คุณประเมินได้ว่าแผนการเงินที่ตั้งไว้เหมาะสมกับพฤติกรรมการใช้เงินจริงหรือไม่</p>



<h2 class="wp-block-heading">วิธีใช้งาน Template Excel</h2>



<h3 class="wp-block-heading">ขั้นตอนที่ 1 ดาวน์โหลดไฟล์ Template</h3>



<p class="wp-block-paragraph">ดาวน์โหลดไฟล์ Monthly Budget Tracker Excel ลงในคอมพิวเตอร์ จากนั้นเปิดไฟล์ด้วย Microsoft Excel</p>



<h3 class="wp-block-heading">ขั้นตอนที่ 2 ตรวจสอบหมวดหมู่รายรับและรายจ่าย</h3>



<p class="wp-block-paragraph">ตรวจสอบรายการที่มีอยู่ใน Template และแก้ไขชื่อหมวดหมู่ให้ตรงกับรูปแบบการใช้เงินของคุณ</p>



<p class="wp-block-paragraph">ตัวอย่างเช่น หากไม่มีค่าผ่อนรถ สามารถเปลี่ยนเป็นค่าเลี้ยงดูครอบครัวหรือค่าใช้จ่ายอื่นที่เกี่ยวข้องได้</p>



<h3 class="wp-block-heading">ขั้นตอนที่ 3 กำหนดงบประมาณประจำเดือน</h3>



<p class="wp-block-paragraph">กรอกจำนวนเงินที่ต้องการวางแผนไว้ในแต่ละหมวดก่อนเริ่มต้นเดือน</p>



<p class="wp-block-paragraph">ควรกำหนดงบประมาณให้สัมพันธ์กับรายได้และเป้าหมายการเงินของตัวเอง</p>



<h3 class="wp-block-heading">ขั้นตอนที่ 4 กรอกยอดเงินจริง</h3>



<p class="wp-block-paragraph">เมื่อมีรายรับหรือรายจ่ายเกิดขึ้น ให้บันทึกยอดเงินจริงลงในช่องที่กำหนด</p>



<p class="wp-block-paragraph">ควรอัปเดตข้อมูลอย่างสม่ำเสมอ เพื่อให้ผลสรุปบน Dashboard ใกล้เคียงกับสถานการณ์จริงมากที่สุด</p>



<h3 class="wp-block-heading">ขั้นตอนที่ 5 ตรวจสอบ Dashboard</h3>



<p class="wp-block-paragraph">เปิดหน้า Dashboard เพื่อตรวจสอบรายรับ รายจ่าย เงินออม และเงินคงเหลือ</p>



<p class="wp-block-paragraph">หากพบว่าหมวดใดใช้จ่ายเกินงบ สามารถปรับลดค่าใช้จ่ายในช่วงเวลาที่เหลือของเดือนได้</p>



<h3 class="wp-block-heading">ขั้นตอนที่ 6 สรุปผลเมื่อสิ้นเดือน</h3>



<p class="wp-block-paragraph">เมื่อจบเดือน ให้เปรียบเทียบงบประมาณกับยอดเงินจริง พร้อมจดบันทึกสิ่งที่ต้องปรับปรุงสำหรับเดือนถัดไป</p>



<p class="wp-block-paragraph">ตัวอย่างเช่น</p>



<ul class="wp-block-list">
<li>ลดงบค่าอาหารนอกบ้าน</li>



<li>ยกเลิกบริการรายเดือนที่ไม่ได้ใช้งาน</li>



<li>เพิ่มเงินออมอีก 1,000 บาท</li>



<li>ลดการใช้บัตรเครดิต</li>



<li>กันเงินสำหรับค่าใช้จ่ายประจำปีไว้ล่วงหน้า</li>
</ul>



<h2 class="wp-block-heading">วิธีใช้งาน Template ให้เกิดประโยชน์สูงสุด</h2>



<p class="wp-block-paragraph">เพื่อให้ระบบวางแผนรายรับรายจ่ายมีประสิทธิภาพ ควรใช้งานอย่างต่อเนื่องและมีวินัย โดยสามารถนำแนวทางต่อไปนี้ไปประยุกต์ใช้ได้</p>



<h3 class="wp-block-heading">บันทึกข้อมูลเป็นประจำ</h3>



<p class="wp-block-paragraph">ไม่ควรรอจนถึงสิ้นเดือนแล้วค่อยรวบรวมข้อมูลทั้งหมด เพราะอาจลืมรายการค่าใช้จ่ายบางส่วนได้</p>



<p class="wp-block-paragraph">อาจกำหนดเวลาเพียงวันละ 5 นาที หรือสัปดาห์ละ 1 ครั้งสำหรับอัปเดตข้อมูล</p>



<h3 class="wp-block-heading">แยกค่าใช้จ่ายจำเป็นกับค่าใช้จ่ายตามความต้องการ</h3>



<p class="wp-block-paragraph">การแยกประเภทค่าใช้จ่ายจะช่วยให้มองเห็นได้ง่ายขึ้นว่ารายการใดสามารถปรับลดได้เมื่อจำเป็น</p>



<h3 class="wp-block-heading">ตั้งเป้าหมายที่ทำได้จริง</h3>



<p class="wp-block-paragraph">ไม่ควรกำหนดงบประมาณต่ำเกินไปจนไม่สอดคล้องกับการใช้ชีวิตจริง เพราะจะทำให้ใช้เงินเกินงบทุกเดือนและเลิกใช้งานระบบในที่สุด</p>



<h3 class="wp-block-heading">ตรวจสอบ Dashboard อย่างน้อยสัปดาห์ละครั้ง</h3>



<p class="wp-block-paragraph">การตรวจสอบระหว่างเดือนช่วยให้สามารถแก้ไขพฤติกรรมการใช้เงินได้ทันเวลา ไม่ต้องรอจนเงินหมดแล้วจึงค่อยตรวจสอบ</p>



<h3 class="wp-block-heading">สำรองไฟล์เป็นประจำ</h3>



<p class="wp-block-paragraph">ควรสำรองไฟล์ไว้ใน OneDrive, Google Drive หรือพื้นที่จัดเก็บข้อมูลอื่น เพื่อป้องกันไฟล์สูญหายหรือเสียหาย</p>



<h2 class="wp-block-heading">เคล็ดลับบริหารการเงินให้อยู่หมัด</h2>



<h3 class="wp-block-heading">ให้เงินออมเป็นค่าใช้จ่ายจำเป็น</h3>



<p class="wp-block-paragraph">อย่ารอให้มีเงินเหลือแล้วค่อยออม แต่ควรกำหนดจำนวนเงินออมไว้ตั้งแต่ต้นเดือน และแยกเงินออกทันทีหลังได้รับรายได้</p>



<h3 class="wp-block-heading">ทดลองใช้กฎ 50/30/20</h3>



<p class="wp-block-paragraph">แนวทางพื้นฐานในการจัดสรรเงิน คือ</p>



<ul class="wp-block-list">
<li><strong>50%</strong> สำหรับค่าใช้จ่ายจำเป็น</li>



<li><strong>30%</strong> สำหรับความต้องการส่วนตัว</li>



<li><strong>20%</strong> สำหรับเงินออม การลงทุน หรือชำระหนี้เพิ่มเติม</li>
</ul>



<p class="wp-block-paragraph">สัดส่วนดังกล่าวสามารถปรับเปลี่ยนให้เหมาะสมกับรายได้และภาระของแต่ละคนได้</p>



<h3 class="wp-block-heading">เตรียมงบประมาณสำหรับค่าใช้จ่ายที่ไม่ได้เกิดทุกเดือน</h3>



<p class="wp-block-paragraph">ค่าใช้จ่ายบางประเภทอาจเกิดเพียงปีละหนึ่งหรือสองครั้ง เช่น</p>



<ul class="wp-block-list">
<li>ประกันรถยนต์</li>



<li>ภาษีรถยนต์</li>



<li>ค่าเทอม</li>



<li>ค่าซ่อมบ้าน</li>



<li>ค่าเดินทางท่องเที่ยว</li>



<li>ของขวัญช่วงเทศกาล</li>
</ul>



<p class="wp-block-paragraph">ควรแบ่งเงินเก็บไว้ทุกเดือน เพื่อไม่ให้กระทบกับกระแสเงินสดเมื่อถึงเวลาต้องจ่ายจริง</p>



<h3 class="wp-block-heading">ลดรายจ่ายเล็ก ๆ ที่เกิดซ้ำ</h3>



<p class="wp-block-paragraph">ค่าใช้จ่ายจำนวนไม่มาก เช่น ค่ากาแฟ ค่าส่งอาหาร หรือค่าสมาชิกรายเดือน อาจรวมกันเป็นเงินจำนวนมากได้เมื่อคำนวณตลอดทั้งเดือน</p>



<h3 class="wp-block-heading">ทบทวนแผนทุกเดือน</h3>



<p class="wp-block-paragraph">ดาวน์โหลด Template Excel ระบบวางแผนรายรับรายจ่ายรายเดือน 📥</p>



<p class="wp-block-paragraph">งบประมาณไม่ใช่สิ่งที่กำหนดครั้งเดียวแล้วใช้ได้ตลอดไป ควรปรับตามรายได้ ค่าใช้จ่าย และเป้าหมายทางการเงินที่เปลี่ยนแปลงไป</p>



<!-- ===== BookIntelligent - Single Card Subscribe Form (All-in-One) + Image Upload ===== -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Prompt:wght@400;500;600;700&amp;display=swap" rel="stylesheet">

<style>
  :root{
    --card-bg:#ffffff;
    --card-br:#eceff3;
    --shadow:0 12px 36px rgba(2,16,64,.08);
    --primary:#0A66FF;
    --primary-d:#064fd1;
    --muted:#6b7280;
    --ring:#e6f0ff;
    --coffee-bg:#f3f8ff;
    --coffee-br:#e1ecff;
    --radius:18px;
  }
  .bi-card{
    max-width:640px;margin:0 auto;padding:22px;background:var(--card-bg);
    border:1px solid var(--card-br);border-radius:var(--radius);box-shadow:var(--shadow);
    font-family:"Prompt",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Thai","Sarabun",sans-serif;
    color:#0f172a; line-height:1.55;
  }
  .bi-card h2{margin:2px 6px 16px;text-align:center;font-size:1.28rem;font-weight:700;letter-spacing:.2px}
  .bi-row{margin:14px 0}
  .bi-label{display:block;margin:6px 0 8px;font-size:1rem;color:#111;font-weight:500}
  .bi-input,.bi-textarea,.bi-number{
    width:100%;border:1px solid #d9dee6;border-radius:12px;background:#fff;
    padding:12px 14px;font-size:1rem;outline:none;transition:border .15s,box-shadow .15s,background .15s;
  }
  .bi-input:focus,.bi-textarea:focus,.bi-number:focus{border-color:var(--primary); box-shadow:0 0 0 4px var(--ring)}
  .bi-textarea{min-height:96px;resize:vertical}
  .bi-input::placeholder,.bi-textarea::placeholder{color:#9aa3b2}

  .coffee-box{background:var(--coffee-bg);border:1px solid var(--coffee-br);border-radius:14px;padding:14px 14px 12px;margin-top:10px}
  .coffee-title{font-weight:600;margin-bottom:6px}
  .bi-hint{font-size:.95rem;color:var(--muted)}
  .pp-row{display:flex;align-items:center;gap:10px;margin:8px 0}
  .pp-chip{background:#fff;border:1px dashed #9ac7ff;border-radius:10px;padding:8px 10px;font-weight:700;font-family:ui-monospace,Consolas,monospace}
  .copy-btn{border:1px solid #9ac7ff;background:#f2f7ff;border-radius:10px;padding:8px 10px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:6px}
  .copy-btn:active{transform:translateY(1px)}

  .bi-submit{
    width:100%;margin-top:16px;padding:14px 16px;border:none;border-radius:12px;
    background:linear-gradient(180deg,#0A66FF 0%,#0958e8 100%);color:#fff;font-size:1.05rem;font-weight:700;cursor:pointer;letter-spacing:.2px;
  }
  .bi-submit:disabled{
    background: #ccc; cursor: not-allowed;
  }
  .bi-submit:hover:not(:disabled){filter:brightness(.98)}
  .bi-disclaimer{margin-top:12px;color:#c0392b;font-size:.92rem}
  
  /* Upload Button Style */
  .upload-box {
      border: 2px dashed #9ac7ff;
      border-radius: 12px;
      padding: 15px;
      text-align: center;
      background: #fdfdfd;
      margin-top: 10px;
  }
  .upload-btn-wrapper {
      position: relative;
      overflow: hidden;
      display: inline-block;
  }
  .btn-upload {
      border: 2px solid #0A66FF;
      color: #0A66FF;
      background-color: white;
      padding: 8px 20px;
      border-radius: 8px;
      font-weight: bold;
      font-size: 14px;
      cursor: pointer;
  }
  .upload-btn-wrapper input[type=file] {
      font-size: 100px;
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0;
      cursor: pointer;
  }
  #fileNameDisplay {
      margin-top: 8px;
      font-size: 0.9rem;
      color: #0A66FF;
      font-weight: 500;
  }

  /* === Mini Scale Override (~12–18% smaller) === */
  .bi-card{ font-size:15px; padding:16px }
  .bi-card h2{ font-size:1.06rem; margin:2px 6px 12px }
  .bi-label{ font-size:.90rem }
  .bi-input,.bi-textarea,.bi-number{ padding:10px 12px; font-size:.95rem; border-radius:10px }
  .bi-textarea{ min-height:80px }
  .coffee-box{ padding:12px; border-radius:12px }
  .coffee-title{ font-size:.98rem }
  .bi-hint{ font-size:.88rem; line-height:1.6 }
  .pp-chip{ padding:6px 8px; font-size:.93rem }
  .copy-btn{ padding:6px 8px; font-size:.90rem }
  .bi-submit{ padding:12px 14px; font-size:.98rem; border-radius:10px }
  .bi-disclaimer{ font-size:.85rem }
  .promo-red{ color:#ff1f1f !important; font-weight:700; }
  .copy-btn{ color:#111 !important; }
  .copy-btn svg, .copy-btn svg path{ stroke:#111 !important; }
  .copy-btn:hover{ color:#111 !important; }

  @media (max-width:420px){
    .bi-card{ padding:14px }
    .bi-card h2{ font-size:1rem }
    .bi-input,.bi-textarea,.bi-number{ padding:9px 11px; font-size:.92rem }
    .pp-chip,.copy-btn{ font-size:.88rem }
  }
</style>

<form id="subscribeForm" class="bi-card" action="https://script.google.com/macros/s/AKfycbzy2bsbi_VbGBDJnIOXVBkp_yjDQLtEW12Y2TKSt5u7LPm0aXMQlxzBrwysp9CI7_JN/exec" method="POST">
  <h2>ดาวน์โหลดโปรแกรม</h2>

  <!-- Email -->
  <div class="bi-row">
    <label class="bi-label" for="email">📩อีเมล Email <span class="promo-red">(บังคับ)</span></label>
    <input class="bi-input" type="email" id="email" name="email" required="" placeholder="name@gmail.com">
  </div>


<!-- หัวข้อ Subscribe YouTube -->
<div class="bi-row" style="margin-top:10px;">
  <div style="display:flex; align-items:center; gap:6px;">
    <label style="font-weight:600;">📺 Subscribe YouTube</label>
    <span class="promo-red">(บังคับ)</span>
  </div>

<div class="bi-hint" style="margin-bottom:10px;">อัปเดต Template และ ระบบอัตโนมัติใหม่ก่อนใครที่นี่</div>
  <a href="https://www.youtube.com/@bookintelligent6509" target="_blank" style="display:inline-block; background:#ff0000; color:#fff; padding:8px 14px; border-radius:6px; text-decoration:none; font-weight:600;" rel="noopener">
     🔔 Subscribe ช่อง BookIntelligent
  </a>
</div>


  <!-- กล่องกาแฟ (คอลัมน์ R = donation) -->
  <div class="coffee-box">
    <div class="coffee-title">☕ สนับสนุนค่ากาแฟ <span class="bi-hint"></span></div>
    
    <!-- ปรับปรุงข้อความใหม่ตรงนี้ -->
    <p class="bi-hint" style="margin:6px 0 10px; line-height: 1.6;">
        Template ตัวนี้จริง ๆ แล้ว มีราคาขายตามท้องตลาด 189 บาท<br>
        แต่ผมอยากแบ่งปันให้ทุกคนได้ใช้งานในราคาที่เข้าถึงได้<br>
        เพียงคุณ <strong style="color:#0A66FF">เลี้ยงกาแฟผม 1 แก้ว (59 บาท)</strong>
    </p>
    <p class="bi-hint" style="margin:6px 0 10px; line-height: 1.6;">
        คุณจะได้รับ Template ระบบจัดการงานตัวเต็ม พร้อมใช้งานทันที<br>
        ทุกการสนับสนุนของคุณ คือกำลังใจสำคัญที่ทำให้ผมมีแรงสร้างคอนเทนต์ดี ๆ แบบนี้มาแบ่งปันกันต่อไป 🙏<br>
        <b>ขอบคุณจากใจจริงครับ ❤️</b>
    </p>

    <!-- ข้อมูลการโอน -->
    <div class="bi-hint" style="margin-top:15px; font-weight:600;">พร้อมเพย์</div>
    <div class="pp-row">
      <span class="pp-chip" id="bank-number">1100400603389</span>
      <button class="copy-btn" type="button" id="copyBank">
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none"><path d="M9 9h9v9H9z" stroke="#2563eb" stroke-width="2"></path><path d="M6 6h9v9" stroke="#2563eb" stroke-width="2"></path></svg>
        คัดลอก
      </button>
    </div>
    <label class="bi-label" for="donation">ชื่อบัญชี: นาย ศิริพงษ์ โรจน์ชัยวิริยะกุล</label>
    
    <!-- ส่วนแนบสลิป แก้ไขตามที่ขอ -->
    <div class="bi-hint" style="margin-top:10px; font-size: 0.9em; font-weight:600; color:#0A66FF;">
        ☕ สนับสนุนค่ากาแฟ 59 บาท เพื่อรับ Template นี้
    </div>
<div class="bi-hint" style="margin-top:10px; font-size: 0.9em; font-weight:600; color:#0A66FF;">🎁 Bonus ถ้าหากสนับสนุนตั้งแต่ 100 บาท  </div>
  <span class="promo-red">รับโบนัส Template Google Sheet “ระบบติดตามงานพร้อมปฏิทิน (Template To-Do List + Calendar) มูลค่า 500 บาท แจกให้ฟรี”</span>
  — หลังโอน: แนบสลิปส่งทาง LINE ID : <b>@741imcyw</b> หรือ
  <a href="https://line.me/R/ti/p/%40741imcyw" target="_blank" rel="noopener">คลิกที่นี่</a>
<p></p>

    <label class="bi-label" style="margin-top:15px;">🧾 แนบสลิปการโอน <span class="promo-red">(บังคับ)</span></label>
    <div class="upload-box">
        <div class="upload-btn-wrapper">
          <button class="btn-upload" type="button">เลือกรูปสลิป (Click)</button>
          <input type="file" id="slipInput" accept="image/*" required="">
        </div>
        <div id="fileNameDisplay">ยังไม่ได้เลือกไฟล์</div>
    </div>

  </div>

  <!-- Hidden fields -->
  <input type="hidden" name="source" value="Monthly Budget Tracker Excel">
  <input type="hidden" name="type" value="Template Excel">
  <input type="hidden" id="ip" name="ip" value="">
  
  <!-- Hidden fields สำหรับไฟล์รูปภาพ -->
  <input type="hidden" id="fileContent" name="fileContent">
  <input type="hidden" id="fileMimeType" name="fileMimeType">
  <input type="hidden" id="fileName" name="fileName">

  <button class="bi-submit" id="submitBtn" type="submit"> Download </button>
  <div id="loadingMsg" style="display:none; text-align:center; color:#0A66FF; margin-top:10px;">กำลังอัปโหลด&#8230; กรุณารอสักครู่</div>

  <div style="margin-top:12px; text-align:center; font-size:0.9rem; color:#9aa3b2;">
    หลังโอนถ้าติดปัญหาสามารถทักมาสอบถามได้ที่ LINE ID : <b>@741imcyw</b> หรือ <a href="https://line.me/R/ti/p/%40741imcyw" target="_blank" style="color:#9aa3b2; text-decoration:underline;" rel="noopener">คลิกที่นี่</a>
  </div>

  <div class="bi-disclaimer">
    ไม่อนุญาตให้นำไฟล์ไปจำหน่าย แจกจ่าย หรือเปิดให้ดาวน์โหลดต่อสาธารณะ
  </div>
</form>

<script>
  // 1. คัดลอกเลขพร้อมเพย์
  document.getElementById('copyBank').addEventListener('click', async () => {
    const text = document.getElementById('bank-number').textContent.replace(/\s/g,'').trim();
    try{
      await navigator.clipboard.writeText(text);
      alert('คัดลอกหมายเลขแล้ว');
    }catch(e){
      alert('คัดลอกไม่สำเร็จ ลองอีกครั้งครับ');
    }
  });

  // 2. จัดการไฟล์รูปภาพ (แปลงเป็น Base64)
  const fileInput = document.getElementById('slipInput');
  const fileNameDisplay = document.getElementById('fileNameDisplay');
  const hiddenContent = document.getElementById('fileContent');
  const hiddenMime = document.getElementById('fileMimeType');
  const hiddenName = document.getElementById('fileName');

  fileInput.addEventListener('change', function() {
      if (this.files && this.files[0]) {
          var file = this.files[0];
          
          // แสดงชื่อไฟล์
          fileNameDisplay.textContent = "✅ " + file.name;
          fileNameDisplay.style.color = "#06C755";
          
          // อ่านไฟล์
          var reader = new FileReader();
          reader.onload = function(e) {
              // ดึงเฉพาะข้อมูล Base64 (ตัด header data:image/...;base64, ออก)
              var result = e.target.result;
              var base64 = result.split(',')[1];
              var mime = result.split(';')[0].split(':')[1];
              
              hiddenContent.value = base64;
              hiddenMime.value = mime;
              hiddenName.value = file.name;
          };
          reader.readAsDataURL(file);
      } else {
          fileNameDisplay.textContent = "ยังไม่ได้เลือกไฟล์";
          fileNameDisplay.style.color = "#0A66FF";
          hiddenContent.value = "";
          hiddenMime.value = "";
          hiddenName.value = "";
      }
  });

  // 3. จัดการ Submit Form
  document.getElementById("subscribeForm").addEventListener("submit", async function(e){
    e.preventDefault();
    
    // ตรวจสอบ Email
    const email = document.getElementById("email").value.trim();
    if(!email || !email.includes("@")){ alert("กรอกอีเมลให้ถูกต้องครับ"); return; }
    
    // ตรวจสอบไฟล์ (ถ้าไม่มีไฟล์ ค่า base64 จะว่าง)
    if(!hiddenContent.value) {
        alert("กรุณาแนบสลิปการโอนเงินก่อนกด Download ครับ");
        return;
    }

    // แสดง Loading
    const btn = document.getElementById('submitBtn');
    const loadMsg = document.getElementById('loadingMsg');
    btn.disabled = true;
    btn.textContent = "กำลังดำเนินการ...";
    loadMsg.style.display = "block";

    // หา IP Address
    try{
      const res = await fetch("https://api.ipify.org?format=json");
      const data = await res.json();
      document.getElementById("ip").value = data.ip || "";
    }catch(err){
      document.getElementById("ip").value = "unknown";
    }
    
    // ส่งฟอร์ม
    this.submit();
  });
</script>



<h2 class="wp-block-heading">สรุป</h2>



<p class="wp-block-paragraph">การวางแผนรายรับรายจ่ายไม่จำเป็นต้องซับซ้อน เพียงมีเครื่องมือที่ช่วยจัดระเบียบข้อมูลและใช้งานอย่างสม่ำเสมอ คุณก็สามารถเห็นภาพรวมทางการเงินของตัวเองได้ชัดเจนขึ้น</p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"><strong>ลองดูบทความเพิ่มเติมได้ดังนี้</strong></p>



<ul class="wp-block-list">
<li><a href="https://www.bookintelligent.com/category/template-free/">Template Free Google Sheet &amp; Excel ดาวน์โหลดฟรี</a></li>



<li><a href="https://www.bookintelligent.com/passive-income-salaryman/">Passive Income สำหรับพนักงานประจำ</a></li>



<li><a href="https://www.bookintelligent.com/financial-freedom/">สร้างอิสรภาพทางการเงินได้อย่างไร</a></li>
</ul>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1024" height="576" src="https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling.jpg" alt="" class="wp-image-2080" srcset="https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling.jpg 1024w, https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling-600x338.jpg 600w, https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling-300x169.jpg 300w, https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling-768x432.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">ตอนนี้ ผมมีทำ <strong>[Template Pro] ระบบบัญชีรายรับ รายจ่าย เงินออม ด้วย Google Sheets มี Dashboard สรุป (Income Expense Saving Tracker)</strong> สามารถดูรายละเอียดได้ที่ <a href="https://www.bookintelligent.com/template-pro-income-expense-saving-tracker/">Link นี้</a></p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-1024x576.png" alt="" class="wp-image-2596" srcset="https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-1024x576.png 1024w, https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-600x338.png 600w, https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-300x169.png 300w, https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-768x432.png 768w, https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1.png 1280w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">3638</post-id>	</item>
		<item>
		<title>[Web App พร้อมดาวน์โหลด] ระบบ To Do List Calendar + แจ้งเตือนผ่าน LINE ใช้งานง่ายและอัตโนมัติ</title>
		<link>https://www.bookintelligent.com/web-app-to-do-list-calendar-line-reimider/</link>
		
		<dc:creator><![CDATA[kookguu]]></dc:creator>
		<pubDate>Thu, 11 Jun 2026 17:04:32 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://www.bookintelligent.com/?p=3597</guid>

					<description><![CDATA[ตั้ง reminder ไว้ในมือถือ แต่พอเด้งขึ้นมาก็ dismiss ทิ้งลิสต์งานไว้ใน Notes แต่ไม่เคยเปิดดูรู้ตัวอีกทีก็เลยกำหนดส่งไปแล้ว… ถ้าคุณเจอปัญหาแบบนี้อยู่ บทความนี้อาจเป็นคำตอบที่ใช่ให้คุณครับ 👇 ✅ ระบบนี้คืออะไร? To Do List Calendar Web App + LINE Reminder คือ Web Application ที่สร้างด้วย Google Apps Script และใช้ Google Sheets เป็นฐานข้อมูล เปิดใช้งานได้ทันทีบนเบราว์เซอร์ ไม่ต้องติดตั้งซอฟต์แวร์ใดๆ เพิ่ม และที่พิเศษกว่า To Do App ทั่วไป คือระบบนี้ ส่งแจ้งเตือนผ่าน LINE ให้คุณโดยอัตโนมัติก่อนถึงเวลางาน ✨ 🔧 ฟีเจอร์หลักของระบบ ฟีเจอร์ รายละเอียด 📅 ปฏิทินรายเดือน เพิ่ม ดู แก้ไข &#8230;<p class="read-more"> <a class="" href="https://www.bookintelligent.com/web-app-to-do-list-calendar-line-reimider/"> <span class="screen-reader-text">[Web App พร้อมดาวน์โหลด] ระบบ To Do List Calendar + แจ้งเตือนผ่าน LINE ใช้งานง่ายและอัตโนมัติ</span> Read More &#187;</a></p>]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">ตั้ง reminder ไว้ในมือถือ แต่พอเด้งขึ้นมาก็ dismiss ทิ้ง<br>ลิสต์งานไว้ใน Notes แต่ไม่เคยเปิดดู<br>รู้ตัวอีกทีก็เลยกำหนดส่งไปแล้ว…</p>



<p class="wp-block-paragraph">ถ้าคุณเจอปัญหาแบบนี้อยู่ บทความนี้อาจเป็นคำตอบที่ใช่ให้คุณครับ 👇</p>



<span id="more-3597"></span>



<h2 class="wp-block-heading">✅ ระบบนี้คืออะไร?</h2>



<p class="wp-block-paragraph"><strong>To Do List Calendar Web App + LINE Reminder</strong> คือ Web Application ที่สร้างด้วย <strong>Google Apps Script</strong> และใช้ <strong>Google Sheets</strong> เป็นฐานข้อมูล เปิดใช้งานได้ทันทีบนเบราว์เซอร์ ไม่ต้องติดตั้งซอฟต์แวร์ใดๆ เพิ่ม</p>



<p class="wp-block-paragraph">และที่พิเศษกว่า To Do App ทั่วไป คือระบบนี้ <strong>ส่งแจ้งเตือนผ่าน LINE</strong> ให้คุณโดยอัตโนมัติก่อนถึงเวลางาน ✨</p>



<h2 class="wp-block-heading">🔧 ฟีเจอร์หลักของระบบ</h2>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="461" src="https://www.bookintelligent.com/wp-content/uploads/2026/06/image-1-1024x461.png" alt="[Web App พร้อมดาวน์โหลด] ระบบ To Do List Calendar + แจ้งเตือนผ่าน LINE ใช้งานง่ายและอัตโนมัติ" class="wp-image-3602" srcset="https://www.bookintelligent.com/wp-content/uploads/2026/06/image-1-1024x461.png 1024w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-1-300x135.png 300w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-1-768x346.png 768w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-1-1536x691.png 1536w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-1-600x270.png 600w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-1.png 1911w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Dashboard  ปฎิทินรายและงานวันนี้</figcaption></figure>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="463" src="https://www.bookintelligent.com/wp-content/uploads/2026/06/image-2-1024x463.png" alt="" class="wp-image-3603" srcset="https://www.bookintelligent.com/wp-content/uploads/2026/06/image-2-1024x463.png 1024w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-2-300x136.png 300w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-2-768x347.png 768w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-2-1536x695.png 1536w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-2-600x271.png 600w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-2.png 1892w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">หน้าจอการสร้างงานใหม่</figcaption></figure>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="466" src="https://www.bookintelligent.com/wp-content/uploads/2026/06/image-3-1024x466.png" alt="" class="wp-image-3604" srcset="https://www.bookintelligent.com/wp-content/uploads/2026/06/image-3-1024x466.png 1024w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-3-300x136.png 300w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-3-768x349.png 768w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-3-1536x699.png 1536w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-3-600x273.png 600w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-3.png 1902w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">คลังภารกิจทั้งหมด</figcaption></figure>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="464" src="https://www.bookintelligent.com/wp-content/uploads/2026/06/image-4-1024x464.png" alt="" class="wp-image-3605" srcset="https://www.bookintelligent.com/wp-content/uploads/2026/06/image-4-1024x464.png 1024w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-4-300x136.png 300w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-4-768x348.png 768w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-4-1536x696.png 1536w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-4-600x272.png 600w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-4.png 1901w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">ตั้งค่าระบบ</figcaption></figure>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="503" height="1024" src="https://www.bookintelligent.com/wp-content/uploads/2026/06/Web-App-พร้อมดาวน์โหลด-ระบบ-To-Do-List-Calendar-แจ้งเตือนผ่าน-LINE-ใช้งานง่ายและอัตโนมัติ-3-503x1024.jpg" alt="" class="wp-image-3611" srcset="https://www.bookintelligent.com/wp-content/uploads/2026/06/Web-App-พร้อมดาวน์โหลด-ระบบ-To-Do-List-Calendar-แจ้งเตือนผ่าน-LINE-ใช้งานง่ายและอัตโนมัติ-3-503x1024.jpg 503w, https://www.bookintelligent.com/wp-content/uploads/2026/06/Web-App-พร้อมดาวน์โหลด-ระบบ-To-Do-List-Calendar-แจ้งเตือนผ่าน-LINE-ใช้งานง่ายและอัตโนมัติ-3-147x300.jpg 147w, https://www.bookintelligent.com/wp-content/uploads/2026/06/Web-App-พร้อมดาวน์โหลด-ระบบ-To-Do-List-Calendar-แจ้งเตือนผ่าน-LINE-ใช้งานง่ายและอัตโนมัติ-3-768x1563.jpg 768w, https://www.bookintelligent.com/wp-content/uploads/2026/06/Web-App-พร้อมดาวน์โหลด-ระบบ-To-Do-List-Calendar-แจ้งเตือนผ่าน-LINE-ใช้งานง่ายและอัตโนมัติ-3-755x1536.jpg 755w, https://www.bookintelligent.com/wp-content/uploads/2026/06/Web-App-พร้อมดาวน์โหลด-ระบบ-To-Do-List-Calendar-แจ้งเตือนผ่าน-LINE-ใช้งานง่ายและอัตโนมัติ-3-600x1221.jpg 600w, https://www.bookintelligent.com/wp-content/uploads/2026/06/Web-App-พร้อมดาวน์โหลด-ระบบ-To-Do-List-Calendar-แจ้งเตือนผ่าน-LINE-ใช้งานง่ายและอัตโนมัติ-3.jpg 869w" sizes="auto, (max-width: 503px) 100vw, 503px" /><figcaption class="wp-element-caption">Line Reminder</figcaption></figure>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>ฟีเจอร์</th><th>รายละเอียด</th></tr></thead><tbody><tr><td>📅 ปฏิทินรายเดือน</td><td>เพิ่ม ดู แก้ไข ลบ Task บนปฏิทิน คลิกดูรายละเอียดได้ทันที</td></tr><tr><td>📊 Dashboard สรุปผล</td><td>KPI Cards แสดง Task วันนี้ งานค้าง งานเสร็จ และ Priority สูง</td></tr><tr><td>💚 แจ้งเตือน LINE OA</td><td>ส่ง LINE Flex Message อัตโนมัติก่อนถึงเวลา Task ตามที่ตั้งไว้</td></tr><tr><td>🗂️ จัดหมวดหมู่</td><td>สร้าง Category พร้อมสี กำหนดหมวดหมู่ให้ Task ได้</td></tr><tr><td>📱 รองรับมือถือ</td><td>Responsive Design ใช้ได้ดีทั้ง Desktop และ Smartphone</td></tr><tr><td>☁️ ข้อมูลใน Google Sheets</td><td>ดูและแก้ไขข้อมูลได้โดยตรงใน Spreadsheet</td></tr></tbody></table></figure>



<h2 class="wp-block-heading">👥 ระบบนี้เหมาะกับใคร?</h2>



<ul class="wp-block-list">
<li>💼 <strong>คนทำงาน Freelance / WFH</strong> ที่ต้องจัดการงานหลายอย่างพร้อมกัน</li>



<li>🎓 <strong>นักศึกษา</strong> ที่มี assignment หลายวิชาและกลัวลืมกำหนดส่ง</li>



<li>📲 <strong>คนที่ใช้ LINE เป็นหลัก</strong> ไม่อยากลง App เพิ่มแต่อยากได้รับการแจ้งเตือน</li>



<li>🏠 <strong>คนทั่วไป</strong> ที่อยากมีระบบ To Do List ส่วนตัวที่ข้อมูลอยู่กับตัวเอง ไม่ฝากไว้กับ Cloud ของคนอื่น</li>



<li>🚩<strong>เจ้าของธุรกิจ</strong> ที่ไว้ตามงานหรือสั่งงานลูกน้องช่วงเช้า</li>
</ul>



<h2 class="wp-block-heading">💚 วิธีสร้าง LINE OA และรับ Token (สำคัญมาก!)</h2>



<p class="wp-block-paragraph">ก่อนติดตั้งระบบ คุณต้องสร้าง LINE Official Account ก่อนครับ ทำตามขั้นตอนนี้ได้เลย:</p>



<h3 class="wp-block-heading">ขั้นตอนที่ 1 — สมัคร LINE Developers</h3>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="518" src="https://www.bookintelligent.com/wp-content/uploads/2026/06/image-6-1024x518.png" alt="" class="wp-image-3608" srcset="https://www.bookintelligent.com/wp-content/uploads/2026/06/image-6-1024x518.png 1024w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-6-300x152.png 300w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-6-768x388.png 768w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-6-1536x777.png 1536w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-6-600x303.png 600w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-6.png 1912w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="wp-block-list">
<li>เปิดเบราว์เซอร์ไปที่ <strong>developers.line.biz</strong></li>



<li>กด <strong>Log in</strong> → Login ด้วยบัญชี LINE ปกติของคุณ</li>



<li>กด <strong>Create a new provider</strong> → ตั้งชื่อ เช่น &#8220;My Apps&#8221;</li>
</ol>



<h3 class="wp-block-heading">ขั้นตอนที่ 2 — สร้าง Messaging API Channel</h3>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="520" src="https://www.bookintelligent.com/wp-content/uploads/2026/06/image-7-1024x520.png" alt="" class="wp-image-3609" srcset="https://www.bookintelligent.com/wp-content/uploads/2026/06/image-7-1024x520.png 1024w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-7-300x152.png 300w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-7-768x390.png 768w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-7-1536x779.png 1536w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-7-600x304.png 600w, https://www.bookintelligent.com/wp-content/uploads/2026/06/image-7.png 1908w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="wp-block-list">
<li>กด <strong>Create a Messaging API channel</strong></li>



<li>กรอกข้อมูลช่อง:</li>
</ol>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>ช่องกรอก</th><th>ตัวอย่าง</th></tr></thead><tbody><tr><td>Channel name</td><td>To Do Reminder Bot</td></tr><tr><td>Channel description</td><td>แจ้งเตือน Task รายวัน</td></tr><tr><td>Category / Subcategory</td><td>เลือกตามใจ</td></tr></tbody></table></figure>



<ol start="3" class="wp-block-list">
<li>กด <strong>Create</strong> → ยอมรับข้อตกลง</li>
</ol>



<h3 class="wp-block-heading">ขั้นตอนที่ 3 — รับ Channel Access Token</h3>



<ol class="wp-block-list">
<li>ไปที่ Tab <strong>&#8220;Messaging API&#8221;</strong></li>



<li>เลื่อนลงล่างสุดหาส่วน <strong>Channel access token</strong></li>



<li>กดปุ่ม <strong>Issue</strong> → คัดลอก Token ยาวๆ เก็บไว้</li>
</ol>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">🔑 <strong>สำคัญ:</strong> Token นี้เหมือนรหัสผ่าน ห้ามแชร์ให้ผู้อื่น ถ้าหลุดออกไปให้กด <strong>Reissue</strong> ทันที</p>
</blockquote>



<h3 class="wp-block-heading">ขั้นตอนที่ 4 — ตั้งค่า Webhook</h3>



<ol class="wp-block-list">
<li>ในหน้าเดียวกัน หาส่วน <strong>Webhook settings</strong></li>



<li>ใส่ Web App URL ที่จะได้จากการ Deploy (ทำในขั้นตอนถัดไป)</li>



<li>กด <strong>Update</strong> → กด <strong>Verify</strong> ควรขึ้น &#8220;Success&#8221;</li>



<li>เปิดสวิตช์ <strong>Use webhook → ON</strong></li>



<li>ปิดสวิตช์ <strong>Auto-reply messages → OFF</strong></li>
</ol>



<h2 class="wp-block-heading">📥 วิธีติดตั้งระบบ (ย่อ)</h2>



<p class="wp-block-paragraph">หลังจากได้ LINE Token แล้ว การติดตั้งหลักมี 5 ขั้นตอนง่ายๆ:</p>



<ol class="wp-block-list">
<li><strong>สร้าง Google Sheet ใหม่</strong> ที่ sheets.new แล้วคัดลอก Spreadsheet ID จาก URL</li>



<li><strong>ใส่ค่า Config 2 บรรทัด</strong> ใน Code.js (Spreadsheet ID + LINE Token)</li>



<li><strong>วาง Code.js ใน Apps Script Editor</strong> (Extensions → Apps Script)</li>



<li><strong>Deploy เป็น Web App</strong> → Execute as: Me / Who: Anyone → รับ URL</li>



<li><strong>กรอก LINE Settings ในแอป</strong> → บันทึก → ระบบเปิด Trigger อัตโนมัติ</li>
</ol>



<p class="wp-block-paragraph">📄 ดาวน์โหลดคู่มือฉบับเต็มพร้อม Template Web App</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://www.bookintelligent.com/wp-content/uploads/2026/06/คู่มือ-Web-App-พร้อมดาวน์โหลด-ระบบ-To-Do-List-Calendar-แจ้งเตือนผ่าน-LINE-ใช้งานง่ายและอัตโนมัติ-1-1024x576.jpg" alt="" class="wp-image-3614" srcset="https://www.bookintelligent.com/wp-content/uploads/2026/06/คู่มือ-Web-App-พร้อมดาวน์โหลด-ระบบ-To-Do-List-Calendar-แจ้งเตือนผ่าน-LINE-ใช้งานง่ายและอัตโนมัติ-1-1024x576.jpg 1024w, https://www.bookintelligent.com/wp-content/uploads/2026/06/คู่มือ-Web-App-พร้อมดาวน์โหลด-ระบบ-To-Do-List-Calendar-แจ้งเตือนผ่าน-LINE-ใช้งานง่ายและอัตโนมัติ-1-300x169.jpg 300w, https://www.bookintelligent.com/wp-content/uploads/2026/06/คู่มือ-Web-App-พร้อมดาวน์โหลด-ระบบ-To-Do-List-Calendar-แจ้งเตือนผ่าน-LINE-ใช้งานง่ายและอัตโนมัติ-1-768x432.jpg 768w, https://www.bookintelligent.com/wp-content/uploads/2026/06/คู่มือ-Web-App-พร้อมดาวน์โหลด-ระบบ-To-Do-List-Calendar-แจ้งเตือนผ่าน-LINE-ใช้งานง่ายและอัตโนมัติ-1-600x338.jpg 600w, https://www.bookintelligent.com/wp-content/uploads/2026/06/คู่มือ-Web-App-พร้อมดาวน์โหลด-ระบบ-To-Do-List-Calendar-แจ้งเตือนผ่าน-LINE-ใช้งานง่ายและอัตโนมัติ-1.jpg 1280w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading">💰 ค่าใช้จ่ายจริงๆ คือเท่าไหร่?</h2>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>รายการ</th><th>ค่าใช้จ่าย</th></tr></thead><tbody><tr><td>Google Sheets + Apps Script</td><td>✅ ฟรี</td></tr><tr><td>LINE Official Account (Free Plan)</td><td>✅ ฟรี</td></tr><tr><td>LINE Messaging API</td><td>✅ ฟรี 300 ข้อความ/เดือน</td></tr><tr><td>ตัวโค้ดนี้</td><td>✅ ฟรี</td></tr></tbody></table></figure>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">📊 <strong>300 ข้อความ/เดือน ≈ 10 reminders/วัน</strong> — เพียงพอสำหรับการใช้งานส่วนตัวสบายๆ</p>



<p class="wp-block-paragraph">⚠️ <strong>หมายเหตุ:</strong> ระบบนี้ส่งแจ้งเตือนแบบ Push Message หา User ID แต่ละคน นับ <strong>1 quota ต่อ 1 คน</strong> — ถ้าใช้งาน 5 คนพร้อมกัน reminder 1 ครั้งก็หัก 5 quota ครับ</p>
</blockquote>



<h2 class="wp-block-heading">📩ดาวน์โหลด Program</h2>



<!-- ===== BookIntelligent - Single Card Subscribe Form (All-in-One) + Image Upload ===== -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Prompt:wght@400;500;600;700&amp;display=swap" rel="stylesheet">

<style>
  :root{
    --card-bg:#ffffff;
    --card-br:#eceff3;
    --shadow:0 12px 36px rgba(2,16,64,.08);
    --primary:#0A66FF;
    --primary-d:#064fd1;
    --muted:#6b7280;
    --ring:#e6f0ff;
    --coffee-bg:#f3f8ff;
    --coffee-br:#e1ecff;
    --radius:18px;
  }
  .bi-card{
    max-width:640px;margin:0 auto;padding:22px;background:var(--card-bg);
    border:1px solid var(--card-br);border-radius:var(--radius);box-shadow:var(--shadow);
    font-family:"Prompt",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Thai","Sarabun",sans-serif;
    color:#0f172a; line-height:1.55;
  }
  .bi-card h2{margin:2px 6px 16px;text-align:center;font-size:1.28rem;font-weight:700;letter-spacing:.2px}
  .bi-row{margin:14px 0}
  .bi-label{display:block;margin:6px 0 8px;font-size:1rem;color:#111;font-weight:500}
  .bi-input,.bi-textarea,.bi-number{
    width:100%;border:1px solid #d9dee6;border-radius:12px;background:#fff;
    padding:12px 14px;font-size:1rem;outline:none;transition:border .15s,box-shadow .15s,background .15s;
  }
  .bi-input:focus,.bi-textarea:focus,.bi-number:focus{border-color:var(--primary); box-shadow:0 0 0 4px var(--ring)}
  .bi-textarea{min-height:96px;resize:vertical}
  .bi-input::placeholder,.bi-textarea::placeholder{color:#9aa3b2}

  .coffee-box{background:var(--coffee-bg);border:1px solid var(--coffee-br);border-radius:14px;padding:14px 14px 12px;margin-top:10px}
  .coffee-title{font-weight:600;margin-bottom:6px}
  .bi-hint{font-size:.95rem;color:var(--muted)}
  .pp-row{display:flex;align-items:center;gap:10px;margin:8px 0}
  .pp-chip{background:#fff;border:1px dashed #9ac7ff;border-radius:10px;padding:8px 10px;font-weight:700;font-family:ui-monospace,Consolas,monospace}
  .copy-btn{border:1px solid #9ac7ff;background:#f2f7ff;border-radius:10px;padding:8px 10px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:6px}
  .copy-btn:active{transform:translateY(1px)}

  .bi-submit{
    width:100%;margin-top:16px;padding:14px 16px;border:none;border-radius:12px;
    background:linear-gradient(180deg,#0A66FF 0%,#0958e8 100%);color:#fff;font-size:1.05rem;font-weight:700;cursor:pointer;letter-spacing:.2px;
  }
  .bi-submit:disabled{
    background: #ccc; cursor: not-allowed;
  }
  .bi-submit:hover:not(:disabled){filter:brightness(.98)}
  .bi-disclaimer{margin-top:12px;color:#c0392b;font-size:.92rem}
  
  /* Upload Button Style */
  .upload-box {
      border: 2px dashed #9ac7ff;
      border-radius: 12px;
      padding: 15px;
      text-align: center;
      background: #fdfdfd;
      margin-top: 10px;
  }
  .upload-btn-wrapper {
      position: relative;
      overflow: hidden;
      display: inline-block;
  }
  .btn-upload {
      border: 2px solid #0A66FF;
      color: #0A66FF;
      background-color: white;
      padding: 8px 20px;
      border-radius: 8px;
      font-weight: bold;
      font-size: 14px;
      cursor: pointer;
  }
  .upload-btn-wrapper input[type=file] {
      font-size: 100px;
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0;
      cursor: pointer;
  }
  #fileNameDisplay {
      margin-top: 8px;
      font-size: 0.9rem;
      color: #0A66FF;
      font-weight: 500;
  }

  /* === Mini Scale Override (~12–18% smaller) === */
  .bi-card{ font-size:15px; padding:16px }
  .bi-card h2{ font-size:1.06rem; margin:2px 6px 12px }
  .bi-label{ font-size:.90rem }
  .bi-input,.bi-textarea,.bi-number{ padding:10px 12px; font-size:.95rem; border-radius:10px }
  .bi-textarea{ min-height:80px }
  .coffee-box{ padding:12px; border-radius:12px }
  .coffee-title{ font-size:.98rem }
  .bi-hint{ font-size:.88rem; line-height:1.6 }
  .pp-chip{ padding:6px 8px; font-size:.93rem }
  .copy-btn{ padding:6px 8px; font-size:.90rem }
  .bi-submit{ padding:12px 14px; font-size:.98rem; border-radius:10px }
  .bi-disclaimer{ font-size:.85rem }
  .promo-red{ color:#ff1f1f !important; font-weight:700; }
  .copy-btn{ color:#111 !important; }
  .copy-btn svg, .copy-btn svg path{ stroke:#111 !important; }
  .copy-btn:hover{ color:#111 !important; }

  @media (max-width:420px){
    .bi-card{ padding:14px }
    .bi-card h2{ font-size:1rem }
    .bi-input,.bi-textarea,.bi-number{ padding:9px 11px; font-size:.92rem }
    .pp-chip,.copy-btn{ font-size:.88rem }
  }
</style>

<form id="subscribeForm" class="bi-card" action="https://script.google.com/macros/s/AKfycbzy2bsbi_VbGBDJnIOXVBkp_yjDQLtEW12Y2TKSt5u7LPm0aXMQlxzBrwysp9CI7_JN/exec" method="POST">
  <h2>ดาวน์โหลดโปรแกรม</h2>

  <!-- Email -->
  <div class="bi-row">
    <label class="bi-label" for="email">📩อีเมล Email <span class="promo-red">(บังคับ)</span></label>
    <input class="bi-input" type="email" id="email" name="email" required="" placeholder="name@gmail.com">
  </div>


<!-- หัวข้อ Subscribe YouTube -->
<div class="bi-row" style="margin-top:10px;">
  <div style="display:flex; align-items:center; gap:6px;">
    <label style="font-weight:600;">📺 Subscribe YouTube</label>
    <span class="promo-red">(บังคับ)</span>
  </div>

<div class="bi-hint" style="margin-bottom:10px;">อัปเดต Template และ ระบบอัตโนมัติใหม่ก่อนใครที่นี่</div>
  <a href="https://www.youtube.com/@bookintelligent6509" target="_blank" style="display:inline-block; background:#ff0000; color:#fff; padding:8px 14px; border-radius:6px; text-decoration:none; font-weight:600;" rel="noopener">
     🔔 Subscribe ช่อง BookIntelligent
  </a>
</div>


  <!-- กล่องกาแฟ (คอลัมน์ R = donation) -->
  <div class="coffee-box">
    <div class="coffee-title">☕ สนับสนุนค่ากาแฟ <span class="bi-hint"></span></div>
    
    <!-- ปรับปรุงข้อความใหม่ตรงนี้ -->
    <p class="bi-hint" style="margin:6px 0 10px; line-height: 1.6;">
        Webapp ตัวนี้จริง ๆ แล้ว หากไปดูตามคนที่ติดตั้งอยู่ระหว่าง 1,500-3,000 บาท<br>
        แต่ผมอยากแบ่งปันให้ทุกคนได้ใช้งานในราคาที่เข้าถึงได้<br>
        เพียงคุณ <strong style="color:#0A66FF">เลี้ยงกาแฟผม 1 แก้ว (129 บาท)</strong>
    </p>
    <p class="bi-hint" style="margin:6px 0 10px; line-height: 1.6;">
        คุณจะได้รับ Template Web App ระบบจัดการงานตัวเต็ม พร้อมใช้งานทันที<br>
        ทุกการสนับสนุนของคุณ คือกำลังใจสำคัญที่ทำให้ผมมีแรงสร้างคอนเทนต์ดี ๆ แบบนี้มาแบ่งปันกันต่อไป 🙏<br>
        <b>ขอบคุณจากใจจริงครับ ❤️</b>
    </p>

    <!-- ข้อมูลการโอน -->
    <div class="bi-hint" style="margin-top:15px; font-weight:600;">พร้อมเพย์</div>
    <div class="pp-row">
      <span class="pp-chip" id="bank-number">1100400603389</span>
      <button class="copy-btn" type="button" id="copyBank">
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none"><path d="M9 9h9v9H9z" stroke="#2563eb" stroke-width="2"></path><path d="M6 6h9v9" stroke="#2563eb" stroke-width="2"></path></svg>
        คัดลอก
      </button>
    </div>
    <label class="bi-label" for="donation">ชื่อบัญชี: นาย ศิริพงษ์ โรจน์ชัยวิริยะกุล</label>
    
    <!-- ส่วนแนบสลิป แก้ไขตามที่ขอ -->
    <div class="bi-hint" style="margin-top:10px; font-size: 0.9em; font-weight:600; color:#0A66FF;">
        ☕ สนับสนุนค่ากาแฟ 129 บาท เพื่อรับ Template นี้
   
    <label class="bi-label" style="margin-top:15px;">🧾 แนบสลิปการโอน <span class="promo-red">(บังคับ)</span></label>
    <div class="upload-box">
        <div class="upload-btn-wrapper">
          <button class="btn-upload" type="button">เลือกรูปสลิป (Click)</button>
          <input type="file" id="slipInput" accept="image/*" required="">
        </div>
        <div id="fileNameDisplay">ยังไม่ได้เลือกไฟล์</div>
    </div>

  </div>

  <!-- Hidden fields -->
  <input type="hidden" name="source" value="Web App To Do List + Line">
  <input type="hidden" name="type" value="Template Web App">
  <input type="hidden" id="ip" name="ip" value="">
  
  <!-- Hidden fields สำหรับไฟล์รูปภาพ -->
  <input type="hidden" id="fileContent" name="fileContent">
  <input type="hidden" id="fileMimeType" name="fileMimeType">
  <input type="hidden" id="fileName" name="fileName">

  <button class="bi-submit" id="submitBtn" type="submit"> Download </button>
  <div id="loadingMsg" style="display:none; text-align:center; color:#0A66FF; margin-top:10px;">กำลังอัปโหลด&#8230; กรุณารอสักครู่</div>

  <div style="margin-top:12px; text-align:center; font-size:0.9rem; color:#9aa3b2;">
    หลังโอนถ้าติดปัญหาสามารถทักมาสอบถามได้ที่ LINE ID : <b>@741imcyw</b> หรือ <a href="https://line.me/R/ti/p/%40741imcyw" target="_blank" style="color:#9aa3b2; text-decoration:underline;" rel="noopener">คลิกที่นี่</a>
  </div>

  <div class="bi-disclaimer">
    ไม่อนุญาตให้นำไฟล์ไปจำหน่าย แจกจ่าย หรือเปิดให้ดาวน์โหลดต่อสาธารณะ
  </div>


<script>
  // 1. คัดลอกเลขพร้อมเพย์
  document.getElementById('copyBank').addEventListener('click', async () => {
    const text = document.getElementById('bank-number').textContent.replace(/\s/g,'').trim();
    try{
      await navigator.clipboard.writeText(text);
      alert('คัดลอกหมายเลขแล้ว');
    }catch(e){
      alert('คัดลอกไม่สำเร็จ ลองอีกครั้งครับ');
    }
  });

  // 2. จัดการไฟล์รูปภาพ (แปลงเป็น Base64)
  const fileInput = document.getElementById('slipInput');
  const fileNameDisplay = document.getElementById('fileNameDisplay');
  const hiddenContent = document.getElementById('fileContent');
  const hiddenMime = document.getElementById('fileMimeType');
  const hiddenName = document.getElementById('fileName');

  fileInput.addEventListener('change', function() {
      if (this.files && this.files[0]) {
          var file = this.files[0];
          
          // แสดงชื่อไฟล์
          fileNameDisplay.textContent = "✅ " + file.name;
          fileNameDisplay.style.color = "#06C755";
          
          // อ่านไฟล์
          var reader = new FileReader();
          reader.onload = function(e) {
              // ดึงเฉพาะข้อมูล Base64 (ตัด header data:image/...;base64, ออก)
              var result = e.target.result;
              var base64 = result.split(',')[1];
              var mime = result.split(';')[0].split(':')[1];
              
              hiddenContent.value = base64;
              hiddenMime.value = mime;
              hiddenName.value = file.name;
          };
          reader.readAsDataURL(file);
      } else {
          fileNameDisplay.textContent = "ยังไม่ได้เลือกไฟล์";
          fileNameDisplay.style.color = "#0A66FF";
          hiddenContent.value = "";
          hiddenMime.value = "";
          hiddenName.value = "";
      }
  });

  // 3. จัดการ Submit Form
  document.getElementById("subscribeForm").addEventListener("submit", async function(e){
    e.preventDefault();
    
    // ตรวจสอบ Email
    const email = document.getElementById("email").value.trim();
    if(!email || !email.includes("@")){ alert("กรอกอีเมลให้ถูกต้องครับ"); return; }
    
    // ตรวจสอบไฟล์ (ถ้าไม่มีไฟล์ ค่า base64 จะว่าง)
    if(!hiddenContent.value) {
        alert("กรุณาแนบสลิปการโอนเงินก่อนกด Download ครับ");
        return;
    }

    // แสดง Loading
    const btn = document.getElementById('submitBtn');
    const loadMsg = document.getElementById('loadingMsg');
    btn.disabled = true;
    btn.textContent = "กำลังดำเนินการ...";
    loadMsg.style.display = "block";

    // หา IP Address
    try{
      const res = await fetch("https://api.ipify.org?format=json");
      const data = await res.json();
      document.getElementById("ip").value = data.ip || "";
    }catch(err){
      document.getElementById("ip").value = "unknown";
    }
    
    // ส่งฟอร์ม
    this.submit();
  });
</script></div></form>



<h2 class="wp-block-heading">วีดีสอนการติดตั้งและใช้งาน Template Web App 🎥</h2>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<div class="ast-oembed-container"><iframe loading="lazy" title="[Web App พร้อมดาวน์โหลด] ระบบ To Do List Calendar + แจ้งเตือนผ่าน LINE ใช้งานง่ายและอัตโนมัติ" width="1200" height="675" src="https://www.youtube.com/embed/DcUK1yWKh14?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
</div></figure>



<h2 class="wp-block-heading">สรุป 🧾</h2>



<p class="wp-block-paragraph">หวังว่า Template Web App ตัวนี้น่าจะช่วยทำให้การจัดการเวลาชีวิตของคุณมีประสิทธิภาพมากขึ้นนะครับ <strong>😊</strong></p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"><strong>ลองดูบทความเพิ่มเติมได้ดังนี้</strong></p>



<ul class="wp-block-list">
<li><a href="https://www.bookintelligent.com/category/template-free/">Template Free Google Sheet &amp; Excel ดาวน์โหลดฟรี</a></li>



<li><a href="https://www.bookintelligent.com/passive-income-salaryman/">Passive Income สำหรับพนักงานประจำ</a></li>



<li><a href="https://www.bookintelligent.com/financial-freedom/">สร้างอิสรภาพทางการเงินได้อย่างไร</a></li>
</ul>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1024" height="576" src="https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling.jpg" alt="" class="wp-image-2080" srcset="https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling.jpg 1024w, https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling-600x338.jpg 600w, https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling-300x169.jpg 300w, https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling-768x432.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">ตอนนี้ ผมมีทำ <strong>[Template Pro] ระบบบัญชีรายรับ รายจ่าย เงินออม ด้วย Google Sheets มี Dashboard สรุป (Income Expense Saving Tracker)</strong> สามารถดูรายละเอียดได้ที่ <a href="https://www.bookintelligent.com/template-pro-income-expense-saving-tracker/">Link นี้</a></p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-1024x576.png" alt="" class="wp-image-2596" srcset="https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-1024x576.png 1024w, https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-600x338.png 600w, https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-300x169.png 300w, https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-768x432.png 768w, https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1.png 1280w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading">📥 ดาวน์โหลดได้เลย!</h2>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading"></h2>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">3597</post-id>	</item>
		<item>
		<title>[Template Excel พร้อมดาวน์โหลด] งบการเงินส่วนบุคคล (Personal Income Statement) ใช้ง่าย ได้ผลจริง – มี Dashboard สรุป</title>
		<link>https://www.bookintelligent.com/template-excel-personal-income-statement/</link>
		
		<dc:creator><![CDATA[kookguu]]></dc:creator>
		<pubDate>Sun, 07 Jun 2026 00:33:52 +0000</pubDate>
				<category><![CDATA[Template Excel พร้อมใช้งาน]]></category>
		<guid isPermaLink="false">https://www.bookintelligent.com/?p=3584</guid>

					<description><![CDATA[คุณเคยรู้สึกไหมว่า “เงินเดือนหายไปไหนหมด?” หรือ “สิ้นเดือนทีไรเงินไม่เคยพอใช้เลย” 💸 ปัญหาเหล่านี้เกิดขึ้นกับหลายคน ไม่ใช่เพราะเราใช้เงินเก่งเกินไปเสมอไป แต่อาจเป็นเพราะเรายังไม่มีระบบช่วยวางแผนและติดตาม งบการเงินส่วนบุคคล อย่างเป็นระบบ วันนี้ผมเลยอยากมาแนะนำ Template Excel งบการเงินส่วนบุคคล (Personal Income Statement) ที่ใช้งานง่าย เหมาะสำหรับคนที่อยากเริ่มจัดระเบียบการเงินของตัวเองแบบจริงจัง พร้อม Dashboard สรุปภาพรวมรายรับ รายจ่าย และเงินออมในแต่ละเดือน ทำไมทุกคนควรมีงบการเงินส่วนบุคคล? 🤔 1. รู้ว่าเงินเข้ามาจากไหน และออกไปกับอะไร การบันทึกรายรับ รายจ่าย และเงินออม ช่วยให้เราเห็นภาพรวมชัดเจนว่าแต่ละเดือนมีรายได้จากอะไรบ้าง และใช้จ่ายไปกับหมวดไหน เช่น ค่าอาหาร ค่าเดินทาง ค่าที่พัก ค่าบันเทิง หรือค่าใช้จ่ายจิปาถะ เมื่อเห็นตัวเลขจริง เราจะเริ่มรู้ว่าเงินหายไปกับอะไร และสามารถปรับพฤติกรรมการใช้เงินได้ง่ายขึ้น 2. ช่วยตั้งเป้าหมายการออมได้ง่ายขึ้น 🎯 เมื่อรู้ว่าแต่ละเดือนมีรายได้เท่าไหร่ จ่ายเท่าไหร่ และเหลือเงินเท่าไหร่ เราจะสามารถวางแผนการออมได้ชัดเจนขึ้น เช่น ตั้งเป้าออม 10% ของรายได้ หรือกำหนดเป้าหมายเก็บเงินรายเดือน &#8230;<p class="read-more"> <a class="" href="https://www.bookintelligent.com/template-excel-personal-income-statement/"> <span class="screen-reader-text">[Template Excel พร้อมดาวน์โหลด] งบการเงินส่วนบุคคล (Personal Income Statement) ใช้ง่าย ได้ผลจริง – มี Dashboard สรุป</span> Read More &#187;</a></p>]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">คุณเคยรู้สึกไหมว่า <strong>“เงินเดือนหายไปไหนหมด?”</strong> หรือ <strong>“สิ้นเดือนทีไรเงินไม่เคยพอใช้เลย”</strong> 💸</p>



<p class="wp-block-paragraph">ปัญหาเหล่านี้เกิดขึ้นกับหลายคน ไม่ใช่เพราะเราใช้เงินเก่งเกินไปเสมอไป แต่อาจเป็นเพราะเรายังไม่มีระบบช่วยวางแผนและติดตาม <strong>งบการเงินส่วนบุคคล</strong> อย่างเป็นระบบ</p>



<span id="more-3584"></span>



<p class="wp-block-paragraph">วันนี้ผมเลยอยากมาแนะนำ <strong>Template Excel งบการเงินส่วนบุคคล (Personal Income Statement)</strong> ที่ใช้งานง่าย เหมาะสำหรับคนที่อยากเริ่มจัดระเบียบการเงินของตัวเองแบบจริงจัง พร้อม Dashboard สรุปภาพรวมรายรับ รายจ่าย และเงินออมในแต่ละเดือน</p>



<h2 class="wp-block-heading">ทำไมทุกคนควรมีงบการเงินส่วนบุคคล? 🤔</h2>



<h3 class="wp-block-heading">1. รู้ว่าเงินเข้ามาจากไหน และออกไปกับอะไร</h3>



<p class="wp-block-paragraph">การบันทึกรายรับ รายจ่าย และเงินออม ช่วยให้เราเห็นภาพรวมชัดเจนว่าแต่ละเดือนมีรายได้จากอะไรบ้าง และใช้จ่ายไปกับหมวดไหน เช่น ค่าอาหาร ค่าเดินทาง ค่าที่พัก ค่าบันเทิง หรือค่าใช้จ่ายจิปาถะ</p>



<p class="wp-block-paragraph">เมื่อเห็นตัวเลขจริง เราจะเริ่มรู้ว่าเงินหายไปกับอะไร และสามารถปรับพฤติกรรมการใช้เงินได้ง่ายขึ้น</p>



<h3 class="wp-block-heading">2. ช่วยตั้งเป้าหมายการออมได้ง่ายขึ้น 🎯</h3>



<p class="wp-block-paragraph">เมื่อรู้ว่าแต่ละเดือนมีรายได้เท่าไหร่ จ่ายเท่าไหร่ และเหลือเงินเท่าไหร่ เราจะสามารถวางแผนการออมได้ชัดเจนขึ้น เช่น ตั้งเป้าออม 10% ของรายได้ หรือกำหนดเป้าหมายเก็บเงินรายเดือน</p>



<h3 class="wp-block-heading">3. ลดพฤติกรรมใช้จ่ายเกินตัว</h3>



<p class="wp-block-paragraph">การมีตัวเลขให้เห็นทุกเดือนจะช่วยเตือนสติในการใช้เงิน ทำให้เรารู้ว่าเดือนไหนใช้จ่ายเกิน เดือนไหนยังควบคุมได้ดี และค่าใช้จ่ายส่วนไหนควรลดลง</p>



<h2 class="wp-block-heading">แนะนำ Template Excel งบการเงินส่วนบุคคลจาก BookIntelligent 📁</h2>



<p class="wp-block-paragraph">Template นี้ออกแบบมาให้ใช้งานง่าย ไม่จำเป็นต้องมีพื้นฐานบัญชีหรือ Excel ขั้นสูงก็สามารถใช้งานได้ โดยแบ่งออกเป็นส่วนหลัก ๆ ดังนี้</p>



<h2 class="wp-block-heading">1. ภาพรวมรายเดือน Dashboard 📊</h2>



<p class="wp-block-paragraph">หน้า Dashboard ช่วยสรุปภาพรวมการเงินในแต่ละเดือน เช่น</p>



<p class="wp-block-paragraph">รายรับรวม<br>รายจ่ายรวม<br>เงินออมรวม<br>เงินคงเหลือ<br>กราฟเปรียบเทียบรายรับ รายจ่าย และเงินออม<br>สัดส่วนค่าใช้จ่ายแต่ละหมวด</p>



<p class="wp-block-paragraph">เหมาะสำหรับคนที่อยากเห็นภาพรวมทางการเงินแบบรวดเร็ว และใช้วิเคราะห์แนวโน้มพฤติกรรมการใช้เงินในระยะยาว</p>



<h2 class="wp-block-heading">2. รายรับ Income 💰</h2>



<p class="wp-block-paragraph">ใช้สำหรับบันทึกรายได้ทั้งหมดในแต่ละเดือน เช่น</p>



<p class="wp-block-paragraph">เงินเดือน<br>รายได้เสริม<br>รายได้จากธุรกิจ<br>เงินปันผล<br>รายได้อื่น ๆ</p>



<p class="wp-block-paragraph">เมื่อกรอกข้อมูลแล้ว ระบบจะนำไปสรุปใน Dashboard ให้อัตโนมัติ</p>



<h2 class="wp-block-heading">3. รายจ่าย Expenses 🧾</h2>



<p class="wp-block-paragraph">ใช้สำหรับบันทึกรายจ่ายแยกตามหมวดหมู่ เช่น</p>



<p class="wp-block-paragraph">ค่าที่พัก<br>ค่าเดินทาง<br>ค่าอาหาร<br>ค่าสาธารณูปโภค<br>ค่าบันเทิง<br>ค่าใช้จ่ายส่วนตัว<br>ค่าใช้จ่ายอื่น ๆ</p>



<p class="wp-block-paragraph">การแยกรายจ่ายเป็นหมวดหมู่จะช่วยให้เราเห็นได้ชัดว่าเงินส่วนใหญ่หมดไปกับอะไร และหมวดไหนควรปรับลด</p>



<h2 class="wp-block-heading">4. เงินออม Saving 🏦</h2>



<p class="wp-block-paragraph">ใช้สำหรับบันทึกเงินออมในแต่ละเดือน เช่น</p>



<p class="wp-block-paragraph">เงินฝากธนาคาร<br>กองทุน<br>บัญชีเงินออม<br>เงินสำรองฉุกเฉิน<br>เงินลงทุนอื่น ๆ</p>



<p class="wp-block-paragraph">ช่วยให้เราติดตามความคืบหน้าของเป้าหมายการออมได้ง่ายขึ้น และเห็นพัฒนาการของการเงินตัวเองในแต่ละเดือน</p>



<h2 class="wp-block-heading">ใครควรใช้ Template นี้บ้าง? 🙋‍♂️</h2>



<p class="wp-block-paragraph">Template นี้เหมาะสำหรับ</p>



<p class="wp-block-paragraph">นักศึกษา หรือ First Jobber ที่เริ่มต้นจัดการเงินเอง<br>พนักงานประจำที่อยากวางแผนการเงินให้ดีขึ้น<br>ฟรีแลนซ์ หรือเจ้าของกิจการที่มีรายได้ไม่แน่นอน<br>คนที่รู้สึกว่าเงินเดือนหมดเร็ว<br>คนที่อยากเริ่มเก็บเงินอย่างจริงจัง<br>คนที่อยากปลดหนี้ หรือวางแผนการเงินเพื่ออนาคต</p>



<h2 class="wp-block-heading">วิธีใช้งาน Template Excel งบการเงินส่วนบุคคล 🛠️</h2>



<ol class="wp-block-list">
<li>ดาวน์โหลดไฟล์ Excel</li>



<li>เปิดไฟล์ด้วย Microsoft Excel</li>



<li>กรอกข้อมูลรายรับ รายจ่าย และเงินออมในแต่ละเดือน</li>



<li>Dashboard จะสรุปผลและแสดงกราฟให้อัตโนมัติ</li>



<li>นำข้อมูลไปวิเคราะห์และปรับแผนการเงินของตัวเองได้ทันที</li>
</ol>



<p class="wp-block-paragraph">เหมาะสำหรับทั้งคนที่ชอบจดข้อมูลเอง และคนที่อยากดูภาพรวมการเงินแบบ Dashboard</p>



<h2 class="wp-block-heading">ข้อดีของ Template Excel งบการเงินส่วนบุคคล ✅</h2>



<p class="wp-block-paragraph">ใช้งานง่าย<br>ไม่ต้องมีพื้นฐานบัญชี<br>เปิดใช้ได้ใน Microsoft Excel<br>มี Dashboard สรุปภาพรวม<br>ช่วยติดตามรายรับ รายจ่าย และเงินออม<br>ช่วยวิเคราะห์พฤติกรรมการใช้เงิน<br>ช่วยให้วางแผนการเงินได้ดีขึ้น<br>เหมาะกับการใช้งานจริงในชีวิตประจำวัน</p>



<h2 class="wp-block-heading">ดาวน์โหลด Template Excel งบการเงินส่วนบุคคล 📥</h2>



<p class="wp-block-paragraph">สำหรับใครที่อยากเริ่มต้นจัดการเงินของตัวเองแบบง่าย ๆ สามารถดาวน์โหลด Template Excel งบการเงินส่วนบุคคลนี้ไปใช้งานได้เลย</p>



<!-- ===== BookIntelligent - Single Card Subscribe Form (All-in-One) + Image Upload ===== -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Prompt:wght@400;500;600;700&amp;display=swap" rel="stylesheet">

<style>
  :root{
    --card-bg:#ffffff;
    --card-br:#eceff3;
    --shadow:0 12px 36px rgba(2,16,64,.08);
    --primary:#0A66FF;
    --primary-d:#064fd1;
    --muted:#6b7280;
    --ring:#e6f0ff;
    --coffee-bg:#f3f8ff;
    --coffee-br:#e1ecff;
    --radius:18px;
  }
  .bi-card{
    max-width:640px;margin:0 auto;padding:22px;background:var(--card-bg);
    border:1px solid var(--card-br);border-radius:var(--radius);box-shadow:var(--shadow);
    font-family:"Prompt",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Thai","Sarabun",sans-serif;
    color:#0f172a; line-height:1.55;
  }
  .bi-card h2{margin:2px 6px 16px;text-align:center;font-size:1.28rem;font-weight:700;letter-spacing:.2px}
  .bi-row{margin:14px 0}
  .bi-label{display:block;margin:6px 0 8px;font-size:1rem;color:#111;font-weight:500}
  .bi-input,.bi-textarea,.bi-number{
    width:100%;border:1px solid #d9dee6;border-radius:12px;background:#fff;
    padding:12px 14px;font-size:1rem;outline:none;transition:border .15s,box-shadow .15s,background .15s;
  }
  .bi-input:focus,.bi-textarea:focus,.bi-number:focus{border-color:var(--primary); box-shadow:0 0 0 4px var(--ring)}
  .bi-textarea{min-height:96px;resize:vertical}
  .bi-input::placeholder,.bi-textarea::placeholder{color:#9aa3b2}

  .coffee-box{background:var(--coffee-bg);border:1px solid var(--coffee-br);border-radius:14px;padding:14px 14px 12px;margin-top:10px}
  .coffee-title{font-weight:600;margin-bottom:6px}
  .bi-hint{font-size:.95rem;color:var(--muted)}
  .pp-row{display:flex;align-items:center;gap:10px;margin:8px 0}
  .pp-chip{background:#fff;border:1px dashed #9ac7ff;border-radius:10px;padding:8px 10px;font-weight:700;font-family:ui-monospace,Consolas,monospace}
  .copy-btn{border:1px solid #9ac7ff;background:#f2f7ff;border-radius:10px;padding:8px 10px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:6px}
  .copy-btn:active{transform:translateY(1px)}

  .bi-submit{
    width:100%;margin-top:16px;padding:14px 16px;border:none;border-radius:12px;
    background:linear-gradient(180deg,#0A66FF 0%,#0958e8 100%);color:#fff;font-size:1.05rem;font-weight:700;cursor:pointer;letter-spacing:.2px;
  }
  .bi-submit:disabled{
    background: #ccc; cursor: not-allowed;
  }
  .bi-submit:hover:not(:disabled){filter:brightness(.98)}
  .bi-disclaimer{margin-top:12px;color:#c0392b;font-size:.92rem}
  
  /* Upload Button Style */
  .upload-box {
      border: 2px dashed #9ac7ff;
      border-radius: 12px;
      padding: 15px;
      text-align: center;
      background: #fdfdfd;
      margin-top: 10px;
  }
  .upload-btn-wrapper {
      position: relative;
      overflow: hidden;
      display: inline-block;
  }
  .btn-upload {
      border: 2px solid #0A66FF;
      color: #0A66FF;
      background-color: white;
      padding: 8px 20px;
      border-radius: 8px;
      font-weight: bold;
      font-size: 14px;
      cursor: pointer;
  }
  .upload-btn-wrapper input[type=file] {
      font-size: 100px;
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0;
      cursor: pointer;
  }
  #fileNameDisplay {
      margin-top: 8px;
      font-size: 0.9rem;
      color: #0A66FF;
      font-weight: 500;
  }

  /* === Mini Scale Override (~12–18% smaller) === */
  .bi-card{ font-size:15px; padding:16px }
  .bi-card h2{ font-size:1.06rem; margin:2px 6px 12px }
  .bi-label{ font-size:.90rem }
  .bi-input,.bi-textarea,.bi-number{ padding:10px 12px; font-size:.95rem; border-radius:10px }
  .bi-textarea{ min-height:80px }
  .coffee-box{ padding:12px; border-radius:12px }
  .coffee-title{ font-size:.98rem }
  .bi-hint{ font-size:.88rem; line-height:1.6 }
  .pp-chip{ padding:6px 8px; font-size:.93rem }
  .copy-btn{ padding:6px 8px; font-size:.90rem }
  .bi-submit{ padding:12px 14px; font-size:.98rem; border-radius:10px }
  .bi-disclaimer{ font-size:.85rem }
  .promo-red{ color:#ff1f1f !important; font-weight:700; }
  .copy-btn{ color:#111 !important; }
  .copy-btn svg, .copy-btn svg path{ stroke:#111 !important; }
  .copy-btn:hover{ color:#111 !important; }

  @media (max-width:420px){
    .bi-card{ padding:14px }
    .bi-card h2{ font-size:1rem }
    .bi-input,.bi-textarea,.bi-number{ padding:9px 11px; font-size:.92rem }
    .pp-chip,.copy-btn{ font-size:.88rem }
  }
</style>

<form id="subscribeForm" class="bi-card" action="https://script.google.com/macros/s/AKfycbzy2bsbi_VbGBDJnIOXVBkp_yjDQLtEW12Y2TKSt5u7LPm0aXMQlxzBrwysp9CI7_JN/exec" method="POST">
  <h2>ดาวน์โหลดโปรแกรม</h2>

  <!-- Email -->
  <div class="bi-row">
    <label class="bi-label" for="email">📩อีเมล Email <span class="promo-red">(บังคับ)</span></label>
    <input class="bi-input" type="email" id="email" name="email" required="" placeholder="name@gmail.com">
  </div>


<!-- หัวข้อ Subscribe YouTube -->
<div class="bi-row" style="margin-top:10px;">
  <div style="display:flex; align-items:center; gap:6px;">
    <label style="font-weight:600;">📺 Subscribe YouTube</label>
    <span class="promo-red">(บังคับ)</span>
  </div>

<div class="bi-hint" style="margin-bottom:10px;">อัปเดต Template และ ระบบอัตโนมัติใหม่ก่อนใครที่นี่</div>
  <a href="https://www.youtube.com/@bookintelligent6509" target="_blank" style="display:inline-block; background:#ff0000; color:#fff; padding:8px 14px; border-radius:6px; text-decoration:none; font-weight:600;" rel="noopener">
     🔔 Subscribe ช่อง BookIntelligent
  </a>
</div>


  <!-- กล่องกาแฟ (คอลัมน์ R = donation) -->
  <div class="coffee-box">
    <div class="coffee-title">☕ สนับสนุนค่ากาแฟ <span class="bi-hint"></span></div>
    
    <!-- ปรับปรุงข้อความใหม่ตรงนี้ -->
    <p class="bi-hint" style="margin:6px 0 10px; line-height: 1.6;">
        Template ตัวนี้จริง ๆ แล้ว มีราคาขายตามท้องตลาด 189 บาท<br>
        แต่ผมอยากแบ่งปันให้ทุกคนได้ใช้งานในราคาที่เข้าถึงได้<br>
        เพียงคุณ <strong style="color:#0A66FF">เลี้ยงกาแฟผม 1 แก้ว (59 บาท)</strong>
    </p>
    <p class="bi-hint" style="margin:6px 0 10px; line-height: 1.6;">
        คุณจะได้รับ Template ระบบจัดการงานตัวเต็ม พร้อมใช้งานทันที<br>
        ทุกการสนับสนุนของคุณ คือกำลังใจสำคัญที่ทำให้ผมมีแรงสร้างคอนเทนต์ดี ๆ แบบนี้มาแบ่งปันกันต่อไป 🙏<br>
        <b>ขอบคุณจากใจจริงครับ ❤️</b>
    </p>

    <!-- ข้อมูลการโอน -->
    <div class="bi-hint" style="margin-top:15px; font-weight:600;">พร้อมเพย์</div>
    <div class="pp-row">
      <span class="pp-chip" id="bank-number">1100400603389</span>
      <button class="copy-btn" type="button" id="copyBank">
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none"><path d="M9 9h9v9H9z" stroke="#2563eb" stroke-width="2"></path><path d="M6 6h9v9" stroke="#2563eb" stroke-width="2"></path></svg>
        คัดลอก
      </button>
    </div>
    <label class="bi-label" for="donation">ชื่อบัญชี: นาย ศิริพงษ์ โรจน์ชัยวิริยะกุล</label>
    
    <!-- ส่วนแนบสลิป แก้ไขตามที่ขอ -->
    <div class="bi-hint" style="margin-top:10px; font-size: 0.9em; font-weight:600; color:#0A66FF;">
        ☕ สนับสนุนค่ากาแฟ 59 บาท เพื่อรับ Template นี้
    </div>
<div class="bi-hint" style="margin-top:10px; font-size: 0.9em; font-weight:600; color:#0A66FF;">🎁 Bonus ถ้าหากสนับสนุนตั้งแต่ 100 บาท  </div>
  <span class="promo-red">รับโบนัส Template Google Sheet “ระบบติดตามงานพร้อมปฏิทิน (Template To-Do List + Calendar) มูลค่า 500 บาท แจกให้ฟรี”</span>
  — หลังโอน: แนบสลิปส่งทาง LINE ID : <b>@741imcyw</b> หรือ
  <a href="https://line.me/R/ti/p/%40741imcyw" target="_blank" rel="noopener">คลิกที่นี่</a>
<p></p>

    <label class="bi-label" style="margin-top:15px;">🧾 แนบสลิปการโอน <span class="promo-red">(บังคับ)</span></label>
    <div class="upload-box">
        <div class="upload-btn-wrapper">
          <button class="btn-upload" type="button">เลือกรูปสลิป (Click)</button>
          <input type="file" id="slipInput" accept="image/*" required="">
        </div>
        <div id="fileNameDisplay">ยังไม่ได้เลือกไฟล์</div>
    </div>

  </div>

  <!-- Hidden fields -->
  <input type="hidden" name="source" value="Personal Income Statement Excel">
  <input type="hidden" name="type" value="Template Excel">
  <input type="hidden" id="ip" name="ip" value="">
  
  <!-- Hidden fields สำหรับไฟล์รูปภาพ -->
  <input type="hidden" id="fileContent" name="fileContent">
  <input type="hidden" id="fileMimeType" name="fileMimeType">
  <input type="hidden" id="fileName" name="fileName">

  <button class="bi-submit" id="submitBtn" type="submit"> Download </button>
  <div id="loadingMsg" style="display:none; text-align:center; color:#0A66FF; margin-top:10px;">กำลังอัปโหลด&#8230; กรุณารอสักครู่</div>

  <div style="margin-top:12px; text-align:center; font-size:0.9rem; color:#9aa3b2;">
    หลังโอนถ้าติดปัญหาสามารถทักมาสอบถามได้ที่ LINE ID : <b>@741imcyw</b> หรือ <a href="https://line.me/R/ti/p/%40741imcyw" target="_blank" style="color:#9aa3b2; text-decoration:underline;" rel="noopener">คลิกที่นี่</a>
  </div>

  <div class="bi-disclaimer">
    ไม่อนุญาตให้นำไฟล์ไปจำหน่าย แจกจ่าย หรือเปิดให้ดาวน์โหลดต่อสาธารณะ
  </div>
</form>

<script>
  // 1. คัดลอกเลขพร้อมเพย์
  document.getElementById('copyBank').addEventListener('click', async () => {
    const text = document.getElementById('bank-number').textContent.replace(/\s/g,'').trim();
    try{
      await navigator.clipboard.writeText(text);
      alert('คัดลอกหมายเลขแล้ว');
    }catch(e){
      alert('คัดลอกไม่สำเร็จ ลองอีกครั้งครับ');
    }
  });

  // 2. จัดการไฟล์รูปภาพ (แปลงเป็น Base64)
  const fileInput = document.getElementById('slipInput');
  const fileNameDisplay = document.getElementById('fileNameDisplay');
  const hiddenContent = document.getElementById('fileContent');
  const hiddenMime = document.getElementById('fileMimeType');
  const hiddenName = document.getElementById('fileName');

  fileInput.addEventListener('change', function() {
      if (this.files && this.files[0]) {
          var file = this.files[0];
          
          // แสดงชื่อไฟล์
          fileNameDisplay.textContent = "✅ " + file.name;
          fileNameDisplay.style.color = "#06C755";
          
          // อ่านไฟล์
          var reader = new FileReader();
          reader.onload = function(e) {
              // ดึงเฉพาะข้อมูล Base64 (ตัด header data:image/...;base64, ออก)
              var result = e.target.result;
              var base64 = result.split(',')[1];
              var mime = result.split(';')[0].split(':')[1];
              
              hiddenContent.value = base64;
              hiddenMime.value = mime;
              hiddenName.value = file.name;
          };
          reader.readAsDataURL(file);
      } else {
          fileNameDisplay.textContent = "ยังไม่ได้เลือกไฟล์";
          fileNameDisplay.style.color = "#0A66FF";
          hiddenContent.value = "";
          hiddenMime.value = "";
          hiddenName.value = "";
      }
  });

  // 3. จัดการ Submit Form
  document.getElementById("subscribeForm").addEventListener("submit", async function(e){
    e.preventDefault();
    
    // ตรวจสอบ Email
    const email = document.getElementById("email").value.trim();
    if(!email || !email.includes("@")){ alert("กรอกอีเมลให้ถูกต้องครับ"); return; }
    
    // ตรวจสอบไฟล์ (ถ้าไม่มีไฟล์ ค่า base64 จะว่าง)
    if(!hiddenContent.value) {
        alert("กรุณาแนบสลิปการโอนเงินก่อนกด Download ครับ");
        return;
    }

    // แสดง Loading
    const btn = document.getElementById('submitBtn');
    const loadMsg = document.getElementById('loadingMsg');
    btn.disabled = true;
    btn.textContent = "กำลังดำเนินการ...";
    loadMsg.style.display = "block";

    // หา IP Address
    try{
      const res = await fetch("https://api.ipify.org?format=json");
      const data = await res.json();
      document.getElementById("ip").value = data.ip || "";
    }catch(err){
      document.getElementById("ip").value = "unknown";
    }
    
    // ส่งฟอร์ม
    this.submit();
  });
</script>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading">คลิปวีดีโอสอนใช้งาน</h2>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<div class="ast-oembed-container"><iframe loading="lazy" title="[Template Excel พร้อมดาวน์โหลด] งบการเงินส่วนบุคคล (Personal Income Statement) มี Dashboard สรุป" width="1200" height="675" src="https://www.youtube.com/embed/BKLEOr5rkx8?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
</div></figure>



<p class="wp-block-paragraph">เหมาะสำหรับใช้ติดตามรายรับ รายจ่าย เงินออม และดูภาพรวมการเงินของตัวเองในแต่ละเดือนแบบเข้าใจง่าย</p>



<h2 class="wp-block-heading">สรุป 🧾</h2>



<p class="wp-block-paragraph">การวางแผนการเงินส่วนบุคคลไม่จำเป็นต้องซับซ้อนเสมอไป แค่เราเริ่มบันทึกรายรับ รายจ่าย และเงินออมอย่างสม่ำเสมอ ก็จะช่วยให้เราเห็นภาพรวมทางการเงินของตัวเองชัดเจนขึ้น</p>



<p class="wp-block-paragraph">Template Excel งบการเงินส่วนบุคคลนี้จึงเป็นเครื่องมือที่ช่วยให้คุณเริ่มจัดการเงินได้ง่ายขึ้น เห็นตัวเลขชัดขึ้น และวางแผนอนาคตทางการเงินได้ดีขึ้น</p>



<p class="wp-block-paragraph"><strong>เริ่มต้นวันนี้ แล้วคุณจะเข้าใจการเงินของตัวเองมากขึ้นครับ 😊</strong></p>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph"><strong>ลองดูบทความเพิ่มเติมได้ดังนี้</strong></p>



<ul class="wp-block-list">
<li><a href="https://www.bookintelligent.com/category/template-free/">Template Free Google Sheet &amp; Excel ดาวน์โหลดฟรี</a></li>



<li><a href="https://www.bookintelligent.com/passive-income-salaryman/">Passive Income สำหรับพนักงานประจำ</a></li>



<li><a href="https://www.bookintelligent.com/financial-freedom/">สร้างอิสรภาพทางการเงินได้อย่างไร</a></li>
</ul>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1024" height="576" src="https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling.jpg" alt="" class="wp-image-2080" srcset="https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling.jpg 1024w, https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling-600x338.jpg 600w, https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling-300x169.jpg 300w, https://www.bookintelligent.com/wp-content/uploads/2025/04/รับปรึกษา-สอน-Excel-Power-BI-Data-Story-Telling-768x432.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">ตอนนี้ ผมมีทำ <strong>[Template Pro] ระบบบัญชีรายรับ รายจ่าย เงินออม ด้วย Google Sheets มี Dashboard สรุป (Income Expense Saving Tracker)</strong> สามารถดูรายละเอียดได้ที่ <a href="https://www.bookintelligent.com/template-pro-income-expense-saving-tracker/">Link นี้</a></p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-1024x576.png" alt="" class="wp-image-2596" srcset="https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-1024x576.png 1024w, https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-600x338.png 600w, https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-300x169.png 300w, https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1-768x432.png 768w, https://www.bookintelligent.com/wp-content/uploads/2025/09/ระบบบัญชีรายรับ-รายจ่าย-เงินออม-ด้วย-Google-Sheets-มี-Dashboard-สรุป-1.png 1280w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">3584</post-id>	</item>
	</channel>
</rss>
