Hướng dẫn nhúng vòng quay may mắn lên website

Bạn đang muốn tạo một vòng quay may mắn về một chủ đề nào đó nhưng muốn người chơi phải truy cập vào website của bạn để chơi thay vì truy cập website https://vongquaymayman.co để chơi. Bài viết này sẽ hướng dẫn bạn cách nhúng vòng quay lên website của bạn sao cho đẹp nhất.

Để lấy được mã nhúng thì trước tiên bạn cần phải đăng nhậptạo link chia sẻ. Tại bước cuối cùng của tạo link chia sẻ bạn sẽ thấy mã nhúng xuất hiện như dưới đây:

Bước 1:

Bạn copy phần mã html này và dán vào nơi muốn hiển thị vòng quay (nhớ thay data-id bằng ID vòng quay của bạn nhé)

<div class="embedvqmm" data-id="35A4EBED" ></div>

Để vòng quay hiển thị đẹp thì bạn có thể viết thêm css theo ý của bạn. Tôi ví dụ, để vòng quay hiển thị ra giữa màn hình thì bạn có thể thêm code như sau:

<div class="vqmm-container">
     <div class="embedvqmm" data-id="35A4EBED" ></div>
</div>

Với css viết thêm:

<style>
   .vqmm-container{
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
   }
</style>


Bước 2:

Bạn dán mã javascript này vào giữa cặp thẻ <body> như này.

<body> 
   ...
   <script src="https://vongquaymayman.co/embed.min.js"></script>
</body>

Nếu website của bạn làm từ WordPress thì trong bài viết bạn có thể tạo block HTML và dán thẳng vào đó như hình dưới đây cũng được.

Demo sau khi nhúng: https://vongquaymayman.co/embed.html

Lưu ý: Với những link đã tạo rồi và bạn muốn lấy mã nhúng, bạn hãy vào mục Tài khoản –> Quản lý link chia sẻ –> click vào biểu tượng copy mã nhúng như ảnh dưới đây:

quản lý link chia sẻ

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

Theo dõi chúng tôi trên:


Posted

in

by

Tags:

Bình luận

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

×