Như các bạn đã biết, nền blog Wordpress có plugin cho phép người dùng thay đổi banner của Blog mỗi khi mở trang mới , hay refresh lại trang thuộc blog đó , đây cũng là một thủ thuật khá hay để làm đẹp cho Blog. Vậy, đối với nền Blogger của chúng ta thì phải làm sao , bài viết hôm nay sẽ hướng dẫn cho bạn đấy . Đầu tiên, bạn cần phải xác định chính xác kích thước của hình ảnh có thể làm banner . Việc này cũng không khó lắm, bạn có thể kiểm tra kích cỡ banner ban đầu của Blog (được tác giả của mã nguồn template sử dụng) rồi tạo 1 banner mới với kích cỡ đó. Tiếp theo , bạn hãy kiểm tra phần header trong Template của bạn có bất kì đoạn text hay hình ảnh nào không . Nếu có , bạn cần phải xóa chúng để banner không bị các phần tử trên chiếm chỗ. Bạn cần phải xóa các phần tử tại phần header để giành chỗ cho banner của bạn. Sau đó, bạn tìm đến đoạn code sau (nằm ở khoảng dưới thẻ <body> ) . <div id='top-wrapper'> . và thêm code này vào ngay bên dưới : <div style='padding-bottom:3px; padding-top:3px;text-align:center;'> <a href='http://boyprodx.blogspot.com'> <script type='text/javascript'> var banner= new Array() banner[0]="<img src='http://img24.imageshack.us/img24/1162/banner2009sa2.jpg'/>" banner[1]="<img src='http://img2.pict.com/13/50/03/4aaab158901452fa0866ebd488/gizp1/800/img24.jpg'/> " banner[2]="<img src='http://img2.pict.com/2c/96/04/a2f6f5f5c1d56d1946d5a41ae4/GMg11/img29.jpg'/>" banner[3]="<img src='http://img2.pict.com/9c/09/6a/a23980569839f36a8d3d250567/xbQ69/zawp4.jpg'/>" var random=Math.round(3*Math.random()); document.write(banner[random]); </script></a> </div> Dán code vào bên dưới đoạn <div id='top-wrapper'> Bây giờ bạn chỉ việc thay đổi lại link http://boyprodx.blogspot.com và toàn bộ link banner bên trên thành các link của Blog bạn. Nếu muốn tạo thêm nhiều banner , bạn chỉ việc dán thêm nhiều dòng code banner[số thứ tự]="<img src='Link hình'/>" .Vậy là xong rồi đấy. Lưu ý : 1/ Vì mỗi người sử dụng mỗi template khác nhau, do đó việc một số code trong mã nguồn không giống nhau là chuyện thường gặp. Ở đây, có thể bạn sẽ không tìm thấy đoạn <div id='top-wrapper'> , hãy thay bằng một số đoạn code khác như <div id='header- wrapper'> , <b:widget id='Header1' locked='true' title='Header' type='Header'> . hoặc tìm với từ khóa header . 2/ Nếu bạn sử dụng 5 banner, hãy chèn số '4' thay cho số 3 ở đoạn var random=Math.round(3*Math.random()) . Tương tự , nếu có 3 banner thì nhập '2' vào đoạn đó. 3/ Mình đã test nhiều lần thì nhận thấy rằng : banner[0] sẽ chỉ xuất hiện vào lúc truy cập vào Blog lần đầu tiên, còn sau đó thì chỉ có những banner khác xuất hiện. Nếu có thể, bạn hãy giúp mình test lại xem có chính xác không nhé ! P/s : Vậy là mình đã giới thiệu xong Thủ thuật tựđộngthay đổi banner cho Blogger . Nếu bạn có ý kiến, thắc mắc gì, hãy để comment lại cho mình nhé. Mình sẽ trả lời trong thời gian ngắn nhất. Thân ! Các bài liên quan Thủ thuật cho blog • Blogger cải thiện và nâng cấp tính năng Label • Tạo Khung Accordion với jQuery • SocioFluid - Widget Bookmark dạng Dock cho Blog • Đổi màu quét khối mặc định với CSS3 • Tạo Pop-under Ads cho Blogger • Tạo hiệu ứng viền và chú thích cho ảnh • Tạo hiệu ứng bo tròn góc bằng CSS • Tạo tính năng Link-Thumbnail cho Blog • Tạo tính năng Tooltips với CSS • Tạo chức năng Hide/Show nội dung với Javascript • Tạo Multi-Style Label cho Blogger • Tổng hợp bộ emoticons dành cho Blogger Comment Form • Tạo tiện ích 'Gửi bài viết qua Yahoo' cho Blogger • Tạo 3 Cột Phần tử ở phần Footer của Template • Tạo một bức ảnh luôn xuất hiện trên Blog • Tạo Form đăng kí nhận tin qua RSS với Feedburner • Tạo khung đăng nhập cho Blogger • Tạo hiệu ứng Drop Cap cho bài viết trong Blogger • Tạo chữ chạy trên thanh tiêu đề của Blog • Tạo widget 'Bài khuyên đọc' với Google Friend Connect • Tạo 'Bài đăng liên quan' kèm với ảnh thumbnails • Chỉ hiện tiêu đề bài viết trong Blogger • Tạo nút 'Scroll to Top' với jQuery • Tạo widget SlideShow Tab View cho Blogger • Tạo thanh đọc Feed/RSS dưới dạng Ticker (cập nhật) . type='text/javascript'> var banner= new Array() banner[ 0]="<img src='http://img24.imageshack.us/img24/1162 /banner2 009sa2.jpg'/>" banner[ 1]="<img. làm banner . Việc này cũng không khó lắm, bạn có thể kiểm tra kích cỡ banner ban đầu của Blog (được tác giả của mã nguồn template sử dụng) rồi tạo 1 banner