Việc thêm tiện ích chuyển văn bản thành giọng đọc cho bài viết Blogspot, rất phù hợp cho những Blog như Tin tức, Cung cấp thông tin, Báo điện tử.v.v..Người dùng có thể nghe nội dung bài viết thay vì đọc nội dung bài viết đó.
Bài này mình chia sẻ với các bạn cách chuyển văn bản thành giọng đọc cho bài viết trên Blogspot.
Các bạn thực hiện theo các bước sau:
Bước 1: Thêm Javascript
Các bạn truy cập trang quản trị Blogger -> Chủ đề -> Chỉnh sửa HTML và dán đường dẫn Javascript dưới đây vào trước thẻ </body>
<script src="https://code.responsivevoice.org/responsivevoice.js?key=FC19Jodj"></script>
Bước 2: Thêm nút tiện ích
Cũng tại phần chỉnh sửa HTML, các bạn bấm tổ hợp phím Ctrl + F tìm đoạn code dưới đây
<div class='post-body entry-content'
Tùy Template mà kết quả tìm kiếm sẽ có dạng<div class='post-body entry-content'>
hoặc <div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
Và cũng tùy Template mà có 2 hoặc nhiều hơn các đoạn tương tự. Các bạn dán đoạn code dưới đây vào sau đoạn cuối cùng tìm được (thường là đoạn cuối, nếu không hiện nút các bạn thử lần lược ở các đoạn còn lại nhé).<input onclick="responsiveVoice.speak(document.querySelector('.post-body').textContent, 'Vietnamese Male');" style="background: rgb(77, 144, 254);" type="button" value="🔊 Đọc bài viết" /><input onclick="responsiveVoice.cancel();" type="button" value="🔈 Dừng lại" />
Trong đó "Vietnamese Male" là ngôn ngữ đọc tiếng Việt và giong Nam. Nếu muốn giong Nữ, các bạn thay "Male" thành "Female"Ngoài ra tiện ích này hỗ trợ rất nhiều ngôn ngữ, các bạn có thể truy cập vào link Javascript. Bấm tổ hợp phím Ctrl + F và gõ Male hoặc Female (Trước nó là ngôn ngữ các bạn có thể sử dụng).
Lưu Template lại và kiểm tra kết quả.
Chúc các bạn thành công!
Facebook