Trang trí website ngày tết đơn giãn bằng Javascript
Để chuẩn bị cho năm mới sắp đến bạn nào có Web hay Blog chắc cũng muốn trang trí cho web thêm đẹp.
Hôm nay Khoai Lang V-Blogs chia sẽ cùng các bạn 1 đoạn Code Javascript (JS) đơn giãn dùng để đưa hình ảnh lên Web thêm sinh động chào đón năm mới.
Trước tiên bạn cần chuẩn bị 1 số hình ảnh (File hình ảnh nên là .png hoặc .gif có nền trong suốt)
Bước 1: Úp các hình ảnh đó lên web của bạn hoặc nơi chứa các hình ảnh đó miễn là nó trên mạng.
Tiếp theo bạn down đoạn code JS theo link sau đây: https://drive.google.com/open?id=1M8g_WKdjeoGuDRXExL1dRSe5-hGrn_Yz
Sau khi down xuống bạn có thể thay thể link ảnh trong JS bằng hình ảnh của riêng bạn hoặc nếu bạn không thay khi dán đoạn JS này vào web thì hình ảnh sẽ được thể hiện giống như trên Web bên Khoai.
Bước 2: Truy cập vào phần quản trị của Website (ở đây Khoai dùng Web Wordpress) hoặc truy cập vào CP của Host và tìm File Header.PHP
Bước 3: Tìm đến thẻ </head> và dán đoạn JS đó vào trước thẻ đóng </head> rồi lưu nó lại.
Giờ thì bạn thử check lại web coi đã được chưa.
Ok vậy đã thành công chỉ với vài dòng code JS đơn giãn
Chúc các bạn thành công.
Link demo: https://gianhangcu.vn/
Clip hướng dẫn
Hôm nay Khoai Lang V-Blogs chia sẽ cùng các bạn 1 đoạn Code Javascript (JS) đơn giãn dùng để đưa hình ảnh lên Web thêm sinh động chào đón năm mới.
Trước tiên bạn cần chuẩn bị 1 số hình ảnh (File hình ảnh nên là .png hoặc .gif có nền trong suốt)
Bước 1: Úp các hình ảnh đó lên web của bạn hoặc nơi chứa các hình ảnh đó miễn là nó trên mạng.
Tiếp theo bạn down đoạn code JS theo link sau đây: https://drive.google.com/open?id=1M8g_WKdjeoGuDRXExL1dRSe5-hGrn_Yz
Bước 2: Truy cập vào phần quản trị của Website (ở đây Khoai dùng Web Wordpress) hoặc truy cập vào CP của Host và tìm File Header.PHP
Bước 3: Tìm đến thẻ </head> và dán đoạn JS đó vào trước thẻ đóng </head> rồi lưu nó lại.
Giờ thì bạn thử check lại web coi đã được chưa.
Ok vậy đã thành công chỉ với vài dòng code JS đơn giãn
Chúc các bạn thành công.
Link demo: https://gianhangcu.vn/
Clip hướng dẫn
Khoai Lang V-Blogs chia sẻ





Nhận xét
Đăng nhận xét