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

Đăng ngày tháng 12 02, 2024
Nghe bài viết
Âm lượng 100%
Bấm “Nghe bài” để bắt đầu.
☰ Mục lục bài viết Ẩn/hiện
Đang tạo mục lục...
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:


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.

Lượt xem: Đang tải...
Tổng số điểm của bài viết là: 0 trong 0 đánh giá
Click để đánh giá bài viết

Trao đổi / Bình luận

Thầy cô, học sinh có thể đăng nhập bằng tài khoản Google/Gmail để gửi bình luận. Bình luận nên lịch sự, đúng chủ đề và mang tính xây dựng.

Nhận xét

❤️ Bạn yêu thích các tài liệu tại Học Liệu Số?

Hãy thêm trang web làm Nguồn ưu tiên trên Google Search để luôn tìm thấy tài liệu của chúng tôi đầu tiên khi tra cứu!

🌟 Cài đặt ưu tiên ngay
Trợ lý Học liệu số
Tìm học liệu ngữ văn
.
Lưu ý:
  • - Không nhập dữ liệu cá nhân như số TK, CCCD...
  • - Chatbot có thể mắc lỗi. Hãy kiểm tra kĩ thông tin.