Tự Động Thay Đổi Hình Nền Theo Thời Gian

Hình nền thay đổi liên tục theo thời gian hay cho blog.


Xem Demo
1. Chèn đoạn css sau phía trước thẻ ]]></b:skin>

#supersized {position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%;  width:100%; }
#supersized a { z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111;}
#supersized a.prevslide { z-index:-20; }
#supersized a.activeslide { z-index:-10; }
#supersized a.prevslide img, #supersized a.activeslide img{ display:inline; }

2. Tiếp tục chèn đoạn code sau trước thẻ </head>

<script src='http://voquocan.googlecode.com/files/bgslider.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
jQuery(function($){
$.supersized({slideshow:1,autoplay:1,start_slide:0,random: 0,transition:1,transition_speed:1000,new_window:1,pause_hover:0,keyboard_nav:1,performance:1,image_protect:1,min_width:0,min_height:0,vertical_center:1,horizontal_center:1,fit_portrait:1,fit_landscape:0,navigation:1,thumbnail_navigation:1,slide_counter:1,
slide_captions:1,
slide_interval:1000,
slides:[
{image : 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLor31tp-TEwjBpHaFrauPt6JhCmx82ym8l8Be71DGJoqE7ALmmTJdOIxY3aHamc1-RyofexDOf7dx1Wbh5WQ7Awcj6mRHjCB_NM5p8re041wKbSW0X4w7wsigaRD4aCL_urDl5IhpQ96y/s0/1.jpg'},
{image : 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNmFptWRWUVgYvrk1mcEnjD7nG6HIMjAGJzgevZaMhY_omhr15Ee3sZ50dqi06sq7yp0BRHeVuflJaL3C1JQwc27JEC0yElDvvG_3TSCDiGX98hyRCnq0fE4Lp_7Y50ouNyMrqD42IePLK/s0/2.jpg'},                          
{image : 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqHwB_iG8BXkv5ShIMB65UUszbIuTQOm_mWgvG9Gm9jTPozXYJb3TOOVjbiZ4A8QA0kzXnqsjxw2-8IxEZG-nG6KJTB0CyI0ZMZmljEYdhqJMP58TFrEcE8Lor-gr3jv35CcR6WCw5y39a/s0/3.jpg'},  
{image : 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuVZ29DEocK4gGgn8sQ0V42cwMa2WR6Xw0hIoibwDxIpCElo-r2k0m7yyZy40x_ySQvsMd9yi-yqrataPt_usPkz7TbtdkbfOu_71PD2KBPqZZKt_qa32TiJxfD4-Dzv6qmAAnosRegXIV/s0/4.jpg'},
{image : 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipdH1agtexKRODeujcqVdNeCKnW9LNsOVu-_2WIDjle3ag2dmkxJ9-y2aTAxHt-xZlIzC_IVPGsD1uG8YDOMO-QqcagHetZOVNOxQBfwjJ7XVPxzMTNyuj5FxpZQS16bACJ2YXjqMCpyxh/s0/5.jpg'}
]
});
});
//]]>
</script>

Save template lại là xong.
Chú ý:

» Trong đoạn code ở bước 2 những link màu đỏ là link hình nền, bạn có thể thay đổi, thêm hoặc bớt số hình nền.
» Số 1000 là thời gian hiển thị của 1 bức ảnh trước khi chuyển qua một bức ảnh khác. (1000 = 1giây)Trong thủ thuật này sử dụng khá nhiều ảnh nền nên đương nhiên là nó sẽ ảnh hưởng phần nào đến tốc độ load blog. Nhưng bù lại thì nó đem đến cho blog bạn một hiệu ứng khá bắt mắt nếu biết lựa chọn hình nền hợp lý. Bạn nên có những lựa chọn phù hợp cho blog của mình.

THỦ THUẬT 05:58