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.
đơ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.
» 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ẻ
- Code:
var HeaderImage= new Array()
HeaderImage[0]="[color=#990000]http://lh3.ggpht.com/_BTztXRwC9ik/TP-_exkcKmI/AAAAAAAAFY8/CBNu_EsBvms/a.png[/color]"
HeaderImage[1]="[color=#990000]http://lh3.ggpht.com/_BTztXRwC9ik/TQCT3DUaAcI/AAAAAAAAFZM/nsHIB_Tc6uU/brown.png[/color]"
HeaderImage[2]="[color=#990000]http://lh4.ggpht.com/_BTztXRwC9ik/TQCdk00E-ZI/AAAAAAAAFZU/_ERmdkGTf7Y/green.png[/color]"
HeaderImage[3]="[color=#990000]http://lh4.ggpht.com/_BTztXRwC9ik/TQC1PEmzjsI/AAAAAAAAFac/9zjD4uY2qBE/bg.png[/color]"
HeaderImage[4]="[color=#990000]http://lh6.ggpht.com/_BTztXRwC9ik/TQC4yQrgAFI/AAAAAAAAFas/ppSWbeG93A4/h2.png[/color]"
var random=Math.round([color=#FF0000][b]4[/b][/color]*Math.random());
document.write("");
document.write("[color=#000099][b]#main[/b][/color]{");
document.write(' background:url("' HeaderImage[random] '") repeat left TOP;');
document.write(" }");
document.write("");
» 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.
Nguồn: TRAIDATMUI.com