HTML/CSS Thủ Thuật

Hướng dẫn tích hợp công cụ tra từ điển trực tiếp trên website của bạn

Hướng dẫn tích hợp công cụ tra từ điển trực tiếp trên website của bạn 1 810x422 - Hướng dẫn tích hợp công cụ tra từ điển trực tiếp trên website của bạn
Written by TINET

Bài viết đã được cập nhật vào:

Sau đây Kynangso.net xin chia sẻ cho các bạn một mẹo nhỏ giúp tích hợp trực tiếp  công cụ tra từ điển lên website của bạn
=> Sau khi bạn bôi đen một từ tiếng anh, website sẽ tự động hiển thị đầy đủ thông tin về từ đó

Công cụ này được phát triển và lấy dữ liệu từ trang từ điển Vdict.

Hướng dẫn tích hợp công cụ tra từ điển trực tiếp trên website của bạn 1 - Hướng dẫn tích hợp công cụ tra từ điển trực tiếp trên website của bạn

 

Bước 1: Bạn tạo 1 file .Js tùy ý, ví dụ mình sẽ tạo là VdictOnYourWeb.js trong thư mục public_html nhé!

Và điền đoàn code này vào file vừa tạo

See the Pen
VdictOnYourWebsite
by hoangmanhtien (@hoangmanhtien)
on CodePen.

Bước 2: Tại trang bạn muốn tích hợp công cụ tra từ, bạn đặt đoạn code bên dưới ở đầu nội dung trang!

<script language='javascript' src="/VdictOnYourWeb.js" charset="utf-8"></script>

Chú ý: Thay /VdictOnYourWeb.js thành đường dẫn file vừa tạo ở bước 1 nhé!

Vậy là xong, xem trang và tận hưởng nhé!

 

Hoặc một cách khác nhanh gọn hơn cho các bạn không thích dài dòng là bạn không cần làm gì hết!

Khi viết bài viết mà nếu bạn muốn tích hợp công cụ thì  chỉ cần vứt đoạn code bên dưới vào là được (không cần làm bước 1 và bước 2 đâu nhé)

<script language='javascript' src="https://kynangso.net/share/vdictonyourweb.js" charset="utf-8"></script>

OK! Chúc các bạn thành công nhé! pee

About the author

TINET

Leave a Comment