Thông báo: Nhận các tin tức mới nhất từ NewTricks Đăng kí ngay

Các cài đặt bổ sung cho Median UI

Các cài đặt bổ sung cho Median UI

Google Analytics

Trong mẫu này, tác giả đã thêm mã tập lệnh Google Analytics được cập nhật mới nhất (không phải mã mặc định từ Blogger). Mã này sẽ không được tải nếu bạn không thêm ID Analytics cho blog, vì vậy tập lệnh này sẽ không tạo gánh nặng cho blog của bạn.

Thực hiện theo hướng dẫn bên dưới để thêm ID Analytics vào blog của bạn:

  1. Trên trang tổng quan Blogger, nhấp vào 'Cài đặt'.

  2. Trong cột đầu tiên, bạn sẽ tìm thấy 'Mã thuộc tính ID Google Analytics'.

  3. Vui lòng nhấp vào liên kết đó, một menu bật lên sẽ xuất hiện chứa một hộp thoại để ghi ID Analytics của bạn.

  4. Dán mã 'ID Analytics' của bạn vào ô đó.

  5. Nhấp vào để lưu.

Nhận xét trên Blogger

Tắt cửa sổ bật lên Nhận xét trên Blogger

Đối với những bạn không thích tính năng bình luận của Blogger sử dụng Hiện/Ẩn và muốn tắt tính năng này, hãy làm theo hướng dẫn dưới đây.

Tôi khuyên bạn không nên xóa vĩnh viễn mã bên dưới mà chỉ cần thêm thẻ nhận xét để có thể dễ dàng kích hoạt sau này:

<b:include cond='data:post.allowComments' name='post-commentButton'/>
<b:class name='commentFixed'/>
<label aria-label='Close comment' class='commentClose' data-text='Close' for='forshow-comment'>
  <b:include name='close-icon'/>
</label>

Gợi ý: Để thuận tiện cho bạn, vui lòng tìm kiếm <b:includable id='threadedComments-modifV3' var='post'>.

Tất cả các mã trên được đặt gần nhau nên nó sẽ không khó để tìm thấy, thay đổi tất cả các mã ở trên thành như thế này:

<!--<b:include cond='data:post.allowComments and data:post.numberOfComments > 0' name='post-commentButton'/>-->
<!--<b:class name='commentFixed'/>-->
<!--<label aria-label='Close comment' class='commentClose' data-text='Close' for='forshow-comment'>
  <b:include name='close-icon'/>
</label>-->

Thêm nhận xét trong trang tĩnh

Theo mặc định, bình luận trên các trang tĩnh bị vô hiệu hóa vì không cần thiết. Nếu bạn muốn thử kích hoạt nó, bạn có thể thay đổi một số mã dưới đây:

<b:tag class='postFooter' cond='data:view.isPost' name='div'>

<b:tag class='blogComments' cond='data:post.allowComments and data:view.isPost and !data:view.isPreview' id='comments' name='div'>

<b:include cond='data:post.allowComments and data:view.isPost and !data:view.isPreview' data='post' name='threadedComments-modifV3'/>

Thay đổi thành:

<b:tag class='postFooter' cond='data:view.isSingleItem' name='div'>

<b:tag class='blogComments' cond='data:post.allowComments and data:view.isSingleItem and !data:view.isPreview' id='comments' name='div'>

<b:include cond='data:post.allowComments and data:view.isSingleItem and !data:view.isPreview' data='post' name='threadedComments-modifV3'/>

Kiểu bố cục thay thế

Mẫu này bao gồm 2 kiểu bổ sung mà bạn có thể sử dụng nếu không thích giao diện chuẩn. Rất dễ thực hiện, bạn chỉ cần thêm mã CSS đã được chuẩn bị vào blog của mình:

Trong gói giao diện, tác giả đã cung cấp tệp CSS mà bạn có thể sử dụng ngay lập tức, hãy chọn một tệp và dán mã trước /*]]>*/&lt;/style>.

Kiểu 2

Trước tiên, hãy mở 'Median UI - Style-2 [CSS Code].txt', sao chép và dán tất cả mã CSS trong tệp này trước /*]]>*/&lt;/style>.

Tìm kiếm thẻ <body và thêm className Style-2, ví dụ về thực hiện đúng như dưới đây:

<body class='Style-2'

Kiểu 3

Cũng giống như phương pháp ở trên, sao chép tất cả mã hiện có trong thẻ Median UI - Style-3 [CSS Code].txt, thêm thẻ className Style-3, như trong ví dụ bên dưới:

<body class='Style-3'

Thu gọn menu điều hướng trên giao diện máy tính

Bạn có thể sử dụng hướng dẫn này để ẩn hoặc thu gọn menu điều hướng trên màn hình máy tính để tăng chiều rộng của nội dung chính.

Phương pháp tương tự như cách thay đổi kiểu trong hướng dẫn ở trên, sao chép tất cả mã CSS có trong tệp Median UI - Hide Menu [CSS Code].txt trước mã /*]]>*/</style>, lưu mẫu của bạn và xem các thay đổi.

Hủy kích hoạt lưới 2 cột trên giao diện di động

Trên thiết bị di động, bài viết ở chế độ Lưới sẽ hiển thị 2 cột với kích thước chữ nhỏ hơn, tuy nhiên nếu không thích cách hiển thị này, bạn có thể tắt nó đi một cách rất dễ dàng.

Tìm mã <body và thêm className mới gridLayout, một ví dụ về thực hiện chính xác là như sau:

<body class='gridLayout'

Bạn có thể kết hợp nó với className Style-2 hoặc Style-3 trong hướng dẫn trước.

Thêm một liên kết hoạt động vào hồ sơ Blogger

Để thêm liên kết trong mô tả hồ sơ Blogger, bạn phải thay đổi hai mã bên dưới:

<div class='authorAbout' expr:data-text='data:post.author.aboutMe snippet {length: 100, links: false, linebreaks: false}'/>

<div class='profileText'><b:eval expr='data:aboutme snippet {length: 80, links: true, linebreaks: false}'/></div>

Trở thành như thế này:

<div class='authorAbout'><data:post.author.aboutMe/></div>

<div class='profileText'><data:aboutme/></div>

Lời kết

Nếu thấy hay thì đừng quên để lại 1 comments nhé, đó chính là nguồn động lực của NewTricks. Chúc bạn một ngày vui vẻ, hạnh phúc !

Getting Info...

About Author

Cuộc sống là những thông điệp.

Đăng nhận xét

Ads by Google