Blog Hiệu ứng Thủ thuật Blogspot 

Tạo giàn chuông Giáng sinh trang trí cho Blogspot

     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.

Tạo giàn chuông Giáng sinh trang trí cho Blogspot
Tạo giàn chuông Giáng sinh trang trí cho Blogspot
      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, _Thanh Tú_ 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é:

Xem thêm: Cách tạo ông già Noel trang trí Giáng sinh

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>):

<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/u/29848934/holiday_bells/holiday_bells.js”></script>
<script src=”https://dl.dropboxusercontent.com/u/29848934/holiday_bells/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(&#39;https://lh3.ggpht.com/-g7bYcC7tS-s/VnWErfU1vCI/AAAAAAAADpY/Fv13i-UCcb8/s1600/giang-sinh.png&#39;) 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:&#39;&#39;; 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(&#39;http://lh3.ggpht.com/-RH1U4LVBNMM/Uq9KmOmiMNI/AAAAAAAABJQ/AB2BBfyFWQU/s1600/b-ball_n1.png&#39;) no-repeat; }
      .b-ball_n2 .b-ball__i { background:url(&#39;http://lh3.ggpht.com/-sAIzK0ZtHU4/Uq9KmAVZ9rI/AAAAAAAABJM/tHyaUVOQHOo/s1600/b-ball_n2.png&#39;) no-repeat; }
      .b-ball_n3 .b-ball__i { background:url(&#39;http://lh3.ggpht.com/-SS5Oz9twGYY/Uq9KmA0v6QI/AAAAAAAABJU/TE6PtvuK8II/s1600/b-ball_n3.png&#39;) no-repeat; }
      .b-ball_n4 .b-ball__i { background:url(&#39;http://lh3.ggpht.com/-WKzZ1C1j-tI/Uq9KmvGhf1I/AAAAAAAABJc/aLe6gimvJbs/s1600/b-ball_n4.png&#39;) no-repeat; }
      .b-ball_n5 .b-ball__i { background:url(&#39;http://lh3.ggpht.com/-Iuvov9V9ERY/Uq9KnBHsXKI/AAAAAAAABJw/39Zt8iwbrV4/s1600/b-ball_n5.png&#39;) no-repeat; }
      .b-ball_n6 .b-ball__i { background:url(&#39;http://lh3.ggpht.com/-WZf8tE84Z7Q/Uq9KnDvXeTI/AAAAAAAABJ0/V8mUuDs_2zo/s1600/b-ball_n6.png&#39;) no-repeat; }
      .b-ball_n7 .b-ball__i { background:url(&#39;http://lh3.ggpht.com/-iQZTCD02sD4/Uq9KnYBK3pI/AAAAAAAABJs/c9FP0hawjX8/s1600/b-ball_n7.png&#39;) no-repeat; }
      .b-ball_n8 .b-ball__i { background:url(&#39;http://lh3.ggpht.com/-wbSeEw3sH9g/Uq9KoFWNTAI/AAAAAAAABKA/VP8Mz2QswjU/s1600/b-ball_n8.png&#39;) no-repeat; }
      .b-ball_n9 .b-ball__i { background:url(&#39;http://lh3.ggpht.com/-nhcCmdIVfIk/Uq9KoA7NR4I/AAAAAAAABKI/upHey9-9SvU/s1600/b-ball_n9.png&#39;) no-repeat; }
      .b-ball_i1 .b-ball__i { background:url(&#39;https://lh6.googleusercontent.com/-QhhDd1SE_V0/UMB0PA61nFI/AAAAAAAACzg/CXvrLe3CRjI/b-ball_i1.png&#39;) no-repeat; }
      .b-ball_i2 .b-ball__i { background:url(&#39;https://lh4.googleusercontent.com/-9XMuFc_Yp5c/UMB0QBkDNuI/AAAAAAAACzk/bKiU8K3vgXU/s61/b-ball_i2.png&#39;) no-repeat; }
      .b-ball_i3 .b-ball__i { background:url(&#39;https://lh3.googleusercontent.com/-j6E5yxK2u-Y/UMB0PGXq-2I/AAAAAAAACzc/j1vsaU11xvc/b-ball_i3.png&#39;) no-repeat; }
      .b-ball_i4 .b-ball__i { background:url(&#39;https://lh6.googleusercontent.com/-o2OZuJyWj4s/UMB0QoPX2KI/AAAAAAAACz4/JQIHqmVrhS8/b-ball_i4.png&#39;) no-repeat; }
      .b-ball_i5 .b-ball__i { background:url(&#39;https://lh5.googleusercontent.com/-kG7U9F_tEx4/UMB0QYsHNLI/AAAAAAAACzw/3QInJrJIIfA/b-ball_i5.png&#39;) no-repeat; }
      .b-ball_i6 .b-ball__i { background:url(&#39;https://lh4.googleusercontent.com/-TWr-kxeQTSc/UMB0UdruXgI/AAAAAAAAC0E/CS9sAXVQ_9E/b-ball_i6.png&#39;) 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&gt;.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&gt;.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&gt;.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&gt;.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–> 

Trong đó:

  • <script src=”http://blogthietke.googlecode.com/files/btk_holiday_bells.js”></script> và <script src=”http://blogthietke.googlecode.com/files/btk_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): (tức trê thẻ </body>)

<!–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é.

Nguồn: http://www.tranbadat.info 

thiết bị phòng chụp | bán chân đèn flash | bán đèn chụp ngoại cảnh | bán đèn quay phim | bán đèn chụp sản phẩm | remote trigger godox | đèn flash canon speedlite | đèn led chụp hình sản phẩm | bóng đèn flash | túi đựng máy ảnh | phụ kiện máy ảnh | bàn chụp sản phẩm | thiết bị chống rung máy quay phim | máy ép PLASTIC | thang chụp hình | máy chụp hình sản phẩm | máy in ảnh hiti | chân máy ảnh chụp hình | pin sạc máy ảnh | máy đo sáng | tủ chống ẩm máy quay phim | bán đèn flash | đèn flash hylow | Đèn Flash studio | đèn flash Jinbei | đèn flash photon | bộ kít đèn flash Jinbei | bộ kít đèn flash | Chân máy ảnh | setup phòng chụp sản phẩm | softbox | tấm hắt sáng | bán chân đèn studio | dàn treo đèn | chóa đèn tổ ong | phông nền 3d | dù chụp hình | giá treo phông chụp hình | thanh trượt dolly | tay cầm máy quay phim | phông chụp hình 3d | phòng chụp đám cưới |

Leave a Comment