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

công cụ tra từ điể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
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%C6%B0%E1%BB%9Bng d%E1%BA%ABn t%C3%ADch h%E1%BB%A3p c%C3%B4ng c%E1%BB%A5 tra t%E1%BB%AB %C4%91i%E1%BB%83n tr%E1%BB%B1c ti%E1%BA%BFp tr%C3%AAn website c%E1%BB%A7a b%E1%BA%A1n 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

guest
Nhập email nếu bạn muốn nhận thông báo về phản hồi trên bình luận của bạn.
0 Comments
Inline Feedbacks
View all comments
0
Gửi đánh giá của bạn đến bài viết này!x
()
x