Thêm nút chuyển văn bản thành giọng nói cho Blogspot

Chào các bạn, trong bài viết này mình sẽ hướng dẫn một tips nhỏ dành cho cộng đồng sử dụng nền tảng Blogspot/Blogger để làm một trang web hay blog cá nhân. Đó là thêm nút chuyển văn bản thành giọng nói cho Blogspot. Cùng theo dõi bài viết dưới đây nhé...

Thêm nút chuyển văn bản thành giọng nói cho Blogspot

$ads={1}

Công dụng của tiện ích này có thể chuyển nội dung văn bản -> giọng nói, điều này rất tiện ích cho những trang làm thông tin, báo điện tử. Người dùng có thể nghe được nội dung của bài viết thay vì đọc nội dung đó. Ngoài ra, người khiếm thị hoặc người lớn tuổi cũng có thể gặp khó khăn khi đọc các nội dung trong trang web.

Hướng dẫn chi tiết

Bước 1: Bạn truy cập WebsiteVoice, để tạo cho mình một tài khoản miễn phí để dùng, ở đây mình sẽ hướng dẫn cơ bản để thêm với phiên bản miễn phí.

Thêm nút chuyển văn bản thành giọng nói cho Blogspot

  • Dòng 1 thêm website để thêm nút
  • Dòng 2 thêm địa chỉ mail
  • Dòng 3, 4 thêm mật khẩu

Bước 2: Tại bảng điều khiển của tiện ích bạn có thể cấu hình cơ bản cho nút hiển thị

Thêm nút chuyển văn bản thành giọng nói cho Blogspot

  • Style: chọn hình dáng nút
  • Color: màu nút
  • ...

Đây là tính năng cơ bản của phiên bản miễn phí.{alertInfo}

Bước 3: Thêm nút vào Blogspot

$ads={2}

Thêm nút chuyển văn bản thành giọng nói cho Blogspot

Sau khi cấu hình, trang sẽ cung cấp cho bạn 2 đoạn mã để thêm vào blog/web của mình.

Truy cập Blogger -> Chủ để -> Chỉnh sửa HTML -> Tìm kiếm thẻ </body> và chèn đoạn Script chạy tập lệnh lên phía trên đó ví dụng như đoạn mã sau đây:

<script async src="https://widget.websitevoice.com/5l4bsy-isPSNFrwLGOlY3Q"></script>

<script>

  window.wvData=window.wvData||{};function wvtag(a,b){wvData[a]=b;}

  wvtag('id', '5l4bsy-isPSNFrwLGOlY3Q');

</script>{codeBox}

Tiếp theo bạn tìm thẻ <data:post.body> (đoạn mã này thường xuất hiện 2 hoặc nhiều hơn, tuỳ mỗi Template mà bạn sử dụng) bạn cần tìm đúng thẻ hiện thị bài viết hoặc thử đoạn mã để chính xác hơn. Và chèn phí trên thẻ đó đoạn HTML hiển thị nút, ví dụ đoạn HTML phía sau:

<div class="wv-button-placeholder"></div>{codeBox}

Sau đó nhấn Lưu lại và vào bài viết để kiểm tra, vậy là xong rồi, hy vọng bài viết này có ích với bạn, xem thêm nhiều thủ thuật Blogspot tại đây.

- Ngoài ra tiện ích này còn có nhiều thứ hay ho hơn khi sử dụng phiên bản trả phí đó 😂

Đánh giá của bạn về bài viết này?

Trường

Chia sẻ những gì mình biết là cách ý nghĩa nhất để lưu lại giá trị của đời mình cho cộng đồng. Cho đi là cách nhận lại thông minh nhất. facebook flickr share

Nếu bổ ích hãy mời mình 1 ly nước mía 5k qua MoMo nhé: 085.45.74.559

5
Nhận xét

➥ Nhập địa chỉ Email bạn hay dùng để nhận thông báo khi mình trả lời bình luận của bạn (Tích vào ô Thông báo cho tôi).
➥ Gửi kèm ảnh chụp màn hình để được hỗ trợ tốt nhất. Up ảnh lên trang Upload Image, sau đó sao chép link ảnh dán vào khung bình luận.
➥ Không spam trong khung bình luận, hạn chế viết tắt. Xem quy định bình luận tại đây.