Trang chủ \17.4.19

Loại bỏ CSS và Javascript mặc định của Blogger

Khi thiết kế một template mình luôn muốn làm chủ hoàn toàn nó. Có 2 thành phần CSS và Javascript được Blogger tự động thêm vào, chính vì vậy chúng ta không chỉnh sửa được. Để template được hoàn toàn "sạch sẽ" ta sẽ loại bỏ 2 thành phần này.

Loại bỏ Javascript mặc định của Blogger


Javascript mặc định của Blogger có dạng như sau:

js Blogger

Bao gồm một liên kết bên ngoài và một đoạn nhúng trực tiếp trong template. Mã Javascript này được tự động chèn trước thẻ </body>.

Để loại bỏ mã Javascript này chúng ta thay thế <html thành <html b:js='false' trong template.

Sau khi loại bỏ mã Javascript này thì mục Bố cục của Blogger sẽ không xem được. Để cài đặt widget Blogger ta tạm bỏ b:js='false' trong template đi, sau khi cài đặt xong thì thêm lại.

Loại bỏ CSS mặc định của Blogger


CSS mặc định của Blogger có dạng như sau:

css Blogger

Mã CSS này được tự động chèn sau thẻ <head>.

Để loại bỏ mã CSS này chúng ta thay thế <html thành <html b:css='false' trong template.

Blogger còn một đoạn mã CSS dùng để hiển thị nút chỉnh sửa bài viết, chỉnh sửa widget, xóa nhận xét... cho tài khoản admin có dạng như sau:

css Blogger 2

Mã CSS này được tự động chèn trước thẻ </head>.

Để loại bỏ mã CSS này chúng ta thay thế </head> thành &lt;!--</head>--&gt;&lt;/head&gt; trong template.

Nếu như bạn muốn hiển thị nút xóa nhận xét thì ở bước trên thay <head> thành &lt;head&gt;</head> thành <b:if cond='data:blog.pageType in {"item","static_page"}'>&lt;!--<head>--&gt;</head><b:else/>&lt;!--<head/>--&gt;&lt;/head&gt;</b:if>.

Chia sẻ Phần mềm và Tài liệu cho người dùng Windows, Ubuntu. Hướng dẫn Thủ thuật cho người dùng Blogger, Blogspot.

21

Nhận xét
3

Chờ mãi pro mới comeback

Reply Xóa nhận xét
4

Em có nhờ bác sửa giùm về comment mặc định được rồi nhưng nếu em áp dụng thủ thuật của bài viết này vào thì lại bị hỏng comment bác ạ :D

Reply Xóa nhận xét
5

Comment mặc định đó cần js mặc định nên chưa bỏ dc rồi

Reply Xóa nhận xét
6

Vâng bác, mong bài viết mới hướng dẫn thêm về vấn đề này ạ :D

Reply Xóa nhận xét
7

Chức năng bật/tắt đèn của bác nhìn hay quá. Nhưng theo em bỏ cái overflow: hidden; của .mode đi thì nhìn mặt trăng đẹp hơn bác ạ. Blog bác toàn hàng độc :D

Reply Xóa nhận xét
8

Bỏ đi thì phạm vi hoạt động lại tăng thêm 10px sang bên phải. Để thì bị cái răng cưa rõ ghét, mình chưa tìm được cách khả quan hơn kia :(

Reply Xóa nhận xét
9

Nói chung em thấy khá là ổn bác ạ, hoàn mỹ quá thì khó :D

Reply Xóa nhận xét
10

Em xin phép mượn bác chức năng này về nghiên cứu :)

Reply Xóa nhận xét
11

- Đổi màu template
- Nâng cấp comments
- Post 1 bài
Đánh dấu sự xuất hiện trên blog
Nếu ko cứ nghĩ bác bỏ blog rồi :))

Reply Xóa nhận xét
12

Mình vẫn cập nhật temp này liên tục :D

Reply Xóa nhận xét
13

Hỏi ngoài lề tí, vì giờ mình chẳng biết hỏi ai

web của mình vẫn chưa chuyển sang https được và mình hỏi có phải do cái này không vậy Duy:
Name Servers DARWIN.NS.CLOUDFLARE.COM
LEIA.NS.CLOUDFLARE.COM

http://whois.domaintools.com/ngonluanho.net


Cảm ơn bác :D

Reply Xóa nhận xét
15

Hình như có lần bác hỏi cái này rồi nhỉ, mấy năm rồi ấy :D E chịu thôi

Reply Xóa nhận xét
14

Rảnh dỗi vl, lại còn tối thui nữa :v

Reply Xóa nhận xét
16

Xu thế 2019 là chế độ tối mà :P. Xưa Microsoft có Windows Phone nền tối thì bọn nó chê, giờ Apple với Google để tối lại ra phong trào chứ :D

Reply Xóa nhận xét
17

Giờ mới để í cái light mode cuối trang, chỉ ae cách làm đi thớt ơi

Reply Xóa nhận xét
18

Cái này hay mà. E đang áp dụng nè :D

Reply Xóa nhận xét
19

Nó đơn giản thôi, khó và lâu là áp dụng cho mỗi temp thì lại khác nhau.

Reply Xóa nhận xét
20

chào bài mới 2019, hihi

Reply Xóa nhận xét
21

Nhận xét này đã bị tác giả xóa.

Reply

Đăng nhận xét

Cancel