"Thay đổi ảnh nền bài viết ngẫu nhiên mỗi khi load cho Blogspot"

(Traidatmui.com) - Hôm nay mình sẽ hướng dẫn bạn cách tiến hành một thủ thuật liên quan đến phần nền (Background) trong blogger. Trong template của blogger, bạn thường thấy ở mỗi ID như body, header, main... có thuộc tính background, thuộc tính này sẽ giúp bạn thiết kế màu nền cho giao diện blog của mình. Nếu bạn thấy chỉ có một ảnh nền quá đơn điệu thì mình sẽ giúp bạn thay đổi nền của nó một cách ngẫu nhiên mỗi khi load lại trang (Page refresh). Bạn chỉ cần thực hiện theo một vài bước bên dưới.

Hình ảnh minh họa
» Bắt đầu thủ thuật

1. Đăng nhập tài khoản Blogger
2. Vào phần thiết kế, chọn chỉnh sửa HTML
3. Tìm và chèn code bên dưới vào sau thẻ <body>
<script type='text/javascript'>
var HeaderImage= new Array()

HeaderImage[0]="http://lh3.ggpht.com/_BTztXRwC9ik/TP-_exkcKmI/AAAAAAAAFY8/CBNu_EsBvms/a.png"
HeaderImage[1]="http://lh3.ggpht.com/_BTztXRwC9ik/TQCT3DUaAcI/AAAAAAAAFZM/nsHIB_Tc6uU/brown.png"
HeaderImage[2]="http://lh4.ggpht.com/_BTztXRwC9ik/TQCdk00E-ZI/AAAAAAAAFZU/_ERmdkGTf7Y/green.png"
HeaderImage[3]="http://lh4.ggpht.com/_BTztXRwC9ik/TQC1PEmzjsI/AAAAAAAAFac/9zjD4uY2qBE/bg.png"
HeaderImage[4]="http://lh6.ggpht.com/_BTztXRwC9ik/TQC4yQrgAFI/AAAAAAAAFas/ppSWbeG93A4/h2.png"

var random=Math.round(4*Math.random());

document.write("<style>");
document.write("#main{");
document.write(' background:url("' + HeaderImage[random] + '") repeat left TOP;');
document.write(" }");
document.write("</style>");
</script>

» Chỉnh sưa:
- Bạn hãy thay các link màu đỏ ở trong code thành các link ảnh mà bạn muốn dùng làm nền.
- Phần #main chính là ID của lớp trong template của bạn, ở đây là mình thực hiện thay đổi ảnh nền ngẫu nhiên với phần main, bạn có thể thay đổi thành các thuộc tính #header-wrapper, #footer... tùy bạn muốn ảnh nền của phần nào thay đổi.
- Số (4) trong code sẽ bằng số ảnh nền - 1, ví dụ trong code trên có 5 ảnh thì là (4) nếu bạn tăng số ảnh lên 6 thì phải thay số (4) thành số (5) thì code mới hoạt động được và ngược lại bớt ảnh ra thì bạn phải thay số trên cho phù hợp theo công thức trên.

4. Save template lại là xong

"Để xem kết quả, sau khi thực hiện xong thủ thuật bạn vào trang blog của mình và nhấn F5 nhiều lần bạn sẽ thấy phần nền của main sẽ thay đổi sau mỗi lần load."

Chúc bạn thành công

Xem khác cùng chủ đề

1 nhận xét | Viết lời bình

3/21/2013 10:09:00 SA Trả lời

rất hay

Bạn nhập từ: cungly Bạn nhập từ: lleu Bạn nhập từ: kkrong Bạn nhập từ: cuoilon Bạn nhập từ: roile Bạn nhập từ: hehehe Bạn nhập từ: byebye Bạn nhập từ: idontknow Bạn nhập từ: votay more »

Giải pháp bán hàng online Số 1 Việt Nam
Lên đầu trang Xuống cuối trang