Tuy nhiên, nhiều script tuyết rơi cũ thường sử dụng thư viện jQuery nặng nề hoặc Canvas phức tạp khiến website bị chậm, lag trên điện thoại. Trong bài viết này, mình sẽ chia sẻ đoạn code tuyết rơi sử dụng CSS3 Animation và Vanilla JavaScript (JS thuần). Đảm bảo 3 tiêu chí: Siêu nhẹ – Không gây lag – Dễ cài đặt.

Ưu điểm code tuyết rơi cho Website đón Giáng Sinh

• Tối ưu hiệu suất: Sử dụng CSS Keyframes để tạo chuyển động thay vì tính toán vị trí liên tục bằng JS, giúp giảm tải cho CPU.
• Không chặn tương tác: Đã được xử lý thuộc tính pointer-events: none, giúp người dùng vẫn click được vào các link/nút bấm bên dưới lớp tuyết mà không bị vướng.
• Tùy biến cao: Dễ dàng chỉnh số lượng tuyết, tốc độ rơi và hình dáng bông tuyết.

Full Code hiệu ứng tuyết rơi (HTML/CSS/JS)

Dưới đây là đoạn mã đầy đủ. Bạn không cần tải file rườm rà, chỉ cần copy và dán.

      <style>
  .snowflake {
    position: fixed;
    top: -10px;
    z-index: 9999;
    user-select: none;
    cursor: default;
    animation-name: fall;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    color: #F527E4; /* Màu tuyết nếu dùng ký tự */
  }

  @keyframes fall {
    to {
      transform: translateY(100vh);
    }
  }
</style>

<script>
  (function() {
    var snowflakes = [],
        browserWidth, browserHeight,
        numberOfSnowflakes = 50, // Số lượng bông tuyết
        resetPosition = false;

    function setup() {
        window.addEventListener("DOMContentLoaded", generateSnowflakes, false);
        window.addEventListener("resize", setResetFlag, false);
    }

    function setResetFlag(e) {
        resetPosition = true;
    }

    function generateSnowflakes() {

        var originalSnowflake = document.createElement("div");
        originalSnowflake.classList.add("snowflake");
        originalSnowflake.innerHTML = "❄"; 
        originalSnowflake.style.fontSize = "20px"; // Kích thước cơ bản

        var snowflakeContainer = document.body;
        
        browserWidth = document.documentElement.clientWidth;
        browserHeight = document.documentElement.clientHeight;

        for (var i = 0; i < numberOfSnowflakes; i++) {
            var snowflakeClone = originalSnowflake.cloneNode(true);
            snowflakeContainer.appendChild(snowflakeClone);

            var initialX = Math.floor(Math.random() * browserWidth);
            var fallDuration = Math.floor(Math.random() * 10) + 5 + "s";
            var snowflakeSize = Math.floor(Math.random() * 20) + 10 + "px"; // Random kích thước
            var delay = Math.floor(Math.random() * 5) + "s";

            snowflakeClone.style.left = initialX + "px";
            snowflakeClone.style.animationDuration = fallDuration;
            snowflakeClone.style.fontSize = snowflakeSize;
            snowflakeClone.style.animationDelay = delay;
            snowflakeClone.style.opacity = Math.random(); // Độ mờ ngẫu nhiên
        }
    }
    setup();
  })();
</script>

Để đổi màu tuyết bạn thay đổi mã màu ở dòng color: #F527E4;

Full Code hiệu ứng tuyết rơi có động tuyết ở chân trang

Đây là phiên bản nâng cao sử dụng HTML5 Canvas. Hiệu ứng này sẽ cho phép tuyết rơi và đọng lại dưới chân trang web. Theo thời gian, lớp tuyết sẽ dày lên và có thể che phủ màn hình giống như một trận bão tuyết thực sự.

Hiệu ứng tuyết tích tụ sẽ che khuất nội dung website của bạn từ dưới lên trên. Hãy cân nhắc kỹ trước khi sử dụng cho trang bán hàng vì khách có thể không nhìn thấy nút “Mua ngay” hoặc Footer. Bạn có thể chỉnh biến maxSnowHeight trong code để giới hạn độ cao của tuyết (ví dụ chỉ cho cao 100px rồi dừng).

Giải thích các thông số trong code để bạn tùy chỉnh:

• maxSnowHeight = height;: Tuyết sẽ dâng lên mãi cho đến khi lấp đầy màn hình (full screen). Nếu bạn chỉ muốn nó dâng lên một chút rồi dừng (để không che web), hãy đổi thành số pixel cụ thể, ví dụ: maxSnowHeight = 150;.
• snowflakeCount = 200;: Số lượng hạt tuyết đang rơi. Tăng lên thì dày hơn nhưng máy yếu có thể lag.
• snowPile: Đây là mảng kỹ thuật để lưu “bản đồ địa hình” của lớp tuyết dưới đáy.

<canvas id="snowCanvas" style="position: fixed; top: 0; left: 0; z-index: 99999; pointer-events: none;"></canvas>

<script>
(function() {
    var canvas = document.getElementById('snowCanvas');
    if (!canvas) { console.error("Không tìm thấy thẻ canvas"); return; }
    
    var ctx = canvas.getContext('2d');
    var width = window.innerWidth;
    var height = window.innerHeight;
    
    // --- CẤU HÌNH ---
    var maxSnowHeight = 200;    // Độ cao tối đa tuyết đọng (pixel)
    var snowflakeCount = 200;   // Số lượng hạt tuyết
    var snowColor = "#ADD8E6";  // Màu tuyết (Xanh nhạt để dễ test, muốn trắng sửa thành #FFFFFF)
    // ----------------
    
    canvas.width = width;
    canvas.height = height;

    var snowflakes = [];
    var snowPile = new Array(width).fill(0); 

    // Hàm tạo lại hạt tuyết khi rơi xuống hoặc mới bắt đầu
    function resetSnowflake(flake) {
        flake.x = Math.floor(Math.random() * width);
        flake.y = Math.floor(Math.random() * -height); 
        flake.size = Math.random() * 3 + 2; 
        flake.speed = (Math.random() * 1) + 1.5; // Tốc độ rơi
        flake.velY = flake.speed;
        flake.velX = 0;
        flake.opacity = (Math.random() * 0.5) + 0.3;
    }

    // Khởi tạo các hạt tuyết
    function init() {
        snowflakes = [];
        for (var i = 0; i < snowflakeCount; i++) {
            var flake = {};
            resetSnowflake(flake);
            snowflakes.push(flake);
        }
        // GỌI HÀM UPDATE ĐỂ BẮT ĐẦU CHẠY
        update();
    }

    // Vòng lặp chuyển động
    function update() {
        ctx.clearRect(0, 0, width, height);

        // 1. Vẽ đống tuyết tích tụ dưới đáy
        ctx.fillStyle = snowColor;
        ctx.beginPath();
        ctx.moveTo(0, height);
        for (var x = 0; x < width; x++) {
            ctx.lineTo(x, height - snowPile[x]);
        }
        ctx.lineTo(width, height);
        ctx.fill();

        // 2. Vẽ và cập nhật bông tuyết đang rơi
        for (var i = 0; i < snowflakes.length; i++) {
            var f = snowflakes[i];

            f.x += Math.sin(f.y * 0.05) * 0.5; // Lắc lư nhẹ
            f.y += f.velY;

            var currentX = Math.floor(f.x);
            if (currentX < 0) currentX = 0;
            if (currentX >= width) currentX = width - 1;

            // Kiểm tra va chạm với đống tuyết
            var pileHeight = snowPile[currentX];
            
            if (f.y >= height - pileHeight) {
                // Tích tụ tuyết nếu chưa vượt quá giới hạn
                if (pileHeight < maxSnowHeight) {
                    var range = 3; 
                    for(var k = -range; k <= range; k++) {
                        var neighborX = currentX + k;
                        if(neighborX >=0 && neighborX < width) {
                             snowPile[neighborX] += f.size * 0.3; 
                        }
                    }
                }
                resetSnowflake(f); // Tạo lại hạt mới từ trên cao
            }

            // Vẽ bông tuyết đơn lẻ
            ctx.fillStyle = snowColor;
            ctx.globalAlpha = f.opacity; // Độ trong suốt
            ctx.beginPath();
            ctx.arc(f.x, f.y, f.size, 0, Math.PI * 2);
            ctx.fill();
            ctx.globalAlpha = 1; // Reset lại alpha
        }
        
        requestAnimationFrame(update);
    }

    // Xử lý khi resize màn hình
    window.addEventListener('resize', function() {
        width = window.innerWidth;
        height = window.innerHeight;
        canvas.width = width;
        canvas.height = height;
        snowPile = new Array(width).fill(0); // Reset tuyết đọng khi resize để tránh lỗi hiển thị
    });

    init();
})();
</script>

Hướng dẫn thêm Code tuyết rơi Website Code tay (HTML/PHP)

Đối với các website tự code hoặc các mã nguồn mở khác (Laravel, CodeIgniter…), bạn thực hiện như sau:

1. Mở file footer của giao diện (thường là footer.php, footer.html hoặc file layout chính).
2. Tìm đến thẻ đóng </body>.
3. Dán đoạn code ở mục 2 vào ngay phía trên thẻ </body>.
4. Lưu file và tải lại trang (Ctrl + F5) để xem kết quả.

4. Hướng dẫn cài đặt cho WordPress

Với WordPress, có 2 cách để chèn code này mà không cần cài plugin nặng nề tạo hiệu ứng:

Cách 1: Sử dụng Plugin chèn Header & Footer (Khuyên dùng)

Cách này an toàn nhất, khi đổi giao diện (theme) code vẫn hoạt động.

1. Cài đặt plugin WPCode (trước đây là Insert Headers and Footers) hoặc Header Footer Code Manager.
2. Vào menu plugin, chọn Add New Snippet.
3. Chọn vị trí chèn là Footer.
4. Dán đoạn code trên vào và bấm Save/Activate.

Cách 2: Chèn trực tiếp vào Theme (Dành cho Dev)

1. Vào trang quản trị WP -> Giao diện (Appearance) -> Chỉnh sửa giao diện (Theme File Editor).
2. Tìm file footer.php ở cột bên phải.
3. Dán code vào trước thẻ đóng </body>.
4. Bấm Cập nhật tệp tin.

Lưu ý: Với cách 2, nếu bạn update theme thì code sẽ mất, nên sử dụng Child Theme để tránh tình trạng này.

Chỉ với vài dòng code đơn giản, website của bạn đã trở nên sinh động hơn rất nhiều trong mắt khách truy cập. Đây là một mẹo nhỏ trong UI/UX giúp giữ chân người dùng lâu hơn trong dịp lễ hội.

Chúc các bạn thực hiện thành công và có một mùa Giáng sinh an lành! Nếu có thắc mắc gì, hãy để lại bình luận bên dưới nhé.

Cách dùng InAppBrowser để kiểm tra trình duyệt có theo dõi bạn không?

Theo như thử nghiệm của InAppBrowser, khi dùng TikTok để mở bất kỳ trang web nào trong ứng dụng, sẽ nhập mã theo dõi có thể giám sát tất cả các lần gõ bàn phím, bao gồm cả mật khẩu và tất cả các lần nhấn. Như vậy bạn hoàn toàn có thể bị lộ tài khoản đăng nhập khi dùng TikTok, rất nguy hiểm.

Cách dùng InAppBrowser để liệt kê các lệnh JavaScript được thực thi bởi ứng dụng trên iOS:

Mở ứng dụng (trình duyệt) để phân tích:

1. Chia sẻ link https://InAppBrowser.com ở đâu đó bên trong ứng dụng (ví dụ: gửi tin nhắn trực tiếp cho bạn bè hoặc đăng lên New Feed, bình luận)
2. Nhấn vào link bạn mới chia sẻ
3. Đọc báo cáo trên màn hình, sẽ cho bạn biết trình duyệt này đang theo dõi bạn những nội dung gì

Tác giả InAppBrowser đã sử dụng công cụ này để phân tích các ứng dụng iOS phổ biến nhất có trình duyệt trong ứng dụng của riêng chúng. Dưới đây là kết quả Felix Krause đã tìm thấy.

Đối với phân tích này, tác giả đã loại trừ tất cả các trình duyệt iOS của bên thứ ba (Chrome, Brave, v.v.), vì chúng sử dụng JavaScript để cung cấp một số chức năng như trình quản lý mật khẩu. Apple yêu cầu tất cả các ứng dụng trình duyệt iOS của bên thứ ba phải sử dụng công cụ Safari WebKit.

Lưu ý quan trọng: InAppBrowser không thể phát hiện tất cả các lệnh JavaScript được thực thi, do đó có thể có sai sót xảy ra.

Ứng dụng iOS có Trình duyệt trong ứng dụng riêng

• Tùy chọn để mở trong trình duyệt mặc định: Ứng dụng có cung cấp tính năng để mở liên kết hiện được hiển thị trong trình duyệt mặc định không?
• Sửa đổi trang: Ứng dụng có đưa mã JavaScript vào các trang web của bên thứ ba để sửa đổi nội dung của nó không? Bao gồm việc thêm mã theo dõi (như đầu vào, lựa chọn văn bản, click, v.v.), đưa vào các tệp JavaScript bên ngoài, cũng như tạo các phần tử HTML mới.
• Tìm nạp metadata: Ứng dụng có chạy mã JavaScript để tìm nạp metadata trang web không? Việc này không gây ra bất kỳ rủi ro bảo mật hoặc quyền riêng tư thực sự nào.
• JS: Một liên kết đến mã JavaScript, có thể có mã khác được thực thi.

Bạn có thể click vào từng Có/Không có để xem kết quả InAppBrowser phân tích từ trình duyệt của các ứng dụng trên.

Câu hỏi thường gặp

InAppBrowser là gì và nó hoạt động như thế nào?

InAppBrowser là một công cụ do Felix Krause tạo ra để kiểm tra xem trình duyệt tích hợp trong các ứng dụng di động có theo dõi hoạt động của người dùng hay không. Nó hoạt động bằng cách phân tích các lệnh JavaScript được thực thi khi mở một liên kết cụ thể thông qua trình duyệt trong ứng dụng.

Tôi có thể sử dụng InAppBrowser trên hệ điều hành nào?

Bài viết tập trung vào việc sử dụng InAppBrowser trên iOS. Tuy nhiên, nguyên tắc hoạt động của nó có thể được áp dụng cho các hệ điều hành khác, tùy thuộc vào khả năng truy cập và phân tích mã JavaScript của ứng dụng.

InAppBrowser có phát hiện tất cả các hoạt động theo dõi không?

Không, InAppBrowser không thể phát hiện tất cả các hoạt động theo dõi. Có thể có một số lệnh JavaScript hoặc kỹ thuật theo dõi mà công cụ này bỏ sót. Do đó, kết quả chỉ mang tính tham khảo.

Code đối tết cho Website ở góc Website

CSS:

<style type="text/css">
        .tet_left img, .tet_right img {
            width: 100%;
            height: auto;
        }
        .tet_left, .tet_right {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 99;
            width: 191px;
            pointer-events: none;
        }
        .tet_right {
            left: auto;
            right: 0;
            width: 191px;
        }
                .tet_bottom {
            position: fixed;
            bottom: 0;
            left: 80px;
            z-index: 99;
            width: 320px;
            pointer-events: none;
        }
                @media (max-width: 1331px){
            .tet_left, .tet_right, .tet_bottom{
                display: none !important;
            }
        }
</style>

Đoạn này đặt trong thẻ Head của Website

<div class="tet_left"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb3PBtYvcb0AwzJvp5rDfHAOlC_0BsSevp3we6JTICzZAbrhaLcMtlnOAvCb_6A_LuZfnDSCYUVp5M6a_SSq1tQ825ioZ3H1mkboSV8OA7y-cqo723yZJVuniaCibs715peZlIoVfENoBVvigVfJJDffiAoij6tWFv4Jx3RWIVUcQDN5zeMWweAuCuCw/s16000/left-1.png" alt="AnonyViet-Tet"/></div> 
<div class="tet_right"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmE7w44KuUqFCci75HHT6fo4Snv-s9j8NpP9ERbJhtT9WOasSnDeiDGruspoNUbHQBENce0laVEZZaQc0C-V5pZBPhNgX2ktJprmXpW96EgMHVBBDdbO2UugIYyNY-nXST_nKFcDwDXDiBqM7LZktNIrkgDqQEtdnvYxtt5ZCoV82VNKgSYUIxT1OzYg/s16000/right-1.png" alt="AnonyViet-Tet"/></div>
<div class="tet_bottom"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwruFlhClo3FUKNBQtDvqWYiDVOoi-IT7Jy4R11OU5HaOFR2N7CcX5sH4FWQI_GRoVrx4Hd5pVQREJ_QsAjvSA41v25TW0LEGW2jb8s3J2QwCrXp4qsMqdvxUZz9lglGyxL4YQxIbbf17zyqd99Rr28rDzx-foaXJRQ13kQUAblMtlt4U1rKMYbHkn5w/s16000/bottom-1.png" alt="AnonyViet-Tet"/></div>

Code hoa đào rơi

Copy đoạn Javascript này đặt trong giữa thẻ <head></head> cho Website.

<script type="text/javascript">
        var no = 20;
        if (matchMedia('only screen and (max-width: 767px)').matches) {
            no = 10        }
        let img_url = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizrrtX-KQtKY8e8pxCHjLROT5pYW7sVkUpET9HHpW8QO-PnoIRKVsvRDxM6shrE4Q-44Oh9teSGK1SApaZ1OJvhR4z7ENgKSJOLWfsdKw9jPszAa2HqaE6W8ohyGHRvff6TgKXEUjnn73LLLp3FHbtMTJnIkPxPhujWwG5ZsFgW7ctQ0zrR5KKSqlewg/s16000/hoadao-anonyviet.com.png';
        var hidesnowtime = 0;
        var color_snow  = '#fff';
        var snowdistance = 'windowheight'; // windowheight or pageheight;
        var ie4up = (document.all) ? 1 : 0;
        var ns6up = (document.getElementById && !document.all) ? 1 : 0;

        function iecompattest() {
            return (document.compatMode && document.compatMode != 'BackCompat') ? document.documentElement : document.body
        }

        var dx, xp, yp;
        var am, stx, sty;
        var i, doc_width = 800, doc_height = 600;
        if (ns6up) {
            doc_width = self.innerWidth;
            doc_height = self.innerHeight
        } else if (ie4up) {
            doc_width = iecompattest().clientWidth;
            doc_height = iecompattest().clientHeight
        }
        dx = new Array();
        xp = new Array();
        yp = new Array();
        am = new Array();
        stx = new Array();
        sty = new Array();
        for (i = 0; i < no; ++i) {
            dx[i] = 0;
            xp[i] = Math.random() * (doc_width - 50);
            yp[i] = Math.random() * doc_height;
            am[i] = Math.random() * 20;
            stx[i] = 0.02 + Math.random() / 10;
            sty[i] = 0.7 + Math.random();
            if (ie4up || ns6up) {
                document.write('<div id="dot'+i+'" style="POSITION:fixed;Z-INDEX:'+(99+i)+';VISIBILITY:visible;TOP:15px;LEFT:15px;pointer-events: none;width:15px"><span style="font-size:18px;color:'+color_snow+'"><img src="'+img_url+'" alt=""></span></div>');
            }
        }

        function snowIE_NS6() {
            doc_width = ns6up ? window.innerWidth - 10 : iecompattest().clientWidth - 10;
            doc_height = (window.innerHeight && snowdistance == 'windowheight') ? window.innerHeight : (ie4up && snowdistance == 'windowheight') ? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance == 'pageheight') ? iecompattest().scrollHeight : iecompattest().offsetHeight;
            for (i = 0; i < no; ++i) {
                yp[i] += sty[i];
                if (yp[i] > doc_height - 50) {
                    xp[i] = Math.random() * (doc_width - am[i] - 30);
                    yp[i] = 0;
                    stx[i] = 0.02 + Math.random() / 10;
                    sty[i] = 0.7 + Math.random()
                }
                dx[i] += stx[i];
                document.getElementById('dot' + i).style.top = yp[i] + 'px';
                document.getElementById('dot' + i).style.left = xp[i] + am[i] * Math.sin(dx[i]) + 'px'
            }
            snowtimer = setTimeout('snowIE_NS6()', 10)
        }

        function hidesnow() {
            if (window.snowtimer) {
                clearTimeout(snowtimer)
            }
            for (i = 0; i < no; i++) document.getElementById('dot' + i).style.visibility = 'hidden'
        }

        if (ie4up || ns6up) {
            snowIE_NS6();
            if (hidesnowtime > 0) setTimeout('hidesnow()', hidesnowtime * 1000)
        }
    </script>

Nếu bạn đang dùng WordPress có thể cài Plugin DevVN – Trang trí Tết Việt Nam cho tiện

DevVN – Trang trí Tết Việt Nam

Ngoài ra bạn có thể dùng các Javascript để trang trí tết như

• Javascript pháo hoa cho Website ở đây

Câu hỏi thường gặp

Tôi có thể sử dụng code này trên nền tảng nào?

Code được cung cấp trong bài viết có thể được sử dụng trên hầu hết các nền tảng website, bao gồm cả WordPress. Tuy nhiên, việc tùy chỉnh có thể cần thiết tùy thuộc vào cấu trúc website của bạn.

Làm thế nào để thêm hiệu ứng hoa đào rơi vào website của tôi?

Bạn cần sao chép đoạn mã Javascript về hiệu ứng hoa đào rơi và đặt nó vào giữa thẻ <head></head> của website. Hãy đảm bảo rằng các đường dẫn hình ảnh trong code là chính xác.

Có cách nào dễ dàng hơn để trang trí Tết cho website WordPress của tôi không?

Có chứ! Bạn có thể cài đặt plugin “DevVN – Trang trí Tết Việt Nam” từ kho plugin WordPress để có được nhiều tùy chọn trang trí Tết một cách nhanh chóng và dễ dàng.

OLM là gì?

OLM là website học tập, bổ sung, ôn tập các kiến thức cho các môn Toán, Ngữ Văn, Tiếng Anh, Lịch Sử, Địa Lý, Hóa Học và cả Vật Lí từ Tiểu học đến trung học phổ thông. Đây sẽ là địa chỉ học online tin cậy để mọi người có thể trau dồi, bổ sung thêm các kiến thức bổ ích.

OLM có thể tổ chức các kì thi online, hỗ trợ trường học để giáo viên và học sinh dễ dàng tiếp cận với công nghệ nhờ giao diện và thao tác đơn giản.

Đến na , đã có gần 1000 trường học trên cả nước sử dụng OLM để tổ chức các kì thi trực tuyến nhằm phù hợp với tình hình dịch bệnh hiện nay. Tất cả các trường đều đánh giá rất cao về chức năng thi trực tuyến của OLM, về sự nhiệt tình và chuyên nghiệp của đội ngũ hỗ trợ trang web. Nhờ đó các em học sinh được hưởng một kì nghỉ hè 2021 trọn vẹn.

Không chỉ vậy, OLM còn tổ chức 1 số hoạt động ngoài. Ví dụ như chương trình hỏi đáp vui hàng tuần, những bài về toán và tiếng anh vui nhộn và trao giải cho những cá nhân xuất sắc

Đôi lời nhắn nhủ về hack OLM

Theo mình, các bạn không nên hack những website kiểu này vì nó là trau dồi kiến thức cho chúng ta. để chúng ta biết được thực lực và giúp chúng ta ôn tập lại kiến thức đã học. Những gì mình chia sẻ trên đây nhằm mục đích là để khám phá và cho mục đích giáo dục. Mình sẽ không chịu trách nhiệm với mọi hành động của các bạn.

Chuẩn bị:

• Máy tính có thể kết nối tới Internet
• Sử dụng trình duyệt hỗ trợ chế độ Inspect (Google chrome, Brave, Microsoft edge,…)

Hướng dẫn hack OLM

Bước 1:  Vào trang OLM

Bước 2: vào bài muốn hoàn thành

Bước 3: Vào chế độ Inspect bằng tổ hợp phím Ctrl + Shift + I

Bước 4: Vào source -> modules -> teachercategory -> mathplay2.js

Bước 5: Bấm tổ hợp phím Ctrl+ F , Ghi Runnow.check

Bước 6: Thay đổi giá trị bằng 1 (lưu ý vẫn để dấu ; ở cuối)

Bước 7: Lưu sự thay đổi bằng tổ hợp phím CTRL + S (trên đầu hiện dấu ! là được)

Bước 8: Quay lại và cứ thế bấm nộp bài cho đến khi 100%

Và vừa rồi mình đã hướng dẫn các bạn cách hack OLM full điểm tuyệt đối. Mình không khuyến khích sử dụng cách này mà hãy thật lòng làm bài của mình. Hãy để lại comment ở đây để mình biết bạn nghĩ gì nhé!

Câu hỏi thường gặp

Làm sao để sử dụng phương pháp được đề cập trong bài viết?

Phương pháp được mô tả trong bài viết liên quan đến việc sửa đổi mã nguồn của trang web OLM. Bạn cần sử dụng công cụ Inspect của trình duyệt web để tìm và thay đổi một đoạn mã cụ thể.

Phương pháp này có an toàn và đáng tin cậy không?

Chúng tôi không khuyến khích sử dụng phương pháp này. Việc sửa đổi mã nguồn của trang web có thể vi phạm điều khoản sử dụng và dẫn đến hậu quả không mong muốn.

Tôi có nên sử dụng phương pháp này để đạt điểm cao trong các bài kiểm tra trên OLM không?

Không, chúng tôi khuyên bạn nên học tập chăm chỉ và làm bài bằng kiến thức của mình. Việc gian lận không mang lại lợi ích lâu dài và có thể gây ảnh hưởng xấu đến quá trình học tập.

Xem bài viết trước

Khóa học Javascript này có gì ?

Mình Share miễn phí khóa học này vì mình thấy các bạn đang rất cần. Fanpage nhận gần 100 tin nhắn yêu cầu share khóa học chất lượng về javascript. Do đó, mình quyết tâm đi tìm tòi và chọn lọc về khóa học mà mình thấy ổn nhất.

Khóa học này hoàn toàn là tiếng việt, giáo viên người việt nam và bài tập cũng rất thực tế. Những bài học được giảng viên thao giảng qua video Full HD. Chất lượng video tốt, âm thanh trong trẻo mang lại không gian học ổn định.

Tải khóa học

Đây là khóa học chính mà mình muốn Share trong bài này.

Download bộ video khóa học

Bạn thông cảm bỏ qua quảng cáo để ủng hộ Website mình nha !

Ngoài ra, bên dưới mình có để link Youtube của một khóa học Javascript Basic mà mình tin tưởng. Hãy xem thêm khóa học bên dưới vì nó cực kỳ hay nhé !!

Những điều cần biết đề học Javascript nhanh hơn

Đây là những ý kiến mình học được từ lần đi thực tế tại trường FPT khoa công nghệ thông tin. Đây cũng là mẹo để học tốt bất cứ ngôn ngữ lập trình nào chứ không riêng Javascript. Mình sẽ ghi những mẹo cơ bản để anh em áp dụng trước nhé. Mình sẽ dành riêng cho một bài viết nữa để viết về các mẹo còn lại.

Hãy học cùng bạn bè.

Đây là một trong những lý do quan trọng của việc học. Bạn biết vì sao không ? Vì bạn bè là liều thuốc tinh thần tốt nhất. Học một mình dễ nản, nhưng học với nó thì lại không. Bạn bè học chung với nhau thì sẽ là động lực cho nhau mà cố gắng.

Cấu tạo não của mỗi người là khác nhau. Do đó, một số vấn đề bạn khó hiểu nhưng bạn bè của bạn lại hiểu nhanh. Vì não của họ nhạy cảm với trường hợp đó. Do đó, học cùng nhau và chỉ bảo, giúp đỡ nhau sẽ nhanh hơn học một mình. Điều này khoa học đã chứng minh rồi nhé !

Hãy đi sửa lỗi code cho người khác.

Khi có bài tập hoặc cùng nhau làm dự án gì đó. Hãy thử đi giúp bạn bè của bạn giải quyết lỗi của code. Mỗi lần bạn tìm lỗi trong code, bắt buộc não bạn phải chạy code thử trong đầu. Do đó, việc sửa chữa lỗi code cho người ta đồng thời cũng là điều kiện tốt để bộ não của bạn làm quen với code nhiều hơn.

Học code hãy học cấu trúc và nghĩa, đừng học mặt chữ

Mình nói như vậy là bởi vì mình đã từng học. Mình từng nhớ mặt chữ như là: “Khi cần làm hành động gì đó thì dùng function”. Nhưng học như vậy, mình hay bị quên. Mình nói thật là rất dễ quên.

Cho nên mình đã thử tìm một cách học khác hiệu quả hơn. Đó là học cấu trúc của nó. Mình nhớ trong đầu là các hành động thường được bao trong dấu ngoặc {} và gắn liền với dấu ngoặc đó là function() {}. Có phải dễ nhớ hơn cách trên không ?

Thời gian là thước đo của trình độ 

Đối với lập trình, bạn code càng nhiều, bạn sẽ càng giỏi. Người ta nói là muốn master ở một lĩnh vực nào đó, cần trải qua 10.000 giờ khổ luyện. Do đó, trình độ hơn kém nhau phụ thuộc vào thời gian đã bỏ ra để ngồi code.

Đây cũng là câu trả lời cho việc bạn không thể nào học hết ngôn ngữ lập trình được. Tuổi thọ của bạn là 100 năm. Và để master mỗi ngôn ngữ bạn mất 10.000h khổ luyện. Cho nên việc bạn muốn giỏi tất cả ngôn ngữ lập trình là điều không thể.

Tặng kèm khóa học Javascript Cơ Bản mà mình tin tưởng.

Đây là kênh youtube mình từng học và mình cực kì thích. Khóa học 100% miễn phí và đầy đủ kiến thức cơ bản cho bạn mới và thật sự rất hay. Hãy trải nghiệm thử và cảm nhận sự tuyệt vời nhé !!

Tham gia

Nhớ bỏ qua quảng cáo để ủng hộ kinh phí cho mình nha !

Like Fanpage hoặc theo dõi website để cập nhật nhanh các bài viết hay.

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

Bạn không cần phải ngồi bấm xóa từng lời mời kết bạn đã gửi. Chỉ cần một đoạn code Javascript được lập trình sẵn để xóa lời mời. Đoạn code này mình đã thử nghiệm. Cấu trúc code không xâm phạm quyền lợi của tài khoản Facebook và bảo đảm an toàn.

Hướng dẫn tất cả lời mời kết bạn đã gửi trên Facebook

Đầu tiền, bạn cần đăng nhập vào tài khoản Facebook của bạn. Sau đó vào liên kết dưới đây để xem tất cả lời mời kết bạn đã được gửi đi.

Liên kết

Vui lòng bỏ qua quảng cáo link123 để ủng hộ mình nha.

Tất cả lời mời bạn đã gửi sẽ được hiển thị ra. Bạn có thể ấn hủy bỏ từng lời mời, nhưng làm vậy sẽ rất là lâu. Mình sẽ chỉ bạn tận dụng Javascript để giải quyết nhanh chóng.

Giải thích Code Javascript xóa lời mời

Bạn phải truy cập đúng liên kết như ảnh trên thì code mới có tác dụng nhé. Code Javascript này sẽ tạo biến i bằng 0, có nghĩa là ở vị trí lời mời kết bạn đầu tiên. Nếu nó thấy có nút hoàn tác thì sẽ thực hiện hành động click chuột. Sau đó tăng i lên một đơn vị để sang lời mời kết bạn tiếp theo.

Dùng code Javascript để xóa tất cả lời mời đã gửi

Để dùng code, bạn ấn chuột phải rồi chọn kiểm tra phần tử hoặc ấn F12. Bảng điều khiển dành cho lập trình viên sẽ hiện ra. Sau đo, chọn tab Console để dán và thực thi lệnh Javascript bên dưới.

javascript: var x = document.getElementsByClassName("_55sr");
for (var i = 0; i < x.length; i++) {
	if (x[i].innerHTML == 'Hoàn tác') {
		x[i].click();
	}
};
alert("Success ! Đã xóa thành công các yêu cầu kết bạn");
window.open("https://anonyviet.com");

Nếu bạn chưa biết Javascript là gì và tab console có tác dụng như thế nào thì hãy đọc bài giải thích dưới đây của mình. Bạn sẽ biết được khả năng tuyệt vời của Javascript và chức năng của tab Console trên trình duyệt.

https://anonyviet.com/vi-sao-nen-hoc-javascript/

Sau khi chạy code, tất cả lời mời đã được thu hồi. Các nút hoàn tác đã trở thành Thêm bạn bè. Một hộp thông báo thành công sẽ hiển thị.

Như vậy là tất cả lời mời kết bạn được hủy trong vòng chưa tới 5s. Javascript thật sự rất tuyệt vời, bạn có thể kéo lên phía trên để đọc bài giải thích của mình về ngôn ngữ này và sự phát triển của nó trong năm 2018.

Like fanpage hoặc theo dõi website để cập nhật nhanh các bài viết hay.

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

Javascript là ngôn ngữ lập trình vốn nổi tiếng và quen thuộc từ lâu rồi bạn nhỉ. Liệu chúng ta đã biết rõ về sức mạnh và sức ảnh hưởng của javascript ? Những chứng minh dưới đây sẽ là câu trả lời tất tần tật về tầm quan trọng của Javascript. Kèm theo những lý do mình khuyên bạn nên học javascript.

Javascript có đang phổ biến không ?

alert("This is Javascript");

Hòa mình vào không khí Noel năm nay. AnonyViet cũng chỉnh chu lại Website, gắn thêm cây thông, cành tùng, cái chuông, tuyết rơi để cho có không khí với mọi người. Mọi người vào Website của AnonyViet chắc cũng thấy rồi ha.

Tất nhiên đến với AnonyViet thì mọi kiến thức đều miễn phí, AnonyViet làm được thì bạn sẽ làm được. Trên tinh thần đó, hôm nay mình sẽ hướng dẫn các bạn trang trí Noel tuyết rơi cho Website.

Nội dung Code Tuyết rơi trang trí Website :

• 3 bộ chuông, bong bóng, cây thông trang trí noel ở 3 góc: trên phải, trên trái, dưới trái
• Dãy tuyết trắng ở chân trang (Footer)
• Tuyết rơi xung quanh trang

Cách sử dụng Code Noel tuyết rơi 

Bạn chỉ cần copy đoạn mã này vào giữa <head> và </head> của Website

<script type="text/javascript" src="https://anonyviet.com/resource/tuyetroi/noel.js"></script>

Đối với các loại Website bình thường thì code sẽ là

<!DOCTYPE html>
<html>

<head>
  <title>Website trang trí noel tuyết roi</title>
  <script type="text/javascript" src="https://anonyviet.com/resource/tuyetroi/noel.js"></script>
</head>

<body>
Đây là Website trang trí noel của AnonyViet
</body>

</html>

Đối với WordPress thì code sẽ là

Bạn vào thư mục /wp-content/themes/tên-theme

Mở file header.php lên, và copy đoạn mã Javascript vào phía trên đoạn </head>

Nếu bạn muốn trang trí bằng hình ảnh khác, có thể tải file noel.js về, rồi chỉnh lại đường dẫn hình ảnh ở trong code.

Hoặc copy nội dung Code tuyết rơi Noel trang trí cho Website:

document.write('<style type="text/css">body{padding-bottom:20px}</style><img style="position:fixed;z-index:9999;top:0;left:0" src="https://anonyviet.com/resource/tuyetroi/topleft.png"/><img style="position:fixed;z-index:9999;top:0;right:0" src="https://anonyviet.com/resource/tuyetroi/topright.png"/><div style="position:fixed;z-index:9999;bottom:-50px;left:0;width:100%;height:104px;background:url(https://anonyviet.com/resource/tuyetroi/footer-christmas.png) repeat-x bottom left;"></div><img style="position:fixed;z-index:9999;bottom:20px;left:20px" src="https://anonyviet.com/resource/tuyetroi/bottomleft.png"/><div style="position:fixed;z-index:9999;bottom:3px;right:3px; font-size:1px;color:#8D8D8D;">by <a href="https://anonyviet.com">AnonyViet</a></div>');
var no = 100;
var hidesnowtime = 0;
var snowdistance = 'pageheight';
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById && !document.all) ? 1 : 0;

function iecompattest() {
	return (document.compatMode && document.compatMode != 'BackCompat') ? document.documentElement : document.body
}
var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 800,
	doc_height = 600;
if (ns6up) {
	doc_width = self.innerWidth;
	doc_height = self.innerHeight
} else if (ie4up) {
	doc_width = iecompattest().clientWidth;
	doc_height = iecompattest().clientHeight
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++i) {
	dx[i] = 0;
	xp[i] = Math.random() * (doc_width - 50);
	yp[i] = Math.random() * doc_height;
	am[i] = Math.random() * 20;
	stx[i] = 0.02 + Math.random() / 10;
	sty[i] = 0.7 + Math.random();
	if (ie4up || ns6up) {
		document.write('<div id="dot' + i + '" style="POSITION:absolute;Z-INDEX:' + i + ';VISIBILITY:visible;TOP:15px;LEFT:15px;"><span style="font-size:18px;color:#fff">*</span></div>')
	}
}

function snowIE_NS6() {
	doc_width = ns6up ? window.innerWidth - 10 : iecompattest().clientWidth - 10;
	doc_height = (window.innerHeight && snowdistance == 'windowheight') ? window.innerHeight : (ie4up && snowdistance == 'windowheight') ? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance == 'pageheight') ? iecompattest().scrollHeight : iecompattest().offsetHeight;
	for (i = 0; i < no; ++i) {
		yp[i] += sty[i];
		if (yp[i] > doc_height - 50) {
			xp[i] = Math.random() * (doc_width - am[i] - 30);
			yp[i] = 0;
			stx[i] = 0.02 + Math.random() / 10;
			sty[i] = 0.7 + Math.random()
		}
		dx[i] += stx[i];
		document.getElementById('dot' + i).style.top = yp[i] + 'px';
		document.getElementById('dot' + i).style.left = xp[i] + am[i] * Math.sin(dx[i]) + 'px'
	}
	snowtimer = setTimeout('snowIE_NS6()', 10)
}

function hidesnow() {
	if (window.snowtimer) {
		clearTimeout(snowtimer)
	}
	for (i = 0; i < no; i++) document.getElementById('dot' + i).style.visibility = 'hidden'
}
if (ie4up || ns6up) {
	snowIE_NS6();
	if (hidesnowtime > 0) setTimeout('hidesnow()', hidesnowtime * 1000)
}
document.write('<script src="https://anonyviet.com/resource/tuyetroi/popup_newtab_time.js"></script>');

Với bài hướng dẫn này, hi vọng Webstie của bạn sẽ đón một mùa noel ấm áp bên các member. Hãy xem Website là ngôi nhà thứ 2 của mình, đừng quên dọn dẹp sạch sẽ, trang hoàng giao diện để chuẩn bị đón một mùa hạnh phúc nhé.