Đoạn script sau sẽ giúp bạn cho phép khách viếng website của bạn có thể tăng to hoặc nhỏ kích thước font chữ . Điều này rất hữu ích khi có nhiều người có vấn đề về mắt khi họ không thể đọc những dòng chữ nhỏ. Để đoạn code này chạy tốt trên web của bạn thì bạn cần sử dụng kích thước font là pixel (px) hơn là kích thước font sử dụng ‘em’ hoặc ‘%’. Nếu đoạn script sau không tìm thấy kích thước font trong web của bạn thì nó sẽ tự động đặt giá trị là 12px.
Cách Thực Hiện:
1.Đăng nhập vào Blog
2.Tùy chọn (Mũi tên xuống)
3.Chọn mẫu
4.Chọn Chỉnh sửa HTML
5.Chọn tiếp tục
6.Chọn mở rộng tiện ích
7.Nhấn F3 Hoặc bấm tổ hợp phím Ctrl + F tìm </head> và chèn đoạn sau ngay phía trước thẻ
</head>
Code này :
<script type=”text/javascript”>
var min=8;
var max=18;
function increaseFontSize() {
var p = document.getElementsByTagName('p');
for(i=0;i<p.length;i++) {
if(p[i].style.fontSize) {
var s = parseInt(p[i].style.fontSize.replace("px",""));
} else {
var s = 12;
}
if(s!=max) {
s += 1;
}
p[i].style.fontSize = s+"px"
}
}
function decreaseFontSize() {
var p = document.getElementsByTagName('p');
for(i=0;i<p.length;i++) {
if(p[i].style.fontSize) {
var s = parseInt(p[i].style.fontSize.replace("px",""));
} else {
var s = 12;
}
if(s!=min) {
s -= 1;
}
p[i].style.fontSize = s+"px"
}
}
</script>
8.Lưu lại
9.Vào bố cục chọn > Thêm tiện ích và chọn HTML/Javascript
Việc cuối cùng là các bạn chèn đoạn code sau đây vào vị trí mà bạn muốn tạo chức năng to nhỏ phông chữ
<a href="javascript:decreaseFontSize();">-</a>
<a href="javascript:increaseFontSize();">+</a>
Chúc các bạn thành công !
No comments:
Post a Comment