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; và </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

38

Nhận xét
Trần Nhật Sinh 20/4/19 16:25
3

Chờ mãi pro mới comeback

Reply Xóa nhận xét
A Đê Min 23/4/19 22:05
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
Duy Pham 26/4/19 00:36
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
A Đê Min 26/4/19 08:57
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
A Đê Min 2/5/19 11:05
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
Duy Pham 2/5/19 16:16
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
A Đê Min 2/5/19 23:24
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
A Đê Min 4/5/19 15:07
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
Hải Long 11/5/19 11:25
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
Duy Pham 11/5/19 16:09
12

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

Reply Xóa nhận xét
Fiat Trịnh Xuân Thọ 13/5/19 23:10
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
Duy Pham 19/5/19 18:32
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
Tomorrow 18/5/19 23:30
14

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

Reply Xóa nhận xét
Duy Pham 19/5/19 18:36
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
Tomorrow 27/5/19 17:39
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
A Đê Min 27/5/19 19:29
18

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

Reply Xóa nhận xét
Duy Pham 28/5/19 15:20
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
Ta là ta 8/6/19 22:02
20

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

Reply Xóa nhận xét
Duy 9/6/19 11:36
21

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

Reply
Sống thuần chay 4/5/20 18:56
22

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

Reply Xóa nhận xét
A Đê Min 6/8/20 09:42
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
Duy Pham 6/8/20 14:59
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
Fiat Trịnh Xuân Thọ 14/8/20 12:16
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
Duy Pham 14/8/20 17:36
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
Fiat Trịnh Xuân Thọ 14/8/20 20:44
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
Duy Pham 15/8/20 09:20
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
Hải Long 29/8/20 03:01
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
Duy Pham 29/8/20 09:12
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
Hải Long 29/8/20 15:39
33

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

Reply Xóa nhận xét
Tomorrow 5/10/20 10:33
34

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

Reply Xóa nhận xét
Jam Ken 7/10/20 22:51
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
Duy Pham 8/10/20 11:19
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
ád 3/7/21 23:23
37

Làm thế nào để nó hiện nút xoá bình luận ạ

Reply Xóa nhận xét
It Is Unique Official 28/1/24 17:50
38

Blogger > Layout > Blog Posts Widget > Show Comment Count > Turn Off.

Reply Xóa nhận xét

Đăng nhận xét

Cancel