Share Code Tuyết rơi Noel trang trí cho Website

Lại chuẩn bị một mua noel lại đến, sáng nay thức dậy đã thấy không khí lạnh tràn về. Một cảm giác nao nao khó tả. Đường phố đang rộng ràng sắc đỏ. Nào là ông già noel, nào là cây thông, rồi chuông, quà, nón noel được bày bán khắp đường phố. Các cửa hàng, siêu thị cũng bắt đầu tất bật trang trí, dánh ảnh, trưng bày chào đón một mùa noel mới sắp đến. Website bắt đầu chỉnh code tuyết rơi

📢 Tham gia kênh Telegram của AnonyViet

👉 Vào Telegram AnonyViet

Cập nhật bài mới, tools hay và thủ thuật IT nhanh nhất

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.

Các bài viết liên quan

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.

Xem thêm: 10 Extensions tăng cao hiệu suất trong VSCode

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é.

Xem thêm: Cách dùng Screaming Frog Seo Spider 16 để Kiểm tra SEO Website