<?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>ช่างคอมพิวเตอร์มือใหม่ Archives - ครูชัชดอทคอม</title>
	<atom:link href="https://www.kroochut.com/tag/%E0%B8%8A%E0%B9%88%E0%B8%B2%E0%B8%87%E0%B8%84%E0%B8%AD%E0%B8%A1%E0%B8%9E%E0%B8%B4%E0%B8%A7%E0%B9%80%E0%B8%95%E0%B8%AD%E0%B8%A3%E0%B9%8C%E0%B8%A1%E0%B8%B7%E0%B8%AD%E0%B9%83%E0%B8%AB%E0%B8%A1%E0%B9%88/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.kroochut.com/tag/ช่างคอมพิวเตอร์มือใหม่/</link>
	<description>เว็บไซต์เพื่อการเรียนรู้ของทุกคน</description>
	<lastBuildDate>Mon, 09 Feb 2026 10:22:07 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.2</generator>

<image>
	<url>https://www.kroochut.com/wp-content/uploads/2024/12/cropped-5dd646cee6656-32x32.png</url>
	<title>ช่างคอมพิวเตอร์มือใหม่ Archives - ครูชัชดอทคอม</title>
	<link>https://www.kroochut.com/tag/ช่างคอมพิวเตอร์มือใหม่/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>การบำรุงรักษาคอมพิวเตอร์</title>
		<link>https://www.kroochut.com/computermaintenanceguide/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Mon, 09 Feb 2026 10:22:04 +0000</pubDate>
				<category><![CDATA[Information Technology]]></category>
		<category><![CDATA[การจัดการความร้อนคอมพิวเตอร์]]></category>
		<category><![CDATA[การทำความสะอาดคีย์บอร์ด]]></category>
		<category><![CDATA[การบำรุงรักษาคอมพิวเตอร์]]></category>
		<category><![CDATA[การเป่าฝุ่นคอมพิวเตอร์]]></category>
		<category><![CDATA[ความปลอดภัยของระบบ]]></category>
		<category><![CDATA[คอมพิวเตอร์ส่วนบุคคล]]></category>
		<category><![CDATA[คู่มือไอที]]></category>
		<category><![CDATA[ช่างคอมพิวเตอร์มือใหม่]]></category>
		<category><![CDATA[ทำความสะอาดคอมพิวเตอร์]]></category>
		<category><![CDATA[ป้องกันไวรัสคอมพิวเตอร์]]></category>
		<category><![CDATA[ยืดอายุการใช้งานคอมพิวเตอร์]]></category>
		<category><![CDATA[วิธีดูแลคอมพิวเตอร์]]></category>
		<category><![CDATA[วิธีดูแลเครื่องพิมพ์]]></category>
		<category><![CDATA[วิธีเช็ดจอคอม]]></category>
		<category><![CDATA[สำรองข้อมูล]]></category>
		<category><![CDATA[อัปเดตซอฟต์แวร์]]></category>
		<category><![CDATA[อุปกรณ์คอมพิวเตอร์]]></category>
		<category><![CDATA[อุปกรณ์ไอที]]></category>
		<category><![CDATA[แก้ไขปัญหาคอมพิวเตอร์เบื้องต้น]]></category>
		<category><![CDATA[ไอทีน่ารู้]]></category>
		<guid isPermaLink="false">https://www.kroochut.com/?p=1000</guid>

					<description><![CDATA[<p>คู่มือการบำรุงรักษาคอมพิวเตอร์ฉบับสมบูรณ์ Expert Guide 2026 ยืดอายุ คอมพิวเตอร์ ให้ใช้งานได้ยาวนาน คู่มือการดูแลรักษาและทำความสะอาดคอมพิวเตอร์ฉบับเจาะลึก จากผู้เชี่ยวชาญ เพื่อประสิทธิภาพสูงสุดและความปลอดภัยของข้อมูลคุณ เริ่มเรียนรู้เลย สิ่งที่ก่อให้เกิดอันตรายต่อคอมพิวเตอร์ ⚠️ ก่อนที่เราจะไปดูแลรักษา เราต้องรู้ก่อนว่า &#8220;ศัตรู&#8221; ของคอมพิวเตอร์คืออะไร เพื่อที่เราจะได้ป้องกันได้อย่างถูกจุด ปัจจัยหลักๆ ที่ทำให้อายุการใช้งานสั้นลงมีดังนี้: 🔥 ความร้อน (Heat) ศัตรูตัวฉกาจที่ทำให้วงจรอิเล็กทรอนิกส์เสื่อมสภาพเร็วที่สุด เกิดจากการระบายอากาศที่ไม่ดี 🌫️ ฝุ่นละออง (Dust) ตัวการอุดตันทางเดินอากาศ และเมื่อผสมกับความชื้นอาจกลายเป็นตัวนำไฟฟ้าทำให้ลัดวงจรได้ 🧲 สนามแม่เหล็ก (Magnetism) อันตรายต่อฮาร์ดดิสก์แบบจานหมุน (HDD) และจอภาพรุ่นเก่า อาจทำให้ข้อมูลเสียหายได้ 💧 น้ำและความชื้น (Moisture) สาเหตุหลักของสนิมและการลัดวงจร ควรตั้งเครื่องในที่แห้งและอากาศถ่ายเท วิธีการบำรุงรักษาคอมพิวเตอร์เบื้องต้น 🛠️ การดูแลรักษาเบื้องต้นเริ่มจากการจัดวางสภาพแวดล้อมให้เหมาะสม: วางเครื่องให้ห่างจากผนังอย่างน้อย 15 ซม. เพื่อให้ลมระบายได้สะดวก หลีกเลี่ยงการวางเครื่องใกล้หน้าต่างที่มีแสงแดดส่องถึงโดยตรง จัดสายไฟหลังเครื่องให้เป็นระเบียบ ไม่ให้ขวางทางลมระบายอากาศ ควรมีเครื่องสำรองไฟ (UPS) เพื่อป้องกันไฟกระชากและไฟตก การทำความสะอาดตัวถังเครื่อง (Case) 🖥️ ตัวเคสภายนอกเป็นด่านแรกที่รับฝุ่น การทำความสะอาดนอกจากจะเพื่อความสวยงามแล้ว ยังช่วยลดปริมาณฝุ่นที่จะถูกดูดเข้าไปข้างในด้วย วิธีการ: ใช้ผ้าชุบน้ำผสมน้ำยาทำความสะอาดอ่อนๆ บิดให้หมาดที่สุด (ห้ามเปียกชุ่ม) เช็ดถูภายนอก ระวังอย่าให้น้ำไหลเข้าช่องระบายอากาศ หรือพอร์ตเชื่อมต่อต่างๆ หากมีคราบกาวหรือสติ๊กเกอร์ สามารถใช้น้ำยาทำความสะอาดอเนกประสงค์ (Contact Cleaner) ช่วยได้ การทำความสะอาดจอภาพ (Monitor) 📺 ข้อควรระวัง: ห้ามใช้น้ำยาเช็ดกระจก หรือ แอลกอฮอล์เข้มข้น เช็ดจอ LCD/LED โดยเด็ดขาด เพราะจะทำให้สารเคลือบหน้าจอเสียหาย! จอภาพมีความบอบบางมาก ควรใช้ ผ้าไมโครไฟเบอร์ (Microfiber) เท่านั้น หากมีคราบฝังแน่น ให้ใช้น้ำยาสำหรับเช็ดจอโดยเฉพาะ หรือใช้น้ำเปล่าหยดใส่ผ้าเล็กน้อย เช็ดวนเบาๆ แล้วรีบใช้ผ้าแห้งเช็ดตามทันที การเป่าฝุ่นภายในเคส (Internal Cleaning) 🌬️ ปิดเครื่องและถอดปลั๊ก: เพื่อความปลอดภัยจากไฟฟ้าลัดวงจร เปิดฝาเคส: ขันน็อตด้านหลังแล้วสไลด์ฝาออก ใช้กระป๋องลมอัด (Air Duster) หรือ Blower: เป่าฝุ่นออกจากพัดลม ฮีทซิงค์ และแผงวงจร ระวัง! ควรจับใบพัดลมไม่ให้หมุนขณะเป่า เพื่อป้องกันมอเตอร์พัดลมเสียหายจากการหมุนเร็วเกินไป ใช้แปรงขนอ่อน: ปัดฝุ่นที่เกาะแน่นตามซอกเล็กๆ หลีกเลี่ยงการสัมผัส: อย่าใช้นิ้วมือจับชิ้นส่วนอิเล็กทรอนิกส์โดยตรง เพราะไฟฟ้าสถิตจากตัวเราอาจทำให้อุปกรณ์เสียหาย การทำความสะอาดคีย์บอร์ดและเมาส์ ⌨️🖱️ คีย์บอร์ด (Keyboard) แหล่งสะสมเชื้อโรคชั้นดี! 1. คว่ำคีย์บอร์ดแล้วเคาะเบาๆ ให้เศษฝุ่นหล่นลงมา 2. ใช้แปรงปัดตามร่องปุ่ม 3. ใช้เจลทำความสะอาด (Slime) แปะเพื่อดูดฝุ่น 4. ใช้ผ้าชุบแอลกอฮอล์หมาดๆ เช็ดฆ่าเชื้อโรคบนปุ่มกด เมาส์ (Mouse) คราบเหงื่อไคลมักเกาะอยู่ 1. ใช้ไม้จิ้มฟันขูดขี้ไคลตามร่องรอยต่อ 2. เช็ดเซ็นเซอร์ด้านล่างด้วยคอตตอนบัดเบาๆ 3. เช็ดพื้นผิวสัมผัสด้วยผ้าชุบแอลกอฮอล์ การทำความสะอาดเครื่องพิมพ์ (Printer) 🖨️ เครื่องพิมพ์มักมีปัญหาจากหมึกแห้งและฝุ่นกระดาษ ภายนอก ใช้ผ้าหมาดเช็ดฝุ่น ระวังอย่าให้ผ้าหลุดเข้าไปในช่องป้อนกระดาษ ภายใน ใช้โหมด Head Cleaning ของเครื่องพิมพ์เพื่อล้างหัวพิมพ์ (ไม่ควรทำบ่อยเกินไปเพราะเปลืองหมึก) และใช้เครื่องเป่าลมเป่าเศษฝุ่นกระดาษออก การปกป้องระบบ (System Protection) 🛡️ ดูแลฮาร์ดแวร์แล้ว อย่าลืมดูแล Software และข้อมูลภายในด้วย Antivirus ติดตั้งและอัปเดตโปรแกรมสแกนไวรัสสม่ำเสมอ เพื่อป้องกัน Malware Disk Cleanup ลบไฟล์ขยะ (Temporary Files) และทำ Defragment (สำหรับ HDD) เพื่อความเร็ว Backup สำรองข้อมูลสำคัญไว้บน Cloud หรือ External Harddisk อย่างน้อยสัปดาห์ละครั้ง OS Update อัปเดต Windows/macOS ให้เป็นเวอร์ชันล่าสุดเพื่ออุดช่องโหว่ความปลอดภัย การแก้ไขข้อขัดข้องเบื้องต้น 🔧 เครื่องเปิดไม่ติด เงียบสนิท ตรวจสอบปลั๊กไฟว่าเสียบแน่นหรือไม่, เช็คสวิตช์ Power Supply ด้านหลังเคส (ถ้ามี), ลองเปลี่ยนปลั๊กพ่วง เครื่องทำงานแต่หน้าจอไม่ติด เช็คสายสัญญาณภาพ (HDMI/DisplayPort) ว่าเสียบแน่นหรือไม่, ลองถอด RAM ออกมาขัดด้วยยางลบดินสอเบาๆ แล้วใส่กลับเข้าไป เมาส์หรือคีย์บอร์ดค้าง ลองถอดสาย USB แล้วเสียบใหม่ที่ช่องอื่น, หากเป็นไร้สายให้เช็คถ่านแบตเตอรี่ เครื่องช้าผิดปกติ เช็คว่า Drive C เต็มหรือไม่, สแกนไวรัส, ปิดโปรแกรมที่ไม่ได้ใช้ใน Startup, รีสตาร์ทเครื่อง &#8220;การดูแลรักษาที่ดี คือการลงทุนที่คุ้มค่าที่สุด&#8221; © 2024 Computer Maintenance Guide. All Images from Unsplash. Animations from LottieFiles.</p>
<p>The post <a href="https://www.kroochut.com/computermaintenanceguide/">การบำรุงรักษาคอมพิวเตอร์</a> appeared first on <a href="https://www.kroochut.com">ครูชัชดอทคอม</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="th">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>คู่มือการบำรุงรักษาคอมพิวเตอร์ฉบับสมบูรณ์</title>
    
    <!-- Google Fonts: Sarabun -->
    <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=Sarabun:wght@300;400;500;700&#038;display=swap" rel="stylesheet">
    
    <!-- Tailwind CSS (ผ่าน CDN) -->
    <script src="https://cdn.tailwindcss.com"></script>
    
    <!-- AOS Animation Library -->
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
    
    <!-- Font Awesome for Icons -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

    <style>
        body {
            font-family: 'Sarabun', sans-serif;
            background-color: #f3f4f6;
            color: #374151;
            overflow-x: hidden;
        }
        
        /* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 10px;
        }
        ::-webkit-scrollbar-track {
            background: #f1f1f1; 
        }
        ::-webkit-scrollbar-thumb {
            background: #3b82f6; 
            border-radius: 5px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #2563eb; 
        }

        .gradient-text {
            background: linear-gradient(to right, #2563eb, #06b6d4);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .card-hover {
            transition: all 0.3s ease;
        }
        .card-hover:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }

        .image-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 1rem;
        }
        
        @media (min-width: 768px) {
            .image-grid {
                grid-template-columns: repeat(4, 1fr);
            }
        }

        .img-zoom {
            overflow: hidden;
            border-radius: 0.5rem;
            height: 150px;
        }
        .img-zoom img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        .img-zoom:hover img {
            transform: scale(1.1);
        }

        /* Accordion Style */
        .accordion-content {
            transition: max-height 0.3s ease-out, padding 0.3s ease;
            max-height: 0;
            overflow: hidden;
        }
        .accordion-content.active {
            max-height: 500px; /* Approximate max height */
        }
    </style>
</head>
<body class="antialiased">

    <!-- Progress Bar -->
    <div class="fixed top-0 left-0 h-1 bg-blue-600 z-50 transition-all duration-300" id="progressBar" style="width: 0%"></div>

    <!-- Hero Section -->
    <header class="relative bg-white shadow-sm overflow-hidden">
        <div class="absolute inset-0 z-0 opacity-10">
            <svg class="h-full w-full" viewBox="0 0 100 100" preserveAspectRatio="none">
                <path d="M0 0 L100 0 L100 100 Z" fill="#3b82f6" />
            </svg>
        </div>
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16 md:py-24 relative z-10 flex flex-col md:flex-row items-center">
            <div class="md:w-1/2 text-center md:text-left" data-aos="fade-right">
                <span class="inline-block py-1 px-3 rounded-full bg-blue-100 text-blue-800 text-sm font-semibold mb-4">Expert Guide 2026</span>
                <h1 class="text-4xl md:text-6xl font-bold mb-6 leading-tight">
                    ยืดอายุ <span class="gradient-text">คอมพิวเตอร์</span><br>
                    ให้ใช้งานได้ยาวนาน
                </h1>
                <p class="text-lg text-gray-600 mb-8 leading-relaxed">
                    คู่มือการดูแลรักษาและทำความสะอาดคอมพิวเตอร์ฉบับเจาะลึก 
                    จากผู้เชี่ยวชาญ เพื่อประสิทธิภาพสูงสุดและความปลอดภัยของข้อมูลคุณ
                </p>
                <a href="#start-guide" class="inline-block bg-blue-600 text-white font-bold py-3 px-8 rounded-full hover:bg-blue-700 transition duration-300 shadow-lg hover:shadow-xl transform hover:-translate-y-1">
                    เริ่มเรียนรู้เลย <i class="fas fa-arrow-down ml-2"></i>
                </a>
            </div>
            <div class="md:w-1/2 mt-10 md:mt-0 flex justify-center" data-aos="fade-left">
                <!-- Lottie Animation -->
                <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
                <lottie-player src="https://assets2.lottiefiles.com/packages/lf20_w51pcehl.json"  background="transparent"  speed="1"  style="width: 100%; max-width: 500px; height: auto;"  loop  autoplay></lottie-player>
            </div>
        </div>
    </header>

    <main id="start-guide" class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-12 space-y-20">

        <!-- 1. Hazards -->
        <section data-aos="fade-up">
            <div class="flex items-center mb-6">
                <div class="bg-red-100 p-3 rounded-full mr-4 text-red-500 text-2xl">
                    <i class="fas fa-exclamation-triangle"></i>
                </div>
                <h2 class="text-3xl font-bold text-gray-800">สิ่งที่ก่อให้เกิดอันตรายต่อคอมพิวเตอร์ ⚠️</h2>
            </div>
            <div class="bg-white p-8 rounded-2xl shadow-lg border-l-4 border-red-500">
                <p class="mb-6 text-gray-600">
                    ก่อนที่เราจะไปดูแลรักษา เราต้องรู้ก่อนว่า &#8220;ศัตรู&#8221; ของคอมพิวเตอร์คืออะไร เพื่อที่เราจะได้ป้องกันได้อย่างถูกจุด ปัจจัยหลักๆ ที่ทำให้อายุการใช้งานสั้นลงมีดังนี้:
                </p>
                <div class="grid md:grid-cols-2 gap-6">
                    <div class="flex items-start">
                        <span class="text-3xl mr-3">🔥</span>
                        <div>
                            <h3 class="font-bold text-lg">ความร้อน (Heat)</h3>
                            <p class="text-sm text-gray-500">ศัตรูตัวฉกาจที่ทำให้วงจรอิเล็กทรอนิกส์เสื่อมสภาพเร็วที่สุด เกิดจากการระบายอากาศที่ไม่ดี</p>
                        </div>
                    </div>
                    <div class="flex items-start">
                        <span class="text-3xl mr-3">🌫️</span>
                        <div>
                            <h3 class="font-bold text-lg">ฝุ่นละออง (Dust)</h3>
                            <p class="text-sm text-gray-500">ตัวการอุดตันทางเดินอากาศ และเมื่อผสมกับความชื้นอาจกลายเป็นตัวนำไฟฟ้าทำให้ลัดวงจรได้</p>
                        </div>
                    </div>
                    <div class="flex items-start">
                        <span class="text-3xl mr-3">🧲</span>
                        <div>
                            <h3 class="font-bold text-lg">สนามแม่เหล็ก (Magnetism)</h3>
                            <p class="text-sm text-gray-500">อันตรายต่อฮาร์ดดิสก์แบบจานหมุน (HDD) และจอภาพรุ่นเก่า อาจทำให้ข้อมูลเสียหายได้</p>
                        </div>
                    </div>
                    <div class="flex items-start">
                        <span class="text-3xl mr-3">💧</span>
                        <div>
                            <h3 class="font-bold text-lg">น้ำและความชื้น (Moisture)</h3>
                            <p class="text-sm text-gray-500">สาเหตุหลักของสนิมและการลัดวงจร ควรตั้งเครื่องในที่แห้งและอากาศถ่ายเท</p>
                        </div>
                    </div>
                </div>
                
                <!-- Image Grid -->
                <div class="image-grid mt-8">
                    <div class="img-zoom"><img decoding="async" src="https://www.mycomputerworks.co.uk/wp-content/uploads/2023/04/image.png?auto=format&#038;fit=crop&#038;w=400&#038;q=80" alt="Overheating"></div>
                    <div class="img-zoom"><img decoding="async" src="https://www.techjunkie.com/wp-content/uploads/2016/12/dirty-intel-pc-cpu-fan-1.jpg?auto=format&#038;fit=crop&#038;w=400&#038;q=80" alt="Dusty Fan"></div>
                    <div class="img-zoom"><img decoding="async" src="https://www.maxwell-white.com/wp-content/uploads/2024/02/p8BpAlW4iJ53JESWweQB51f4dIRh6fkk8pvDWk1E-1.jpg?auto=format&#038;fit=crop&#038;w=400&#038;q=80" alt="Water Spill"></div>
                    <div class="img-zoom"><img decoding="async" src="https://www.cardinalhvac.com/wp-content/uploads/2022/06/dangersofpowersurges.jpg?auto=format&#038;fit=crop&#038;w=400&#038;q=80" alt="Electrical Surge"></div>
                </div>
            </div>
        </section>

        <!-- 2. General Maintenance -->
        <section data-aos="fade-up">
            <div class="flex items-center mb-6">
                <div class="bg-blue-100 p-3 rounded-full mr-4 text-blue-500 text-2xl">
                    <i class="fas fa-tools"></i>
                </div>
                <h2 class="text-3xl font-bold text-gray-800">วิธีการบำรุงรักษาคอมพิวเตอร์เบื้องต้น 🛠️</h2>
            </div>
            <div class="bg-white p-8 rounded-2xl shadow-lg">
                <p class="mb-4 text-gray-600">การดูแลรักษาเบื้องต้นเริ่มจากการจัดวางสภาพแวดล้อมให้เหมาะสม:</p>
                <ul class="space-y-3 list-none pl-0">
                    <li class="flex items-center"><i class="fas fa-check-circle text-green-500 mr-3"></i> วางเครื่องให้ห่างจากผนังอย่างน้อย 15 ซม. เพื่อให้ลมระบายได้สะดวก</li>
                    <li class="flex items-center"><i class="fas fa-check-circle text-green-500 mr-3"></i> หลีกเลี่ยงการวางเครื่องใกล้หน้าต่างที่มีแสงแดดส่องถึงโดยตรง</li>
                    <li class="flex items-center"><i class="fas fa-check-circle text-green-500 mr-3"></i> จัดสายไฟหลังเครื่องให้เป็นระเบียบ ไม่ให้ขวางทางลมระบายอากาศ</li>
                    <li class="flex items-center"><i class="fas fa-check-circle text-green-500 mr-3"></i> ควรมีเครื่องสำรองไฟ (UPS) เพื่อป้องกันไฟกระชากและไฟตก</li>
                </ul>

                 <!-- Image Grid -->
                 <div class="image-grid mt-8">
                    <div class="img-zoom"><img decoding="async" src="https://images.unsplash.com/photo-1593640408182-31c70c8268f5?auto=format&#038;fit=crop&#038;w=400&#038;q=80" alt="Clean Setup"></div>
                    <div class="img-zoom"><img decoding="async" src="https://images.unsplash.com/photo-1547082299-de196ea013d6?auto=format&#038;fit=crop&#038;w=400&#038;q=80" alt="Cable Management"></div>
                    <div class="img-zoom"><img decoding="async" src="https://images.unsplash.com/photo-1587202372775-e229f172b9d7?auto=format&#038;fit=crop&#038;w=400&#038;q=80" alt="UPS Battery"></div>
                    <div class="img-zoom"><img decoding="async" src="https://images.unsplash.com/photo-1497215728101-856f4ea42174?auto=format&#038;fit=crop&#038;w=400&#038;q=80" alt="Office Environment"></div>
                </div>
            </div>
        </section>

        <!-- 3. Cleaning the Case -->
        <section data-aos="fade-up">
            <div class="flex items-center mb-6">
                <div class="bg-gray-100 p-3 rounded-full mr-4 text-gray-600 text-2xl">
                    <i class="fas fa-hdd"></i>
                </div>
                <h2 class="text-3xl font-bold text-gray-800">การทำความสะอาดตัวถังเครื่อง (Case) 🖥️</h2>
            </div>
            <div class="bg-gradient-to-r from-gray-50 to-gray-100 p-8 rounded-2xl border border-gray-200">
                <p class="text-gray-700 leading-relaxed">
                    ตัวเคสภายนอกเป็นด่านแรกที่รับฝุ่น การทำความสะอาดนอกจากจะเพื่อความสวยงามแล้ว ยังช่วยลดปริมาณฝุ่นที่จะถูกดูดเข้าไปข้างในด้วย
                    <br><br>
                    <strong>วิธีการ:</strong> ใช้ผ้าชุบน้ำผสมน้ำยาทำความสะอาดอ่อนๆ บิดให้หมาดที่สุด (ห้ามเปียกชุ่ม) เช็ดถูภายนอก ระวังอย่าให้น้ำไหลเข้าช่องระบายอากาศ หรือพอร์ตเชื่อมต่อต่างๆ หากมีคราบกาวหรือสติ๊กเกอร์ สามารถใช้น้ำยาทำความสะอาดอเนกประสงค์ (Contact Cleaner) ช่วยได้
                </p>
                 <!-- Image Grid -->
                 <div class="image-grid mt-8">
                    <div class="img-zoom"><img decoding="async" src="https://powergpu.com/cdn/shop/files/011_mini_blue.png?v=1763567842&#038;width=800?auto=format&#038;fit=crop&#038;w=400&#038;q=80" alt="PC Case"></div>
                    <div class="img-zoom"><img decoding="async" src="https://www.durasupreme.com/wp-content/uploads/2020/08/Clean-and-Care-Rag-on-wood.jpg?auto=format&#038;fit=crop&#038;w=400&#038;q=80" alt="Cleaning Cloth"></div>
                    <div class="img-zoom"><img decoding="async" src="https://live.staticflickr.com/65535/52635976835_51cd7f7f52_b.jpg?auto=format&#038;fit=crop&#038;w=400&#038;q=80" alt="PC Setup"></div>
                    <div class="img-zoom"><img decoding="async" src="https://upload.wikimedia.org/wikipedia/commons/4/44/Pc_maintenance_Tips.jpg?auto=format&#038;fit=crop&#038;w=400&#038;q=80" alt="Clean PC"></div>
                </div>
            </div>
        </section>

        <!-- 4. Cleaning Monitor -->
        <section data-aos="fade-up">
            <div class="flex items-center mb-6">
                <div class="bg-indigo-100 p-3 rounded-full mr-4 text-indigo-500 text-2xl">
                    <i class="fas fa-desktop"></i>
                </div>
                <h2 class="text-3xl font-bold text-gray-800">การทำความสะอาดจอภาพ (Monitor) 📺</h2>
            </div>
            <div class="bg-white p-8 rounded-2xl shadow-lg">
                <div class="bg-yellow-50 border-l-4 border-yellow-400 p-4 mb-4">
                    <p class="text-yellow-700 font-bold"><i class="fas fa-exclamation-circle"></i> ข้อควรระวัง: ห้ามใช้น้ำยาเช็ดกระจก หรือ แอลกอฮอล์เข้มข้น เช็ดจอ LCD/LED โดยเด็ดขาด เพราะจะทำให้สารเคลือบหน้าจอเสียหาย!</p>
                </div>
                <p class="text-gray-600 mb-4">
                    จอภาพมีความบอบบางมาก ควรใช้ <strong>ผ้าไมโครไฟเบอร์ (Microfiber)</strong> เท่านั้น หากมีคราบฝังแน่น ให้ใช้น้ำยาสำหรับเช็ดจอโดยเฉพาะ หรือใช้น้ำเปล่าหยดใส่ผ้าเล็กน้อย เช็ดวนเบาๆ แล้วรีบใช้ผ้าแห้งเช็ดตามทันที
                </p>

                 <!-- Image Grid -->
                 <div class="image-grid mt-8">
                    <div class="img-zoom"><img decoding="async" src="https://images.pexels.com/photos/4008564/pexels-photo-4008564.jpeg?auto=format&#038;fit=crop&#038;w=600&#038;q=280" alt="Cleaning Monitor"></div>
                    <div class="img-zoom"><img decoding="async" src="https://rifz.com/cdn/shop/files/KS_Collection_Microfiber_Cleaning_Cloths.jpg?v=1760984269&#038;width=1000?auto=format&#038;fit=crop&#038;w=600&#038;q=280" alt="Microfiber Cloth"></div>
                    <div class="img-zoom"><img decoding="async" src="https://live.staticflickr.com/7319/14105938451_d6520de17e_b.jpg?auto=format&#038;fit=crop&#038;w=600&#038;q=280" alt="Dirty Screen"></div>
                    <div class="img-zoom"><img decoding="async" src="https://upload.wikimedia.org/wikipedia/commons/5/55/Samsung_Monitor_1_2018-12-18.jpg?auto=format&#038;fit=crop&#038;w=600&#038;q=280" alt="Clean Screen"></div>
                </div>
            </div>
        </section>

        <!-- 5. Blowing Dust Inside -->
        <section data-aos="fade-up">
            <div class="flex items-center mb-6">
                <div class="bg-orange-100 p-3 rounded-full mr-4 text-orange-500 text-2xl">
                    <i class="fas fa-wind"></i>
                </div>
                <h2 class="text-3xl font-bold text-gray-800">การเป่าฝุ่นภายในเคส (Internal Cleaning) 🌬️</h2>
            </div>
            <div class="bg-white p-8 rounded-2xl shadow-lg relative overflow-hidden">
                <div class="absolute right-0 top-0 opacity-10">
                    <i class="fas fa-microchip text-9xl"></i>
                </div>
                <ol class="list-decimal pl-5 space-y-4 text-gray-700 relative z-10">
                    <li><strong>ปิดเครื่องและถอดปลั๊ก:</strong> เพื่อความปลอดภัยจากไฟฟ้าลัดวงจร</li>
                    <li><strong>เปิดฝาเคส:</strong> ขันน็อตด้านหลังแล้วสไลด์ฝาออก</li>
                    <li><strong>ใช้กระป๋องลมอัด (Air Duster) หรือ Blower:</strong> เป่าฝุ่นออกจากพัดลม ฮีทซิงค์ และแผงวงจร <strong>ระวัง!</strong> ควรจับใบพัดลมไม่ให้หมุนขณะเป่า เพื่อป้องกันมอเตอร์พัดลมเสียหายจากการหมุนเร็วเกินไป</li>
                    <li><strong>ใช้แปรงขนอ่อน:</strong> ปัดฝุ่นที่เกาะแน่นตามซอกเล็กๆ</li>
                    <li><strong>หลีกเลี่ยงการสัมผัส:</strong> อย่าใช้นิ้วมือจับชิ้นส่วนอิเล็กทรอนิกส์โดยตรง เพราะไฟฟ้าสถิตจากตัวเราอาจทำให้อุปกรณ์เสียหาย</li>
                </ol>

                 <!-- Image Grid -->
                 <div class="image-grid mt-8">
                    <div class="img-zoom"><img decoding="async" src="https://images.unsplash.com/photo-1587202372634-32705e3bf49c?auto=format&#038;fit=crop&#038;w=400&#038;q=80" alt="Inside PC"></div>
                    <div class="img-zoom"><img decoding="async" src="https://live.staticflickr.com/75/211569409_a366e62fcc_c.jpg?auto=format&#038;fit=crop&#038;w=400&#038;q=80" alt="Air Duster"></div>
                    <div class="img-zoom"><img decoding="async" src="https://upload.wikimedia.org/wikipedia/commons/4/4c/Laptop_overheating_due_to_dust-clogged_internal_heatsinks_in_2.5_year_old_laptop.jpg?auto=format&#038;fit=crop&#038;w=400&#038;q=80" alt="Dust Removal"></div>
                    <div class="img-zoom"><img decoding="async" src="https://trustpcexpert.co.uk/wp-content/uploads/2023/10/23188-1024x1024.jpg?auto=format&#038;fit=crop&#038;w=400&#038;q=80" alt="PC Components"></div>
                </div>
            </div>
        </section>

        <!-- 6. Keyboard & Mouse -->
        <section data-aos="fade-up">
            <div class="flex items-center mb-6">
                <div class="bg-purple-100 p-3 rounded-full mr-4 text-purple-500 text-2xl">
                    <i class="fas fa-keyboard"></i>
                </div>
                <h2 class="text-3xl font-bold text-gray-800">การทำความสะอาดคีย์บอร์ดและเมาส์ ⌨️🖱️</h2>
            </div>
            
            <div class="grid md:grid-cols-2 gap-8">
                <!-- Keyboard -->
                <div class="bg-white p-6 rounded-2xl shadow-md card-hover">
                    <h3 class="text-xl font-bold mb-3 text-purple-600">คีย์บอร์ด (Keyboard)</h3>
                    <p class="text-sm text-gray-600 mb-3">แหล่งสะสมเชื้อโรคชั้นดี!</p>
                    <ul class="text-sm space-y-2 text-gray-600">
                        <li>1. คว่ำคีย์บอร์ดแล้วเคาะเบาๆ ให้เศษฝุ่นหล่นลงมา</li>
                        <li>2. ใช้แปรงปัดตามร่องปุ่ม</li>
                        <li>3. ใช้เจลทำความสะอาด (Slime) แปะเพื่อดูดฝุ่น</li>
                        <li>4. ใช้ผ้าชุบแอลกอฮอล์หมาดๆ เช็ดฆ่าเชื้อโรคบนปุ่มกด</li>
                    </ul>
                </div>

                <!-- Mouse -->
                <div class="bg-white p-6 rounded-2xl shadow-md card-hover">
                    <h3 class="text-xl font-bold mb-3 text-purple-600">เมาส์ (Mouse)</h3>
                    <p class="text-sm text-gray-600 mb-3">คราบเหงื่อไคลมักเกาะอยู่</p>
                    <ul class="text-sm space-y-2 text-gray-600">
                        <li>1. ใช้ไม้จิ้มฟันขูดขี้ไคลตามร่องรอยต่อ</li>
                        <li>2. เช็ดเซ็นเซอร์ด้านล่างด้วยคอตตอนบัดเบาๆ</li>
                        <li>3. เช็ดพื้นผิวสัมผัสด้วยผ้าชุบแอลกอฮอล์</li>
                    </ul>
                </div>
            </div>

             <!-- Image Grid -->
             <div class="image-grid mt-8">
                <div class="img-zoom"><img decoding="async" src="https://powergpu.com/cdn/shop/files/image-removebg-preview_3.png?v=1762453609?auto=format&#038;fit=crop&#038;w=400&#038;q=80" alt="Mechanical Keyboard"></div>
                <div class="img-zoom"><img decoding="async" src="https://images.unsplash.com/photo-1529236183275-4fdcf2bc987e?auto=format&#038;fit=crop&#038;w=400&#038;q=80" alt="Cleaning Keyboard"></div>
                <div class="img-zoom"><img decoding="async" src="https://live.staticflickr.com/5570/14714867599_5c721fec86_b.jpg?auto=format&#038;fit=crop&#038;w=400&#038;q=80" alt="Gaming Mouse"></div>
                <div class="img-zoom"><img decoding="async" src="https://bizup.com.au/wp/wp-content/uploads/2025/07/pc-repair.jpg?auto=format&#038;fit=crop&#038;w=400&#038;q=80" alt="Clean Peripherals"></div>
            </div>
        </section>

        <!-- 7. Printer -->
        <section data-aos="fade-up">
            <div class="flex items-center mb-6">
                <div class="bg-teal-100 p-3 rounded-full mr-4 text-teal-500 text-2xl">
                    <i class="fas fa-print"></i>
                </div>
                <h2 class="text-3xl font-bold text-gray-800">การทำความสะอาดเครื่องพิมพ์ (Printer) 🖨️</h2>
            </div>
            <div class="bg-white p-8 rounded-2xl shadow-lg">
                <p class="text-gray-600 mb-4">
                    เครื่องพิมพ์มักมีปัญหาจากหมึกแห้งและฝุ่นกระดาษ
                </p>
                <div class="space-y-4">
                    <div class="bg-teal-50 p-4 rounded-lg">
                        <h4 class="font-bold text-teal-800">ภายนอก</h4>
                        <p class="text-sm text-teal-700">ใช้ผ้าหมาดเช็ดฝุ่น ระวังอย่าให้ผ้าหลุดเข้าไปในช่องป้อนกระดาษ</p>
                    </div>
                    <div class="bg-teal-50 p-4 rounded-lg">
                        <h4 class="font-bold text-teal-800">ภายใน</h4>
                        <p class="text-sm text-teal-700">ใช้โหมด Head Cleaning ของเครื่องพิมพ์เพื่อล้างหัวพิมพ์ (ไม่ควรทำบ่อยเกินไปเพราะเปลืองหมึก) และใช้เครื่องเป่าลมเป่าเศษฝุ่นกระดาษออก</p>
                    </div>
                </div>

                 <!-- Image Grid -->
                 <div class="image-grid mt-8">
                    <div class="img-zoom"><img decoding="async" src="https://upload.wikimedia.org/wikipedia/commons/6/6f/Canon_PIXMA_TS207_Printer_picture.jpg?auto=format&#038;fit=crop&#038;w=400&#038;q=80" alt="Printer"></div>
                    <div class="img-zoom"><img decoding="async" src="https://images.unsplash.com/photo-1563203369-26f2e4a5ccf7?auto=format&#038;fit=crop&#038;w=400&#038;q=80" alt="Ink Cartridges"></div>
                    <div class="img-zoom"><img decoding="async" src="https://images.unsplash.com/photo-1497215842964-222b430dc094?auto=format&#038;fit=crop&#038;w=400&#038;q=80" alt="Paper Tray"></div>
                    <div class="img-zoom"><img decoding="async" src="https://www.durasupreme.com/wp-content/uploads/2018/06/office-1078869_1920.jpg?auto=format&#038;fit=crop&#038;w=400&#038;q=80" alt="Home Office"></div>
                </div>
            </div>
        </section>

        <!-- 8. System Protection -->
        <section data-aos="fade-up">
            <div class="flex items-center mb-6">
                <div class="bg-green-100 p-3 rounded-full mr-4 text-green-500 text-2xl">
                    <i class="fas fa-shield-alt"></i>
                </div>
                <h2 class="text-3xl font-bold text-gray-800">การปกป้องระบบ (System Protection) 🛡️</h2>
            </div>
            <div class="bg-gradient-to-br from-green-500 to-teal-500 text-white p-8 rounded-2xl shadow-xl">
                <p class="mb-6 text-lg">ดูแลฮาร์ดแวร์แล้ว อย่าลืมดูแล Software และข้อมูลภายในด้วย</p>
                <div class="grid sm:grid-cols-2 gap-4">
                    <div class="bg-white/20 backdrop-blur-md p-4 rounded-xl">
                        <h3 class="font-bold text-xl mb-2"><i class="fas fa-bug"></i> Antivirus</h3>
                        <p class="text-sm text-green-50">ติดตั้งและอัปเดตโปรแกรมสแกนไวรัสสม่ำเสมอ เพื่อป้องกัน Malware</p>
                    </div>
                    <div class="bg-white/20 backdrop-blur-md p-4 rounded-xl">
                        <h3 class="font-bold text-xl mb-2"><i class="fas fa-hdd"></i> Disk Cleanup</h3>
                        <p class="text-sm text-green-50">ลบไฟล์ขยะ (Temporary Files) และทำ Defragment (สำหรับ HDD) เพื่อความเร็ว</p>
                    </div>
                    <div class="bg-white/20 backdrop-blur-md p-4 rounded-xl">
                        <h3 class="font-bold text-xl mb-2"><i class="fas fa-cloud-upload-alt"></i> Backup</h3>
                        <p class="text-sm text-green-50">สำรองข้อมูลสำคัญไว้บน Cloud หรือ External Harddisk อย่างน้อยสัปดาห์ละครั้ง</p>
                    </div>
                    <div class="bg-white/20 backdrop-blur-md p-4 rounded-xl">
                        <h3 class="font-bold text-xl mb-2"><i class="fas fa-sync"></i> OS Update</h3>
                        <p class="text-sm text-green-50">อัปเดต Windows/macOS ให้เป็นเวอร์ชันล่าสุดเพื่ออุดช่องโหว่ความปลอดภัย</p>
                    </div>
                </div>

                 <!-- Image Grid (Use White overlay styled images) -->
                 <div class="image-grid mt-8">
                    <div class="img-zoom"><img decoding="async" src="https://images.unsplash.com/photo-1563986768609-322da13575f3?auto=format&#038;fit=crop&#038;w=400&#038;q=80" alt="Security Lock"></div>
                    <div class="img-zoom"><img decoding="async" src="https://images.unsplash.com/photo-1461749280684-dccba630e2f6?auto=format&#038;fit=crop&#038;w=400&#038;q=80" alt="Code Security"></div>
                    <div class="img-zoom"><img decoding="async" src="https://images.unsplash.com/photo-1550751827-4bd374c3f58b?auto=format&#038;fit=crop&#038;w=400&#038;q=80" alt="Data Backup"></div>
                    <div class="img-zoom"><img decoding="async" src="https://images.unsplash.com/photo-1573164713714-d95e436ab8d6?auto=format&#038;fit=crop&#038;w=400&#038;q=80" alt="Software Update"></div>
                </div>
            </div>
        </section>

        <!-- 9. Troubleshooting -->
        <section data-aos="fade-up" class="mb-12">
            <div class="flex items-center mb-6">
                <div class="bg-red-100 p-3 rounded-full mr-4 text-red-500 text-2xl">
                    <i class="fas fa-wrench"></i>
                </div>
                <h2 class="text-3xl font-bold text-gray-800">การแก้ไขข้อขัดข้องเบื้องต้น 🔧</h2>
            </div>
            
            <div class="bg-white rounded-2xl shadow-lg border border-gray-100">
                <!-- Accordion Item 1 -->
                <div class="border-b border-gray-200">
                    <button class="w-full text-left p-4 focus:outline-none hover:bg-gray-50 flex justify-between items-center" onclick="toggleAccordion('acc1')">
                        <span class="font-bold text-lg text-gray-700">เครื่องเปิดไม่ติด เงียบสนิท</span>
                        <i class="fas fa-chevron-down text-gray-400"></i>
                    </button>
                    <div id="acc1" class="accordion-content px-4 text-gray-600 bg-gray-50">
                        <p class="py-3">ตรวจสอบปลั๊กไฟว่าเสียบแน่นหรือไม่, เช็คสวิตช์ Power Supply ด้านหลังเคส (ถ้ามี), ลองเปลี่ยนปลั๊กพ่วง</p>
                    </div>
                </div>
                <!-- Accordion Item 2 -->
                <div class="border-b border-gray-200">
                    <button class="w-full text-left p-4 focus:outline-none hover:bg-gray-50 flex justify-between items-center" onclick="toggleAccordion('acc2')">
                        <span class="font-bold text-lg text-gray-700">เครื่องทำงานแต่หน้าจอไม่ติด</span>
                        <i class="fas fa-chevron-down text-gray-400"></i>
                    </button>
                    <div id="acc2" class="accordion-content px-4 text-gray-600 bg-gray-50">
                        <p class="py-3">เช็คสายสัญญาณภาพ (HDMI/DisplayPort) ว่าเสียบแน่นหรือไม่, ลองถอด RAM ออกมาขัดด้วยยางลบดินสอเบาๆ แล้วใส่กลับเข้าไป</p>
                    </div>
                </div>
                <!-- Accordion Item 3 -->
                <div class="border-b border-gray-200">
                    <button class="w-full text-left p-4 focus:outline-none hover:bg-gray-50 flex justify-between items-center" onclick="toggleAccordion('acc3')">
                        <span class="font-bold text-lg text-gray-700">เมาส์หรือคีย์บอร์ดค้าง</span>
                        <i class="fas fa-chevron-down text-gray-400"></i>
                    </button>
                    <div id="acc3" class="accordion-content px-4 text-gray-600 bg-gray-50">
                        <p class="py-3">ลองถอดสาย USB แล้วเสียบใหม่ที่ช่องอื่น, หากเป็นไร้สายให้เช็คถ่านแบตเตอรี่</p>
                    </div>
                </div>
                <!-- Accordion Item 4 -->
                <div class="border-b border-gray-200">
                    <button class="w-full text-left p-4 focus:outline-none hover:bg-gray-50 flex justify-between items-center" onclick="toggleAccordion('acc4')">
                        <span class="font-bold text-lg text-gray-700">เครื่องช้าผิดปกติ</span>
                        <i class="fas fa-chevron-down text-gray-400"></i>
                    </button>
                    <div id="acc4" class="accordion-content px-4 text-gray-600 bg-gray-50">
                        <p class="py-3">เช็คว่า Drive C เต็มหรือไม่, สแกนไวรัส, ปิดโปรแกรมที่ไม่ได้ใช้ใน Startup, รีสตาร์ทเครื่อง</p>
                    </div>
                </div>
            </div>

             <!-- Image Grid -->
             <div class="image-grid mt-8">
                <div class="img-zoom"><img decoding="async" src="https://images.unsplash.com/photo-1591799264318-7e6ef8ddb7ea?auto=format&#038;fit=crop&#038;w=400&#038;q=80" alt="Fixing PC"></div>
                <div class="img-zoom"><img decoding="async" src="https://www.wahayait.com/wp-content/uploads/2026/01/business-professionals-collaborating-in-a-modern-office-setting-highlighting-managed-it-support-services-831e30e4-9656-406a-a2fc-5cf723e6371c-1024x675.jpg?auto=format&#038;fit=crop&#038;w=400&#038;q=80" alt="Tech Support"></div>
                <div class="img-zoom"><img decoding="async" src="https://i0.pickpik.com/photos/316/475/607/network-cables-cable-patch-patch-cable-preview.jpg?auto=format&#038;fit=crop&#038;w=400&#038;q=80" alt="Cables"></div>
                <div class="img-zoom"><img decoding="async" src="https://live.staticflickr.com/4032/4348297444_ffae8c9fc6_b.jpg?auto=format&#038;fit=crop&#038;w=400&#038;q=80" alt="System Error"></div>
            </div>
        </section>

    </main>

    <!-- Footer -->
    <footer class="bg-gray-800 text-white py-8 text-center">
        <div class="max-w-5xl mx-auto px-4">
            <lottie-player src="https://media4.giphy.com/media/v1.Y2lkPTc5MGI3NjExM3pkaTdya3Qxamt2bjN2cjc2M2R5cTR4emhkaWdzNnlvM3I4M2gzZiZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/k62wKQNmw3YwjJJJvH/giphy.gif"  background="transparent"  speed="1"  style="width: 100px; height: 100px; margin: 0 auto;"  loop  autoplay></lottie-player>
            <p class="mb-4">&#8220;การดูแลรักษาที่ดี คือการลงทุนที่คุ้มค่าที่สุด&#8221;</p>
            <p class="text-gray-400 text-sm">© 2024 Computer Maintenance Guide. All Images from Unsplash. Animations from LottieFiles.</p>
        </div>
    </footer>

    <!-- Back to Top Button -->
    <button onclick="scrollToTop()" id="toTopBtn" class="fixed bottom-8 right-8 bg-blue-600 text-white p-3 rounded-full shadow-lg hover:bg-blue-700 transition duration-300 hidden z-50">
        <i class="fas fa-arrow-up"></i>
    </button>

    <!-- Scripts -->
    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
    <script>
        // Initialize Animations
        AOS.init({
            duration: 800,
            once: true,
            offset: 100
        });

        // Accordion Logic
        function toggleAccordion(id) {
            const content = document.getElementById(id);
            const isActive = content.classList.contains('active');
            
            // Close all first (Optional - if you want only one open at a time)
            // document.querySelectorAll('.accordion-content').forEach(el => el.classList.remove('active'));

            if (!isActive) {
                content.classList.add('active');
                content.style.paddingTop = '1rem';
                content.style.paddingBottom = '1rem';
            } else {
                content.classList.remove('active');
                content.style.paddingTop = '0';
                content.style.paddingBottom = '0';
            }
        }

        // Scroll Progress Bar & Back to Top Button
        window.onscroll = function() {
            let winScroll = document.body.scrollTop || document.documentElement.scrollTop;
            let height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
            let scrolled = (winScroll / height) * 100;
            document.getElementById("progressBar").style.width = scrolled + "%";

            // Toggle Back to Top Button
            const btn = document.getElementById("toTopBtn");
            if (document.body.scrollTop > 300 || document.documentElement.scrollTop > 300) {
                btn.classList.remove("hidden");
            } else {
                btn.classList.add("hidden");
            }
        };

        function scrollToTop() {
            window.scrollTo({top: 0, behavior: 'smooth'});
        }
    </script>
<div id="gsp_data_html" data-g_version="3.20.0" data-w_id="8ee335ae8ad86099f21d5aed437a1c00" data-s_enc="" data-h_enc="" data-hh_enc="" data-lazy_load="1" data-reload_session="0" data-gt-w="gsp_clgtranslate_wrapper" data-vv_index="15" data-ref=""></div>
</body>
</html>
<div class="gsp_post_data" 
	            data-post_type="post" 
	            data-cat="information-technology" 
	            data-modified="120"
	            data-created="1770632524"
	            data-title="การบำรุงรักษาคอมพิวเตอร์" 
	            data-home="https://www.kroochut.com"></div><p>The post <a href="https://www.kroochut.com/computermaintenanceguide/">การบำรุงรักษาคอมพิวเตอร์</a> appeared first on <a href="https://www.kroochut.com">ครูชัชดอทคอม</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
