Ngày càng đến gần ngày Noel, không khí ngày càng lạnh. Thành phố Hồ Chí Minh nay trời âm u cả ngày, ra đường se se lạnh mang cho con người ta cảm giác Giáng sinh đang đến gần.
Tiếp tục tiết mục trang trí Giáng sinh đầy độc đáo và màu sắc cho Blogspot, sau khi đã giới thiệu với các bạn cách làm ông già Noel chạy tung tăng trong blog của mình và cách làm tuyết rơi, thì hôm nay, _CTPG_ sẽ hướng dẫn các bạn làm một dàn chuông Giáng sinh có âm thanh khi rê chuột vào treo trên cùng của web (Như blog của mình chẳng hạn). Không quá rườm rà, lại cực kỳ độc đáo. Cùng theo dõi nhé:
Hướng dẫn trang trí Giáng sinh với dàn chuông độc đáo
– Như thường lệ ở các bài viết thủ thuật Blogspot mà _CTPG_ đã giới thiệu, đầu tiên luôn là truy cập vào Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML).
– Sau đó, hãy thêm đoạn code này vào phía trên thẻ </head> (Mình đề nghị: Để tối ưu nhất thì nên đặt ngay bên dưới thẻ đóng </b:skin>):
[code type="CSS"]<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<script src="https://dl.dropboxusercontent.com/s/xm7497o1h2qxrst/holiday_bells.js"></script>
<script src="https://dl.dropboxusercontent.com/s/cltaq6a9xt0wik6/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizv4_voXDnDGxlvhb77KqusO2BwIQuNyiI6Do8RFNGasBwS_6N_xVS_pJVTwGmfvvk36qruGyfwWI1K9UIA5poPRQbU4Pm3v-Tj69ZM5mDzcfhguz07jnuHOg52cVdSy29vLZfqVydvhDK/s1600/giang-sinh.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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDkUDgXojMCPibFNNzr5HZbl6po45X6t-YAXtlPfY6nGnRq74YUY1MmsltFRRZ-iWT0c4G90Y0a8JprK6njdGRdw97b0uNVfDNZ74J-PClNvUTT3LiCTZmQ3LerjYsRJvngodgudLY1B0/s1600/b-ball_n1.png') no-repeat;
.b-ball_n2 .b-ball__i background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5oEru10u6Ouu-KNPr3tR36mT7687S1-4-LYAh1PG1mby_fPVF1RejC2LSdvHKXrztjEsp9ZunDHADvu8JkEXaMswI1xpruhOASFZg7M9D_TNA7roHdMQ9AamsKBhDdn4RhX2684A0oYc/s1600/b-ball_n2.png') no-repeat;
.b-ball_n3 .b-ball__i background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU5Bxu7VJKmj6ww2CDHrn4rSkuERFVr1vaIprmg7rHUT8IpD1GLrGmzUlLZLauAZeFDwduPgVYrW85AdlWx5gDhg_NWbjj4tEkQSaXfxzJia-_laa9SJe1DDII0a1pJLTG8N_yeTFIauc/s1600/b-ball_n3.png') no-repeat;
.b-ball_n4 .b-ball__i background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9hOIgMqRoygE1YdXZWFPH0sF3OOayYw5NY2uBlV0PrU7FLUlpl9HbEgyca4WnyW9tL_J9eRrDqmJdPjjc8n4WHoTiVWBA4AInI0FhVIT6_IDqHCWGIa4orH_XAbQfYA2MCGldABWlcLY/s1600/b-ball_n4.png') no-repeat;
.b-ball_n5 .b-ball__i background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijbHxSnOoGTy77cumwX65HK_k8LUwPu53CPZBarQpjUPk2Dhiuv6WMH5FhBU9i_V3ADWgD2bV0D4aXA_1OGR528IA1iy1niKJRa6x_fu_FJtHz1DiBRJheimpir6OoK7LWBmR8jUIN4nU/s1600/b-ball_n5.png') no-repeat;
.b-ball_n6 .b-ball__i background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsFTQAIzfyDT3c7fgCmBEBP8-GHVal18lCiT_fw_g3SuN-ww1b-MnxP_OeMgi2NWtUnXcNCCLz9vExiXAkhits54ZwjDFu9qQCHJ4WP4VnmQ7lIwHQM8S0pfSx5Q-Oc2z5VwD-_cY3oOg/s1600/b-ball_n6.png') no-repeat;
.b-ball_n7 .b-ball__i background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9TerVdkduE6UxM4h00lfw0Dx3fMRYH9Gp7002ODW6ZX7oa4hTx-tOZDlQ-xU1lkLXvTpwbjD58nRJKx4F9QOiWNh7OAmr6EY_DheCgmOFn5OpRBs2N_ycu_-HnHYINKEJjvWIFY0bzvQ/s1600/b-ball_n7.png') no-repeat;
.b-ball_n8 .b-ball__i background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEFBvuRe6LNKfhUOXRnicz8CaSzerJpINTv6RsKKnuJT2Op_pnt713LcVbfPwN4k1tQKiUpMkdpJs4qJU0w5CCLimqtHsoPFFsAdkIxZ3xtPQYTy0LKoPEl11Ju-CuuxOqx-_KU8VA66U/s1600/b-ball_n8.png') no-repeat;
.b-ball_n9 .b-ball__i background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPTjVwvI1Qz7sGKZN8ahFLgRMjr8KMS9GRdwnmf53TMB-H2_zKmYPo3RZ_pWTHl5dQqUuHZ4uZF8J_Cb6eB2opOTsAK1Vv9DAeKV670KpWpWP8W6aCCF0Hlwe8zFczdzsVUq0HFgsTzN8/s1600/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_i1top:0; left:0; width:25px; height:71px;
.b-ball_i2top:0; left:25px; width:61px; height:27px;
.b-ball_i3top:0; left:176px; width:29px; height:31px;
.b-ball_i4top:0; left:205px; width:50px; height:51px;
.b-ball_i5top:0; left:289px; width:78px; height:28px;
.b-ball_i6top: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__rightposition: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>
<!–End chuông–>[/code]
Trong đó
- <script src="https://dl.dropboxusercontent.com/s/xm7497o1h2qxrst/holiday_bells.js"></script> và <script src="https://dl.dropboxusercontent.com/s/cltaq6a9xt0wik6/swfobject.min.js"></script> là 2 đoạn js chứa hiệu ứng rung chuông và hiệu ứng âm thanh, các bạn có thể tải về và lưu trên host của mình.
- <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script> là đoạn code Jquery, không được thay thế đoạn code này bằng đoạn code Jquery khác, vì theo mình trải nghiệm thì chỉ có đoạn code này mới giúp 2 đoạn code js chứa hiệu ứng rung chuông và âm thanh hoạt động.
- Và nếu blog bạn đã có 1 đoạn code Jquery khác, thì nên xóa nó tạm đi để tránh bị xung đột, và nhớ là luôn để cho đoạn Jquery 1.7.2 này nằm phía trên 1 đoạn Jquery khác nếu bạn không xóa đoạn Jquery khác đó đi.
– Sau đó thêm đoạn code này vào ngay bên dưới thẻ <body> (Mục đích là để dàn chuông Giáng sinh này xuất hiện ở phần trên cùng của web):
<!–Chuông–> <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 class='b-ball__i'/> </div> <div class='b-ball b-ball_n2 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n3 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n4 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n5 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n6 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n7 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n8 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n9 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i1′> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i2′> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i3′> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i4′> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i5′> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i6′> <div class='b-ball__right'/> <div class='b-ball__i'/> </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 class='b-ball__i'/> </div> <div class='b-ball b-ball_n2 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n3 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n4 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n5 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n6 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n7 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n8 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n9 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i1′> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i2′> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i3′> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i4′> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i5′> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i6′> <div class='b-ball__right'/> <div class='b-ball__i'/> </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 class='b-ball__i'/> </div> <div class='b-ball b-ball_n2 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n3 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n4 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n5 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n6 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n7 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n8 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n9 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i1′> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i2′> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i3′> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i4′> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i5′> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i6′> <div class='b-ball__right'/> <div class='b-ball__i'/> </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 class='b-ball__i'/> </div> <div class='b-ball b-ball_n2 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n3 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n4 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n5 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n6 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n7 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n8 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n9 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i1′> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i2′> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i3′> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i4′> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i5′> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i6′> <div class='b-ball__right'/> <div class='b-ball__i'/> </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 class='b-ball__i'/> </div> <div class='b-ball b-ball_n2 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n3 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n4 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n5 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n6 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n7 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n8 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n9 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i1′> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i2′> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i3′> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i4′> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i5′> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i6′> <div class='b-ball__right'/> <div class='b-ball__i'/> </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 class='b-ball__i'/> </div> <div class='b-ball b-ball_n2 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n3 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n4 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n5 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n6 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n7 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n8 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n9 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i1′> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i2′> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i3′> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i4′> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i5′> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i6′> <div class='b-ball__right'/> <div class='b-ball__i'/> </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 class='b-ball__i'/> </div> <div class='b-ball b-ball_n2 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n3 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n4 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n5 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n6 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n7 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n8 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_n9 b-ball_bounce'> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i1′> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i2′> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i3′> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i4′> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i5′> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> <div class='b-ball b-ball_i6′> <div class='b-ball__right'/> <div class='b-ball__i'/> </div> </i> </i> </div> </div> <!–End chuông–>
– Sau khi xong các bước trên thì lưu template lại, và kiểm tra lại thử có hiệu ứng rung chuông và phát ra âm thanh khi rê chuột vào không nhé.
Xem thêm: Cách tạo tuyết rơi cho Blogspot
Nếu có vấn đề gì khi tạo dàn chuông trang trí Giáng sinh này thì các bạn cmt ở bên dưới để mình giúp xử lý vấn đề nhé. Chúc các bạn thành công!
0 Nhận xét