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>.

Hướng dẫn thủ thuật Blogger, Blogspot

36

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
22

Cảm ơn nhiều nhe. <3 <3 <3

Reply Xóa nhận xét
23

Em muốn sử dụng đoạn code bên dưới để tạo nội dung chỉ hiển thị với admin nhưng không được, có phải do mình xóa css và javascript mặc định của blogspot đi không bác nhỉ?
<span class='item-control blog-admin'>
//Nội dung muốn ẩn
</span>

Reply Xóa nhận xét
24

Đúng rồi, giờ phải thêm css .item-control{display:none} để ẩn với mọi người. Còn nếu muốn nội dung đó hiển thị với admin ở bất kỳ kiểu trang nào thì giữ nguyên tag </head>.

Reply Xóa nhận xét
26

Có cái thủ thuật để xóa <style id='page-skin-1' type='text/css'> để đỡ ngứa mắt. Mình thấy bên https://www.kompiajaib.com/ anh bạn Adhy Suryadi đã xóa được cả đống authorization.css

Link thủ thuật: https://www.rodude.com/remove-javascript-css-blogger/

Hóng bác Duy ra tay để anh em ăn ké :D

Reply Xóa nhận xét
27

Xoá cái đó dễ mà bác. Nhưng em vẫn dùng vì blogspot có nhiều tính năng hay và tự động từ đây như màu sắc, font-size... Ngoài ra có thể can thiệp vào css của frame comment nữa kia.

Reply Xóa nhận xét
28

Giờ em mới biết, lâu nay cứ để nên ko thích
Hôm bữa thử kiểm tra ở https://validator.w3.org/unicorn/ nên mới tìm cách xóa, lâu nay em có test web bao giờ.

Bác chỉ giúp em xóa cái này với : https://3.bp.blogspot.com/-dZcqBZlOENo/XzaU4y-dLkI/AAAAAAAAKJU/OjmVXjpG0Ucdz7UhgLrcjkVab63r-P47ACNcBGAsYHQ/s1600/capture-20200814-202235.png

PS: em test web bác đủ các kiểu, ngon (y)

Reply Xóa nhận xét
29

Đoạn mã đó nằm trong dấu chú thích là được rồi mà bác, nó k ảnh hưởng gì cả đâu.

Reply Xóa nhận xét
31

Blog của bác tuy tắt js mặc định nhưng nút reply vẫn hoạt động,liệu bác có thể viết bài hướng dẫn sửa lỗi nút trả lời comment không hoạt động(vẫn gọi dc iframe lên) do tắt js mặc định được ko?
Thủ thuật của bác hay là ở chỗ ko cần jquery hỗ trợ như một số blog đã chia sẻ.
:D

Reply Xóa nhận xét
32

Cái reply này mình viết riêng bằng js cho nó nên không ảnh hưởng gì nếu tắt js của Blogger, nó cũng ngắn gọn nên k cần đến jquery. Vì là hệ thống comments mình dùng khác với thread comments của Blogger nên k hướng dẫn được.

Reply Xóa nhận xét
33

Tiếc nhỉ, mã nguồn phần comment thấy cũng khác :D

Reply Xóa nhận xét
34

Chia sẻ đi bác Duy đẹp trai tốt bụng ơi

Reply Xóa nhận xét
35

Hay là bác viết lại đoạn javascript sau cần jquery hỗ trợ thành javascript thuần
https://anotepad.com/notes/734ag49w

Reply Xóa nhận xét
36

Nó không tương thích với thread comments của Blogger mà bác.

Reply Xóa nhận xét

Đăng nhận xét

Cancel