Trước tiên các bạn vào Chủ đề => Chỉnh sửa HTML => Crtl + F => gõ <head> và past đoạn code bên dưới ngay sau thẻ <head>
<script type='text/javascript'>
//<![CDATA[
var pictureSrc ="http://imagizer.imageshack.us/a/img922/4604/a9gdFv.png"; //Link ảnh hoa muốn hiển thị trên web
var pictureWidth = 15; //Chiều rộng của hoa mai or đào
var pictureHeight = 15; //Chiều cao của hoa mai or đào
var numFlakes = 10; //Số bông hoa xuất hiện cùng một lúc trên trang web
var downSpeed = 0.01; //Tốc độ rơi của hoa
var lrFlakes = 10; //Tốc độ các bông hoa giao động từ bên trai sang bên phải và ngược lại
if( typeof( numFlakes ) != 'number' || Math.round( numFlakes ) != numFlakes || numFlakes < 1 ) { numFlakes = 10; }
//draw the snowflakes
for( var x = 0; x < numFlakes; x++ ) {
if( document.layers ) { //releave NS4 bug
document.write('<layer id="snFlkDiv'+x+'"><imgsrc="'+pictureSrc+'" height="'+pictureHeight+'"width="'+pictureWidth+'" alt="*" border="0"></layer>');
} else {
document.write('<div style="position:absolute; z-index:9999;"id="snFlkDiv'+x+'"><img src="'+pictureSrc+'"height="'+pictureHeight+'" width="'+pictureWidth+'" alt="*"border="0"></div>');
}
}
//calculate initial positions (in portions of browser window size)
var xcoords = new Array(), ycoords = new Array(), snFlkTemp;
for( var x = 0; x < numFlakes; x++ ) {
xcoords[x] = ( x + 1 ) / ( numFlakes + 1 );
do { snFlkTemp = Math.round( ( numFlakes - 1 ) * Math.random() );
} while( typeof( ycoords[snFlkTemp] ) == 'number' );
ycoords[snFlkTemp] = x / numFlakes;
}
//now animate
function flakeFall() {
if( !getRefToDivNest('snFlkDiv0') ) { return; }
var scrWidth = 0, scrHeight = 0, scrollHeight = 0, scrollWidth = 0;
//find screen settings for all variations. doing this every time allows for resizing and scrolling
if( typeof( window.innerWidth ) == 'number' ) { scrWidth = window.innerWidth; scrHeight = window.innerHeight; } else {
if( document.documentElement && (document.documentElement.clientWidth ||document.documentElement.clientHeight ) ) {
scrWidth = document.documentElement.clientWidth; scrHeight = document.documentElement.clientHeight; } else {
if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
scrWidth = document.body.clientWidth; scrHeight = document.body.clientHeight; } } }
if( typeof( window.pageYOffset ) == 'number' ) { scrollHeight = pageYOffset; scrollWidth = pageXOffset; } else {
if( document.body && ( document.body.scrollLeft ||document.body.scrollTop ) ) { scrollHeight = document.body.scrollTop;scrollWidth = document.body.scrollLeft; } else {
if(document.documentElement && (document.documentElement.scrollLeft ||document.documentElement.scrollTop ) ) { scrollHeight =document.documentElement.scrollTop; scrollWidth =document.documentElement.scrollLeft; } }
}
//move the snowflakes to their new position
for( var x = 0; x < numFlakes; x++ ) {
if( ycoords[x] * scrHeight > scrHeight - pictureHeight ) { ycoords[x] = 0; }
var divRef = getRefToDivNest('snFlkDiv'+x); if( !divRef ) { return; }
if( divRef.style ) { divRef = divRef.style; } var oPix = document.childNodes ? 'px' : 0;
divRef.top = ( Math.round( ycoords[x] * scrHeight ) + scrollHeight ) + oPix;
divRef.left = ( Math.round( ( ( xcoords[x] * scrWidth ) - (pictureWidth / 2 ) ) + ( ( scrWidth / ( ( numFlakes + 1 ) * 4 ) ) * (Math.sin( lrFlakes * ycoords[x] ) - Math.sin( 3 * lrFlakes * ycoords[x]) ) ) ) + scrollWidth ) + oPix;
ycoords[x] += downSpeed;
}
}
//DHTML handlers
function getRefToDivNest(divName) {
if( document.layers ) { return document.layers[divName]; } //NS4
if( document[divName] ) { return document[divName]; } //NS4 also
if( document.getElementById ) { return document.getElementById(divName); } //DOM (IE5+, NS6+, Mozilla0.9+, Opera)
if( document.all ) { return document.all[divName]; } //Proprietary DOM - IE4
return false;
}
window.setInterval('flakeFall();',100);
//]]>
</script>
- Sau đó muốn trang trí 2 câu chúc 2 bên thì Crtl + F đến thẻ <body> - không có thì tìm thẻ </body> và paste đoạn code dưới vào trước thẻ đó.
<!-- Blog Star Chíp : https://nguyentrongvyit.blogspot.com/ --><style type="text/css">body{padding-bottom:20px}</style><a href="https://nguyentrongvyit.blogspot.com/" target="_blank"><img style="position:fixed;z-index:9999;top:0;left:0;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi79MVzWvKILg2rgo2lxDflbOVP4ANemLsaIe_sTG8pMyotnu8FFuQhj79mqzu0iRp9hysLXQHvs5g1H716Tr8V5a61ILQfPkd5f4lSvJ6eisZJknuj4qfc6-tQvW7EPJiloUFEnHUhGtZg/s1600/banner_left.png" _cke_saved_src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi79MVzWvKILg2rgo2lxDflbOVP4ANemLsaIe_sTG8pMyotnu8FFuQhj79mqzu0iRp9hysLXQHvs5g1H716Tr8V5a61ILQfPkd5f4lSvJ6eisZJknuj4qfc6-tQvW7EPJiloUFEnHUhGtZg/s1600/banner_left.png"/></a><a href="https://nguyentrongvyit.blogspot.com/" target="_blank"><img style="position:fixed;z-index:9999;top:0;right:0;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc2HIB1Q3H6SC0M9eU9pfXw1Ky1jx3fqiMUq5oOXFWHZtt2Nx8nSUffP4THCm0EUDztwrixkg9kL236upoINlxPKTyLhYVimjOjx9hTwtbE0o4gTEDbT77D3SYBvzL0b0LqjSxW6kA7mt3/s1600/banner_right.png"/></a><div style="position:fixed;z-index:9999;bottom:-50px;left:0;width:100%;height:104px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYM30_I7ONTSEqEBnvahYQEvptXykJ8-OlSceiMoo9xChrRCNKujosiw86_wqT2AFKbV1EliSihMyEhtLZABv5MqH_NJ1ypEfqkjsudCkOTcD3rzdCV4nGndPKWU-ZP_3k-6jAq7KmFPM/s1600/nentet.png) repeat-x bottom left;"></div><a href="https://nguyentrongvyit.blogspot.com/" target="_blank"><img style="position:fixed;z-index:9999;bottom:20px;left:20px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRJkM1OQ9X0XI5fxwXssIik-RChAWITKODeovqR59mRNfNRSMJMbQPbkIoLkSuXZ7nvrp5XOx6CBwvCn_7_fjdzkxX1E4sRMn2OZ7t5nRjOB81GZF2CbkNZtUXliG-vlGrgD8F7yDGDKl9/s320/banner_header.png"/></a>
<!-- Code Blog Star Chíp -->
