How to Use VS Code + Live Server for Blogger Template
📁 Step 1: Create a Project Folder
1. បង្កើត Folder មួយ ឧ. "blogger-template"
2. បើក VS Code
3. File → Open Folder → ជ្រើស Folder នោះ
📄 Step 2: Copy Blogger Template Code
1. ចូល Blogger Dashboard
2. Theme → Edit HTML
3. Copy Code ទាំងអស់ (Ctrl+A → Ctrl+C)
4. នៅ VS Code បង្កើត File ថ្មី: index.html
5. Paste Code ចូល (Ctrl+V)
6. Save (Ctrl+S)
🚀 Step 3: Start Live Server
1. Right-click នៅក្នុង index.html
2. ជ្រើស "Open with Live Server"
ឬ
គ្លីក "Go Live" នៅ Status Bar ខាងក្រោម
Browser នឹងបើកដោយស្វ័យប្រវត្តិ ហើយ Preview ភ្លាមៗ!
✏️ Step 4: Edit & Preview
កែ Code នៅ VS Code
↓
Save (Ctrl+S)
↓
Browser Auto-Refresh ភ្លាមៗ ✅
📤 Step 5: Copy Back to Blogger
1. Copy Code ដែលកែរួច (Ctrl+A → Ctrl+C)
2. ចូល Blogger → Theme → Edit HTML
3. Paste ជំនួស Code ចាស់
4. Save Theme ✅
⚠️ Note សំខាន់
Blogger XML tags ដូចជា
<b:section>,<b:widget>,data:post.titleនឹងមិន render នៅ Live Server ទេ — អ្នកមើលបាន CSS/Layout ប៉ុណ្ណោះ។ សម្រាប់ Blogger tags ពិតប្រាកដ ត្រូវ Test នៅ Blogger ផ្ទាល់។