Labels

[Blogger] Blogger template test code, demo code


Thông thường khi viết bài về các thủ thuật blogger đa phần các blogger đều chọn codepen để live demo. Nếu bạn biết đến w3school thì chẳng còn lạ lẫm gì với trang test live code của họ. Và thật tuyệt nếu như ta có thể biến nó thành 1 template blogger với chức năng test code, demo code (có thể chỉnh sửa trực tiếp)

Live demo trang chủ
 DEMO

Live demo trang bài viết
 DEMO


Thông tin 

  • Template lấy nền tảng từ Contempo Template mặc định của blogger đã loại bỏ tất cả các tiện ích , code không liên quan để tăng tốc độ load
  • Code live lấy từ w3school có highlight code js, html, css để bạn tiện trong quá trình viết code online
  • Có Responive

Chức năng

  • Trang chủ sẽ là 1 trang trắng để người dùng tự viết/test code
  • Trang bài viết sẽ chứa các code live demo của bạn, người dùng có thể chỉnh sửa ngay trên đó

Hướng dẫn đăng bài

  • Rất đơn giản, bạn muốn demo code nào chỉ cần vào phần đăng bài và chuyển chế độ HTML sau đó dán trực tiếp code vào đó (nên convert kí tự đặc biệt trước) 
  • Lưu ý: Cần thêm các thư viện cần thiết (ví dụ jquery, bootstrap,...) vào nội dung bài viết nếu như thủ thuật có cần tới chúng (có thể click vào button CDN để tìm thư viện bạn mong muốn)

Nhận template

Bạn để lại email phần phía dưới comment, tôi sẽ tổng hợp và gửi cho bạn sớm nhất có thế

Lưu ý 

Sau khi áp dụng template, bạn cần có tối thiểu 1 bài đăng. Định cấu hình bài trên trang chính như sau


Thanks !