Thủ thuật hai trái tim rơi

Thủ thuật hai trái tim rơi 

(ảnh trên chỉ minh họa cho bài đăng, không phải ảnh hai trái tim trong thủ thuật)

Thủ thuật này tạo thêm sự sinh động cho blog vì khi blog tải xong, sẽ xuất hiện hai trái tim rơi trên giao diện màn hình, rất dễ thương.

Để áp dụng thủ thuật này, ta thực hiện các bước như sau:

1- Đăng nhập blog. 

2- Nhấp "Thiết kế".

3- Nhấp "Chủ đề" trong khung bên trái.

4- Nhấp "Chỉnh sửa HTML".

* Chú ý: Trước khi chỉnh sửa HTML, nên sao lưu "Chủ đề" cho chắc ăn, nếu lỡ sau khi chỉnh sửa HTML mà blog bị trục trặc thì vẫn phục hồi HTML đã sao lưu như trước khi chỉnh sửa. Cách sao lưu và phục hồi HTML của blog xem TẠI LIÊN KẾT NÀY

5- Nhấp dấu nháy trỏ chuột vào chỗ trống trong khung HTML. Nhấn Ctrl + F, ô nhỏ tìm kiếm hiện ra ở góc trên bên phải trong khung HTML.

6- Tìm thẻ </body> (copy </body> dán vào ô tìm kiếm, nhấn Enter)

7- Copy toàn bộ code dưới đây dán trên thẻ </body> (toàn bộ dòng chữ màu đỏ ở dưới).

<!-- Hiệu ứng hoa, lá ... rơi, dán trên thẻ </body> -->

<script type='text/javascript'>
//<![CDATA[
var pictureSrc ="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvHeT32rsR6p5fXbSmSNzREOG2j1CR6Je4tRdjS3u5kIPMZ3qgzmDU-XzYvxBwL7xd6M3Ne3iDiWl4W0m7hK9t4QuTDQoeMZeCklQTgPfJr9tvpvm1UB3BMWt7L83uNXPCl2YPwsbLle5O/s200/two-heart.png"; //the location of the snowflakes
var pictureWidth = 25; //the width of the snowflakes
var pictureHeight = 25; //the height of the snowflakes
var numFlakes = 10; //the number of snowflakes
var downSpeed = 0.005; //the falling speed of snowflakes (portion of screen per 100 ms)
var lrFlakes = 5; //the speed that the snowflakes should swing from side to side


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>

8- Nhấp "Lưu chủ đề".

9- Nhấp "Xem blog".

10- Trong giao diện blog, nếu thấy hai trái tim rơi thì đã thực hiện thành công.

Nguồn: sưu tầm.