Cách tạo trình đọc truyện trên Blogspot

Trong bài viết này, tôi sẽ hướng dẫn bạn cách tạo một trình đọc truyện trong Blogspot với giao diện đơn giản. Với cách này bạn có thể tích hợp phần đọc truyện vào bài viết hoặc tạo một bài viết với giao diện chỉ đọc truyện.

Chuẩn bị: bạn tải đoạn code tạo trình đọc truyện về máy tại đây:

XEM VÀ TẢI Click here

HƯỚNG DẪN THỰC HIỆN

Bước 1. Chèn CSS và JAVASCRIPT vào giao diện

1. Truy cập blogger.com/ Chủ đề/ Tùy chỉnh (click tam giác nhỏ)/ Chỉnh sửa HTML

2. Sử dụng tổ hợp phím Ctrl + F để tìm thẻ </b:skin>. Dán đoạn mã CSS (trong file tải về) vào ngay phía trên thẻ này.

3. Tiếp tục tìm kiếm thẻ </body> và dán mã JavaScript (trong file tải về) ngay phía trên thẻ đó.

4. Nhấn Lưu để hoàn tất việc thêm mã vào giao diện của Blogspot.

Bước 2. Chèn HTML vào bài viết.

- Khi đăng bài mới. Bạn chọn Chế độ xem HTML (Không chọn Chế độ soạn thư). Dán đoạn HTML (trong file tải về) vào.

Trong đó:

- "Link ảnh đại diện" là đường dẫn của ảnh đại diện cho truyện (thường có dạng như https//.www.hoclieuso.id.vn/anhdep/hoclieu.png).

- "Link file âm thanh" là đường dẫn đến file âm thanh mà bạn đã lưu trên trang lưu trữ cho lấy link mp3 (https//.www.hoclieuso.id.vn/sachnoi/audio.mp3).

- "Tên file hiển thị" là tên của truyện, sẽ hiển thị trong list nhạc.

Nếu bạn cần hỗ trợ, hãy để lại bình luận. Chúc các bạn thành công.

Nội dung chính