Loại Bỏ CSS và JS Mặc Định Blogspot Tùy Chỉnh Vị Trí
Loại bỏ stylesheet và file javascript mặc định của blogger có rất nhiều bài hướng dẫn,code cũng rất đa dạng và phong phú thực tình thì cũng không biết code nào là chuẩn nhất vì sau khi cài đặt và save mẫu cứ thấy ok không báo lỗi gì cả trong quá trình sử dụng có kiểm tra qua vài công cụ thấy báo mọi thứ đều ổn.
Trước đây đã trình bầy bài:
Tại bài trên là vô hiệu css mặc định và toàn bộ các file js ăn theo và gom chúng về trước thẻ đóng </body>Qua nhiều lần thử và kiểm tra thì thấy 2 file js:
trong hình trên không gây chậm tốc độ load của blog trong khi nó lại hỗ trợ một số tiện ích mặc định của blogspot.
Cho nên bài này chỉ thực hiện thủ thuật loại bỏ css mặc định và 2 file js ăn theo nằm ở trên thẻ </head>
Thực chất thủ thuật này là đánh lừa file css và 2 file js vì nó luôn xí chỗ trước thẻ đóng </head> nên ta dùng thẻ <!--<head/>--> để kéo chúng đi.
Có 3 vị trí mà ta có thể gom chúng về sau khi đã vô hiệu chúng
-Trước thẻ </head>
-Sau thẻ </head>
-Sau thẻ </body>
Nhưng nhìn hợp lý nhất là để chúng ở trước thẻ </head> vì 2 file js vốn dĩ luôn ở đó.
Thủ thuật này cơ bản vẫn dựa vào bài trước nhưng vận dụng linh hoạt hơn một xí.
Code nguyên mẫu có dạng:
<html>
<head>
......
......
</head>
<body>
.........
.........
</body>
</html>
Trường hợp 1: Trước thẻ </head><head>
......
......
</head>
<body>
.........
.........
</body>
</html>
Thay thành:
<html>
<head>
..........
..........
<!--<head/>-->
</head>
<body>
.........
.........
</body>
</html>
Trường hợp 2: Sau thẻ </head><head>
..........
..........
<!--<head/>-->
</head>
<body>
.........
.........
</body>
</html>
Thay thành:
<html>
<head>
.............
.............
</head>
<!--<head/>-->
<body>
..........
...........
</body>
</html>
Trường hợp 3 Sau thẻ </body><head>
.............
.............
</head>
<!--<head/>-->
<body>
..........
...........
</body>
</html>
Thay thành:
<html>
<head>
............
............
</head>
<body>
............
............
</body>
<!--<head/>-->
</html>
<head>
............
............
</head>
<body>
............
............
</body>
<!--<head/>-->
</html>
0 nhận xét:
Post a Comment