Trang trí blog,web mùa giáng sinh với hiệu ứng tuyết rơi, ông già Noel và giàn chuông cực độc

vuvanhoan · 17/12/13

Theo thông lệ thì đến mùa Giáng Sinh anh em Blogger đều bắt tay vào trang trí để blog có không khí. Những thứ anh em thường thêm vào là ảnh nền, hiệu ứng tuyết rơi, ông già Noel cưỡi tuần lộc. Năm nay ngoài những hiệu ứng thông thường như thế HHV còn giới thiệu đến các em một giàn chuông mùa giáng sinh hết sức độc đáo.

[IMG]

1. Thêm ông già Noel vào Blog
Mùa giáng sinh mà có ông già Noel cưỡi tuần lộc chạy tới chạy lui thì không có gì thú vị bằng. Hiệu ứng này rất cơ bản chỉ cần chèn đoạn code này trước thẻ <body> là được

HTML:

[LIST=1]
[*]script type='text/javascript'>
[*] $(function(){
[*]    $('html').append('<img id="halo" title="Happy Noel" style="cursor:pointer;position:fixed;z-index:99999" height="120" src="http://lh6.ggpht.com/--821TuXi7o0/UMN0DyDHwtI/AAAAAAAAFL8/V3nQtexRIIk/ghost_thumb.gif"/>')
[*]    setInterval(function(){
[*]       var $X=Math.ceil(Math.random()*$(window).width())
[*]       var $Y=Math.ceil(Math.random()*$(window).height())
[*]       $('img#halo').animate({'left':$X,'top':$Y},5000)
[*]   },5000)
[*]    $('img#halo').click(function(){
[*]        window.open('http://lh6.ggpht.com/--821TuXi7o0/UMN0DyDHwtI/AAAAAAAAFL8/V3nQtexRIIk/ghost_thumb.gif','')
[*]   })
[*] })
[*]</script>
[/LIST]

Trong đoạn trên nếu muốn thay cái ảnh Ông già Noel khác thì chỉ cần thay link ảnh thôi. Cụ thể là thay http://lh6.ggpht.com/…/V3nQtexRIIk/ghost_thumb.gif bằng ảnh bạn thích

2. Thêm hiệu ứng hoa tuyết bay lả tả
Tuyết là phần không thể thiếu nên việc thêm hiệu ứng này cũng đơn giản, bạn chỉ cần chèn thêm đoạn code này trước thẻ <body> là xong

HTML:

<script type='text/javascript'>
//<![CDATA[
var snowmax=100
var snowcolor=new Array("#f2f8fa","#eff5f7","#dcedf1","#ffffff")
var snowtype=new Array("Times","Arial","Times","Verdana")
var snowletter="*"
var sinkspeed=0.6
var snowmaxsize=30
var snowminsize=10
// Set 1 for all-over-snowing, set 2 for left-side-snowing
// Set 3 for center-snowing, set 4 for right-side-snowing
var snowingzone=1
// Do not edit below this line
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera
function randommaker(range) {
        rand=Math.floor(range*Math.random())
    return rand
}
function initsnow() {
        if (ie5 || opera) {
                marginbottom = document.body.scrollHeight
                marginright = document.body.clientWidth-15
        }
        else if (ns6) {
                marginbottom = document.body.scrollHeight
                marginright = window.innerWidth-15
        }
        var snowsizerange=snowmaxsize-snowminsize
        for (i=0;i<=snowmax;i++) {
                crds[i] = 0;
            lftrght[i] = Math.random()*15;
            x_mv[i] = 0.03 + Math.random()/10;
                snow[i]=document.getElementById("s"+i)
                snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
                snow[i].size=randommaker(snowsizerange)+snowminsize
                snow[i].style.fontSize=snow[i].size+'px';
                snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
                snow[i].style.zIndex=1000
                snow[i].sink=sinkspeed*snow[i].size/5
                if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
                if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
                if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
                if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
                snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
                snow[i].style.left=snow[i].posx+'px';
                snow[i].style.top=snow[i].posy+'px';
        }
        movesnow()
}
function movesnow() {
        for (i=0;i<=snowmax;i++) {
                crds[i] += x_mv[i];
                snow[i].posy+=snow[i].sink
                snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
                snow[i].style.top=snow[i].posy+'px';
                if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
                        if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
                        if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
                        if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
                        if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
                        snow[i].posy=0
                }
        }
        var timer=setTimeout("movesnow()",50)
}
for (i=0;i<=snowmax;i++) {
        document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
        window.onload=initsnow
}
//]]>
</script>

3. Thêm giàn chuông độc đáo cho blog
Thủ thuật này được Viet Designer giới thiệu source của http://jacquiidesigns.com/. Nếu muốn tìm hiểu thêm thì đến trang gốc nhưng báo trước là việc làm khá lằng nhăng. Còn nếu muốn ăn ngay thì đọc tiếp đoạn sau đây.

Trước tiên thêm đoạn code này ngay trên thẻ </head>

HTML:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script> <script src="http://blogthietke.googlecode.com/files/btk_holiday_bells.js"></script> <script src="http://blogthietke.googlecode.com/files/btk_swfobject.min.js"></script> <style type='text/css'> /* HOLIDAY BELLS */ .b-page__content { min-height:60px; } .b-head-decor { display:none; } .b-page_newyear .b-head-decor { position:absolute; top:0; left:0; display:block; height:115px; width:100%; overflow:hidden; background:url('https://lh4.googleusercontent.com/-Fw52YRWmOes/UMB0XOjXsnI/AAAAAAAAC1E/EENsIn76nXk/b-head-decor_newyear.png') repeat-x 0 0; } .b-page_newyear .b-head-decor__inner { position:absolute; top:0; left:0; height:115px; display:block; width:373px; } .b-page_newyear .b-head-decor::before { content:''; display:block; position:absolute; top:-115px; left:0; z-index:3; height:115px; display:block; width:100%; } .b-page_newyear .b-head-decor__inner_n2 { left:373px; } .b-page_newyear .b-head-decor__inner_n3 { left:746px; } .b-page_newyear .b-head-decor__inner_n4 { left:1119px; } .b-page_newyear .b-head-decor__inner_n5 { left:1492px; } .b-page_newyear .b-head-decor__inner_n6 { left:1865px; } .b-page_newyear .b-head-decor__inner_n7 { left:2238px; } .b-ball { position:absolute; } .b-ball_n1 { top:0; left:3px; width:59px; height:83px; } .b-ball_n2 { top:-19px; left:51px; width:55px; height:70px; } .b-ball_n3 { top:9px; left:88px; width:49px; height:67px; } .b-ball_n4 { top:0; left:133px; width:57px; height:102px; } .b-ball_n5 { top:0; left:166px; width:49px; height:57px; } .b-ball_n6 { top:6px; left:200px; width:54px; height:70px; } .b-ball_n7 { top:0; left:240px; width:56px; height:67px; } .b-ball_n8 { top:0; left:283px; width:54px; height:53px; } .b-ball_n9 { top:10px; left:321px; width:49px; height:66px; } .b-ball_n1 .b-ball__i { background:url('https://lh3.googleusercontent.com/-CBEwMmGrqZ8/UMB0VT8RJMI/AAAAAAAAC0U/VVuQKjz292Y/b-ball_n1.png') no-repeat; } .b-ball_n2 .b-ball__i { background:url('https://lh5.googleusercontent.com/-wOz2yKeFu7I/UMB0URa7HNI/AAAAAAAAC0I/XnAVs3w9_Vw/b-ball_n2.png') no-repeat; } .b-ball_n3 .b-ball__i { background:url('https://lh5.googleusercontent.com/-8A4ZJeTF4cg/UMB0UygpdrI/AAAAAAAAC0M/NfoWup7hI58/s67/b-ball_n3.png') no-repeat; } .b-ball_n4 .b-ball__i { background:url('https://lh3.googleusercontent.com/-Nx7_Tm-nkAI/UMB0VkMAHpI/AAAAAAAAC0c/09GjFBtv1Sw/b-ball_n4.png') no-repeat; } .b-ball_n5 .b-ball__i { background:url('https://lh5.googleusercontent.com/-4P-GX2WVLXI/UMB0V6O1MrI/AAAAAAAAC0Y/nNZOwiGOmRc/b-ball_n5.png') no-repeat; } .b-ball_n6 .b-ball__i { background:url('https://lh4.googleusercontent.com/-Y8mmZd60f5k/UMB0WEfbWcI/AAAAAAAAC0k/xf-TW8EU0-w/b-ball_n6.png') no-repeat; } .b-ball_n7 .b-ball__i { background:url('https://lh3.googleusercontent.com/-BYfmH5Mpksw/UMB0WbPto9I/AAAAAAAAC00/jFbTK8qzXbs/b-ball_n7.png') no-repeat; } .b-ball_n8 .b-ball__i { background:url('https://lh5.googleusercontent.com/-AkG1qZqE2lA/UMB0WnEGXtI/AAAAAAAAC0s/VgQQkCeP7YQ/b-ball_n8.png') no-repeat; } .b-ball_n9 .b-ball__i { background:url('https://lh5.googleusercontent.com/-qyza4SONUdM/UMB0W64FoOI/AAAAAAAAC1A/uBhV0yD6sbk/b-ball_n9.png') no-repeat; } .b-ball_i1 .b-ball__i { background:url('https://lh6.googleusercontent.com/-QhhDd1SE_V0/UMB0PA61nFI/AAAAAAAACzg/CXvrLe3CRjI/b-ball_i1.png') no-repeat; } .b-ball_i2 .b-ball__i { background:url('https://lh4.googleusercontent.com/-9XMuFc_Yp5c/UMB0QBkDNuI/AAAAAAAACzk/bKiU8K3vgXU/s61/b-ball_i2.png') no-repeat; } .b-ball_i3 .b-ball__i { background:url('https://lh3.googleusercontent.com/-j6E5yxK2u-Y/UMB0PGXq-2I/AAAAAAAACzc/j1vsaU11xvc/b-ball_i3.png') no-repeat; } .b-ball_i4 .b-ball__i { background:url('https://lh6.googleusercontent.com/-o2OZuJyWj4s/UMB0QoPX2KI/AAAAAAAACz4/JQIHqmVrhS8/b-ball_i4.png') no-repeat; } .b-ball_i5 .b-ball__i { background:url('https://lh5.googleusercontent.com/-kG7U9F_tEx4/UMB0QYsHNLI/AAAAAAAACzw/3QInJrJIIfA/b-ball_i5.png') no-repeat; } .b-ball_i6 .b-ball__i { background:url('https://lh4.googleusercontent.com/-TWr-kxeQTSc/UMB0UdruXgI/AAAAAAAAC0E/CS9sAXVQ_9E/b-ball_i6.png') no-repeat; } .b-ball_i1{top:0; left:0; width:25px; height:71px; } .b-ball_i2{top:0; left:25px; width:61px; height:27px; } .b-ball_i3{top:0; left:176px; width:29px; height:31px; } .b-ball_i4{top:0; left:205px; width:50px; height:51px; } .b-ball_i5{top:0; left:289px; width:78px; height:28px; } .b-ball_i6{top:0; left:367px; width:6px; height:69px; } .b-ball__i { position:absolute; width:100%; height:100%; -webkit-transform-origin:50% 0; -moz-transform-origin:50% 0; -o-transform-origin:50% 0; transform-origin:50% 0; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; pointer-events:none; } .b-ball_bounce .b-ball__right{position:absolute; top:0; right:0; left:50%; bottom:0; z-index:9; } .b-ball_bounce:hover .b-ball__right{ display:none; } .b-ball_bounce .b-ball__right:hover{ left:0; display:block!important; } .b-ball_bounce.bounce>.b-ball__i{ -webkit-transform:rotate(-9deg); -moz-transform:rotate(-9deg); -o-transform:rotate(-9deg); transform:rotate(-9deg); } .b-ball_bounce .b-ball__right.bounce+.b-ball__i { -webkit-transform:rotate(9deg); -moz-transform:rotate(9deg); -o-transform:rotate(9deg); transform:rotate(9deg); } .b-ball_bounce.bounce1>.b-ball__i {-webkit-transform:rotate(6deg); -moz-transform:rotate(6deg); -o-transform:rotate(6deg); transform:rotate(6deg); } .b-ball_bounce .b-ball__right.bounce1+.b-ball__i {-webkit-transform:rotate(-6deg); -moz-transform:rotate(-6deg); -o-transform:rotate(-6deg); transform:rotate(-6deg); } .b-ball_bounce.bounce2>.b-ball__i{ -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); transform:rotate(-3deg); } .b-ball_bounce .b-ball__right.bounce2+.b-ball__i{ -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -o-transform:rotate(3deg); transform:rotate(3deg); } .b-ball_bounce.bounce3>.b-ball__i {-webkit-transform:rotate(1.5deg); -moz-transform:rotate(1.5deg); -o-transform:rotate(1.5deg); transform:rotate(1.5deg); } .b-ball_bounce .b-ball__right.bounce3+.b-ball__i { -webkit-transform:rotate(-1.5deg); -moz-transform:rotate(-1.5deg); -o-transform:rotate(-1.5deg); transform:rotate(-1.5deg); } </style>

Rồi sau đó chèn đoạn code này ngay dưới thẻ <body>

HTML:

<div class='b-page_newyear'> <div class='b-page__content'> <i class='b-head-decor'> <i class='b-head-decor__inner b-head-decor__inner_n1'> <div class='b-ball b-ball_n1 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n2 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n3 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n4 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n5 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n6 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n7 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n8 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n9 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i1'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i2'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i3'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i4'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i5'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i6'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> </i> <i class='b-head-decor__inner b-head-decor__inner_n2'> <div class='b-ball b-ball_n1 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n2 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n3 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n4 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n5 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n6 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n7 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n8 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n9 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i1'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i2'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i3'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i4'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i5'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i6'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> </i> <i class='b-head-decor__inner b-head-decor__inner_n3'> <div class='b-ball b-ball_n1 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n2 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n3 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n4 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n5 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n6 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n7 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n8 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n9 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i1'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i2'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i3'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i4'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i5'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i6'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> </i> <i class='b-head-decor__inner b-head-decor__inner_n4'> <div class='b-ball b-ball_n1 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n2 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n3 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n4 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n5 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n6 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n7 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n8 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n9 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i1'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i2'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i3'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i4'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i5'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i6'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> </i> <i class='b-head-decor__inner b-head-decor__inner_n5'> <div class='b-ball b-ball_n1 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n2 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n3 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n4 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n5 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n6 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n7 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n8 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n9 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i1'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i2'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i3'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i4'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i5'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i6'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> </i> <i class='b-head-decor__inner b-head-decor__inner_n6'> <div class='b-ball b-ball_n1 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n2 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n3 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n4 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n5 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n6 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n7 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n8 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n9 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i1'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i2'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i3'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i4'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i5'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i6'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> </i> <i class='b-head-decor__inner b-head-decor__inner_n7'> <div class='b-ball b-ball_n1 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n2 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n3 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n4 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n5 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n6 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n7 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n8 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_n9 b-ball_bounce'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i1'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i2'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i3'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i4'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i5'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> <div class='b-ball b-ball_i6'><div class='b-ball__right'></div><div class='b-ball__i'></div></div> </i> </i> </div> </div>

Vậy là xong hãy tận hưởng vẻ đẹp tuyệt vời của các hiệu ứng và bộ chuông nhạc độc đáo nhé…

Link gốc:http://blog.nguoiaolam.net/2012/12/trang-tri-blog-mua-giang-sinh-voi-hieu.html

phamhuudu · 17/12/13

Cái này của năm ngoái rồi bác ơi, đâu ra mà năm nay

AnhTin123 · 14/12/14

chèn vào <body> la the nao vay ban? minh newbie nen mong ban co the giup

nhanlambangcap · 14/12/14

Có mẫu cho em xem với anh ơi.

Trang trí blog,web mùa giáng sinh với hiệu ứng tuyết rơi, ông già Noel và giàn chuông cực độc

vuvanhoan Member

phamhuudu Verified User

AnhTin123 New Member

nhanlambangcap New Member

Chia sẻ trang này

Text Links

Textlink

Thông báo mới nhất