Nguyên nhân và Cách loại bỏ -> Trên Hầu hết các Template Blogger
![]() |
Source: jagodesain.com |
Một trong những câu hỏi thường gặp nhất là vấn đề về mã --> xuất hiện đột ngột trong tiêu đề của blog, tác giả cũng đã trải qua nó và bối rối về nguyên nhân của vấn đề này.
Sự cố này không chỉ xảy ra trong Mẫu giao diện người dùng trung bình mà còn xảy ra trong hầu hết các mẫu tùy chỉnh khác.
Nguyên nhân chính
Sau khi tìm hiểu, hóa ra nguyên nhân chính khiến đoạn mã này xuất hiện là do Bản cập nhật của Blogger, trong các mẫu tùy chỉnh thường mã mặc định của blogger như CSS và javascript được ẩn đi để không gây gánh nặng cho việc tải blog. Một cách là thực hiện một thủ thuật nhỏ để sửa đổi <head> bằng cách sử dụng thẻ nhận xét như trong ví dụ dưới đây:
<!--<head/>--></head>
Đoạn mã trên dùng để ẩn CSS mặc định của blogger, kết quả hiển thị của trình duyệt xuất hiện ít nhiều giống như bên dưới:
<!--<head><style type='text/css'>@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2)format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2)format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2)format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2)format('woff2');unicode-range:U+0370-03FF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2)format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2)format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}</style>
<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=6086676692815096220&zx=37e2a61b-8bd1-4a5b-ad6b-be7ba2e93d12' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=6086676692815096220&zx=37e2a61b-8bd1-4a5b-ad6b-be7ba2e93d12' rel='stylesheet'/></noscript>
</head>--></head>
Ở trên, bạn có thể thấy rằng mã blogger mặc định đã thay đổi thành thẻ nhận xét chỉ được hiểu là nhận xét và không có giá trị trong mẫu
Thẻ nhận xét là thẻ bắt đầu bằng <!-- và kết thúc bằng -->, ví dụ như thế này: <!-- comment -->, bạn sẽ tìm thấy rất nhiều mã như thế này trong mẫu Giao diện người dùng trung bình
Các thẻ có vấn đề và xuất hiện trong tiêu đề blog là mã được đánh dấu bên dưới:
<head/>-->
Lý do mã xuất hiện
Sự cố này chỉ xuất hiện trên các blog đã cài đặt quảng cáo Adsense, đó là lý do tại sao sự cố này không xuất hiện trên blog demo này. Trong bản cập nhật blogger, họ đã thêm ID khách hàng adsense vào phần <head> bằng thẻ nhận xét, nếu bạn thấy kết quả hiển thị, nó sẽ như thế này:
<!--<head><style type='text/css'>@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2)format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2)format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2)format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2)format('woff2');unicode-range:U+0370-03FF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2)format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2)format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}</style>
<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=6086676692815096220&zx=37e2a61b-8bd1-4a5b-ad6b-be7ba2e93d12' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=6086676692815096220&zx=37e2a61b-8bd1-4a5b-ad6b-be7ba2e93d12' rel='stylesheet'/></noscript>
<!-- data-ad-client=ca-pub-000000000000000 -->
</head>--></head>
Đoạn mã trên cho thấy rằng thẻ nhận xét bị đóng vì có ID adsense , đó là lý do tại sao thẻ đóng nhận xét trên mẫu được thay đổi thành văn bản thuần túy, cuối cùng xuất hiện ở góc trên cùng bên phải của blog.
Cách xóa mã -> trên mẫu
Để xóa mã, vui lòng chỉnh sửa mẫu HTML của bạn và tìm mã như bên dưới:
<!--<head/>--></head>
Xóa các phần mã đã đánh dấu và lưu lại template của bạn. Đừng quên kiểm tra blog của bạn để đảm bảo rằng dấu --> không xuất hiện nữa.