:))
:((
:D
:(
:)
:-)
;)
=))
:p
=.=
==
^_^
/=he
:*
/=r
/=l
:v
/=ok
/=clap
(y)
(yy)
/=hi
/=j
/=hup
/=hd
/=hl
/=hr
/=s
<3

Hướng dẫn bình luận

Chèn link

Sử dụng thẻ <a href='LINK'>TÊN_HIỂN_THỊ</a>

Chèn hình ảnh

[img] LINK_ANH [/img] - sử dụng công cụ bên dưới để upload ảnh.

Định dạng chữ

<b> Chữ in đậm </b>
<i> Chữ in nghiêng </i>
<u> Chữ gạch chân </u>
<strike> Chữ gạch ngang </strike>

Chèn một đoạn Code

Đầu tiên sử dụng công cụ này để mã hóa đoạn code muốn chèn.
Sau đó dùng thẻ [code] CODE_ĐÃ_MÃ_HÓA [/code]

Đã hiểu

TẠO HIỆU ỨNG HOA MAI, HOA ĐÀO RƠI CHO BLOG

Tạo hiệu ứng hoa mai rơi cho Blogspot
Ngày hết tết tới” mỗi năm tết đến xuân về, trong mỗi con người chúng ta, ai cũng có những cảm xúc riêng của mình (thiết nghĩ riêng Tôi thì không “Nỗi buồn cứ u uất bao vây”), cảm nhận được vẻ đẹp của mùa xuân với cây cối đâm chồi nảy lộc, còn gì thú vị hơn khi bạn đem về trên Blog/Website của chính mình.
Chính vì lẻ trên, hôm nay mình hướng dẫn các bạn hiệu ứng hoa mai,hoa đào rơi giúp cho blog của bạn trở nên đẹp hơn trong không khí ngày Tết cổ truyền của dân tộc. Ngoài ra các hiệu ứng lá rơi (khi trời chuyển sang thu),hiệu ứng tuyết rơihiệu ứng sao rơi,…Thì cũng từ một đoạn Code mà ra thôi.

☼ Giờ bắt đầu thủ thuật cùng Star Phong Blog.



Vào Blog => Mẫu => Chỉnh sửa HTML. Nhấn tổ hợp phím Ctrl + F và tìm đến thẻ </head>. Sau đó dán đoạn mã Code sau ở phía trên thẻ </head> và Lưu mẫu.



<script type='text/javascript'> //<//<![CDATA[ var pictureSrc =var pictureSrc ="https://1.bp.blogspot.com/-CXx9jt2JMRk/Vq-Lh5fm88I/AAAAAAAASwo/XivooDn_oSY/s1600/hoamai.png"; //the location of the snowflakes var pictureWidth =
var pictureWidth = 15; //the width of the snowflakes var pictureHeight =
var pictureHeight = 15; //the height of the snowflakes var numFlakes =
var numFlakes = 10; //the number of snowflakes var downSpeed =
var downSpeed = 0.01; //the falling speed of snowflakes (portion of screen per 100 ms) var lrFlakes =
var lrFlakes = 10; //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
//draw the snowflakesfor( var x = 0; x < numFlakes; x++ ) {
if( document.layers ) { //releave NS4 bug document.write(document.write('<layer id="snFlkDiv'+x+'"><imgsrc="'+pictureSrc+'" height="'+pictureHeight+'"width="'+pictureWidth+'" alt="*" border="0"></layer>'); }
} else { document.write(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 (}} //calculate initial positions (in portions of browser window size) var xcoords = new Array(), ycoords = new Array(), snFlkTemp;
var xcoords = new Array(), ycoords = new Array(), snFlkTemp;for( var x = 0; x < numFlakes; x++ ) { xcoords[x] = ( x + 1 ) / ( numFlakes + 1xcoords[x] = ( x + 1 ) / ( numFlakes + 1 ); do { snFlkTemp = Math.round( ( numFlakes -
do { snFlkTemp = Math.round( ( numFlakes - 1 ) * Math.random() ); }
} while( typeof( ycoords[snFlkTemp] ) == 'number' ); ycoords[snFlkTemp] = x / numFlakes; } //now animate function flakeFall() {
ycoords[snFlkTemp] = x / numFlakes;} //now animatefunction flakeFall() {if( !getRefToDivNest('snFlkDiv0') ) { return; } var scrWidth =
var scrWidth = 0, scrHeight = 0, scrollHeight = 0, scrollWidth = 0; //find screen settings
//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; }
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; } } }
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
}//move the snowflakes to their new positionfor( var x = 0; x < numFlakes; x++ ) {
if( ycoords[x] * scrHeight > scrHeight - pictureHeight ) { ycoords[x] = 0; } var divRef = getRefToDivNest(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 /
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) {
ycoords[x] += downSpeed;}} //DHTML handlersfunction 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(} window.setInterval('flakeFall();',100); //]]> </script> //]]></script>  
 ☼ Tùy chỉnh.

·        Bạn muốn hoa anh đào rơi hay lá rơi hay tuyết rơi hay sao rơi,…Thì các bạn chỉ cần thay đổi hình ảnh này https://1.bp.blogspot.com/-CXx9jt2JMRk/Vq-Lh5fm88I/AAAAAAAASwo/XivooDn_oSY/s1600/hoamai.png là xong.
·        Đây là ảnh Hoa anh đào: http://vipprao.wap.sh/holiday_tet/hoadao.png

·        15 Chiều rộng của bông.

·        15 Chiều cao của bông.

·        10 Số bông hoa xuất hiện cùng một lúc.

·        0,01 Tốc độ rơi của các bông hoa.

·        10 Tốc độ các bông hoa giao động từ bên trái sang bên phải và ngược lại.

Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều JJJ
Nguồn: www.windows2it.com
 77419 Lượt Xem
Tác giả: Lê Thanh Phong

'Biết thì đậm đặc ☺ ♥

Không biết thì ngậm Cặc mà nghe :)) .❤️'

  • 29 nhận xét:

    1. Có ông già noel bay bay chất đấy :v

      Trả lờiXóa
    2. Góp ý: Blog bạn nhiều hiệu ứng nên mình thấy hơi lag đấy :3 thế nên bạn chỉ cần cái tuyết rơi là oke đấy bạn <3

      Trả lờiXóa
    3. hú hà, Quí đã đến blog của bạn :v

      Trả lờiXóa
    4. Quí đã đến blog của bạn có nghĩa bạn có phước 8 kíp mới được Quí đz ghé thăm blog <3 ttt

      Trả lờiXóa
    5. Chào ông Tui Qua Tương Tác Nè :V

      Trả lờiXóa
    6. Quí Đz đến đây á á á á ơ ơ oooooo

      Trả lờiXóa

    MỘT SỐ LƯU Ý KHI BÌNH LUẬN

    Mã Hóa Code