Như các bạn đã biết 2 link Css mặc định của blogger và một chút Js kéo theo sau nó vào trong mẫu thì không thấy nhưng khi xem mã nguồn thì thấy sự hiện diện của nó.Cứ để nó thì cũng chẳng sao,nhưng bỏ nó đi thì bạn có một blog hoàn toàn mới với CSS của tự mình và góp phần cho blog của mình đạt chuẩn HTML5 có tác dụng tốt trong vấn đề seo.
- Lưu ý trước khi thực hiện điều này các bạn nhớ lưu lại template trước khi thực hiện nhé nhằm phòng tránh rủi ro có thể xảy ra.
- Tuy 2 link này chỉ gây ra 1 lỗi theo chuẩn HTML5 nhưng 2 link CSS này chặn ngay đầu template nên ảnh hưởng rất lớn tới tốc độ load trang.
- Ở bài này chia sẻ cách loại bỏ 2 link css mặc định của blogger và gom luôn mấy file js ẩn đưa chúng về trước thẻ </body>
Bên dưới 2 file Css mặc định của blogspot khi xem mã nguồn:
<link type='text/css' rel='stylesheet' href='https://www.blogger.com/static/v1/widgets/3841957138-widget_css_bundle.css' />
<link type='text/css' rel='stylesheet' href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=659245968588122615&zx=c9f3ff8d-733a-4826-995e-b83ca0e52a06' />Và đây là mấy file js ở gần cuối mẫu khi xem mã nguồn:
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
</script><script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/3186034670-widgets.js"></script>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>- Muốn thực hiện được thủ thuật này thì bạn phải làm chủ được CSS của blog mình nếu không giao diện blog của bạn sẽ bị biến dạng thảm hại.
- Để ý rằng Code này tự động có, nó luôn bám sát ngay phần trên của </Head> và phía cuối cùng của <Body> (tức ngay trên </Body>) luôn có đoạn bị ẩn. Như vậy chúng ta sẽ tạo </Head> giả để đánh lừa nó để nó bám theo, chuyển code trên vào phần code ẩn (vô hiệu nó) này bằng cách sau :
Bước 1: Thay như sau
<html>
<head>
...
</head>
<body>
...
</body>
</html>Thành code sau :
<html>
<head>
...
</head>
<body>
...
<!--<head/>-->
<!--<body/>-->
</body>
</html>Bước 2 : Lưu lại
Lưu ý :
- Dấu ... là các code trong mẫu, không liên quan, ta để nguyên.
- Tới đây là kết thúc phần loại bỏ 2 link CSS mặc định của blogger,còn các bước chuẩn hóa HTML5 thì các bạn tự tìm hiểu.
- Khi thực hiện thủ thuật này có một số blog bị mất nút xóa trong phần comment để khắc phục điều này các bạn bỏ đoạn css sau vào phần CSS của blog:
div.blog-admin, div.pid-xxxxxxxxx { display:block; }
span.blog-admin, span.pid-xxxxxxxxx { display:inline; }Việc này đồng nghĩa với bảng điều khiển chỉ hiện với admin vẫn hoạt động bình thường.
Chúc bạn may mắn.
Tổng hợp và sưu tầm kartriderdautocrazy01
Không có nhận xét nào:
Đăng nhận xét