Tối ưu Label (Nhãn) trong Blogger - Đặt mô tả cho Nhãn (Label) - Loại bỏ dòng thông báo mặc định - NTLRUBY -->
Tối ưu Label (Nhãn) trong Blogger - Đặt mô tả cho Nhãn (Label) - Loại bỏ dòng thông báo mặc định Tối ưu Label (Nhãn) trong Blogger - Đặt mô tả cho Nhãn (Label) - Loại bỏ dòng thông báo mặc định
  • Tối ưu Label (Nhãn) trong Blogger - Đặt mô tả cho Nhãn (Label) - Loại bỏ dòng thông báo mặc định

    Thông thường khi truy cập vào Nhãn (Label) nào đó trong Blogger thì mặc định các bạn sẽ thấy thông báo như :

        - "Hiển thị các bài đăng có nhãn TÊN NHÃN. Hiển thị tất cả bài đăng"

        - hoặc "Showing Posts With Label TÊN NHÃN. Show All Posts".

    Điều này làm thiếu đi tính chuyên nghiệp và đôi khi người xem cũng không thích cho lắm 😊.

    Vậy làm thế nào để tối ưu Label (Nhãn) trong Blogger như:

        👉 Loại bỏ dòng thông báo mặc định hoặc thay đổi nó.

        👉 Hay thậm chí các bạn còn muốn đặt thêm cho mỗi Nhãn (Label) một đoạn mô tả ngắn cho người xem hiểu hơn về nó.

    Bài viết hôm nay mình xin chia sẻ với các bạn cách để giải quyết vấn đề này nha.

    Biến Nhãn (Label) trong Blogger thành bài viết

    - Các bạn có thể xem 👉 của mình.

    ***Lưu ý: Đối với một số bạn không hiểu nhiều về code vui lòng lưu lại Template trước khi chỉnh sửa bất cứ gì trong HTML nhé.


        1-Đặt mô tả cho Nhãn (Label) trong Blogger.

    Tối ưu Label (Nhãn) trong Blogger
    - Các bạn vào trang quản trị Blogger -> Chủ đề -> Chỉnh sửa HTML tìm đến đoạn code <b:includable id='status-message'> và dán sau nó đoạn có bên dưới đây:

    <b:if cond='data:blog.searchLabel == &quot;Blogger&quot;'>

    <div class='page-inner-content' style='text-align: center;'>

                          <h3>Blogger</h3>

                          <p> <span style='font-family: &quot;arial&quot; , sans-serif; font-size: 14.0pt; line-height: 107%;'>Blogger là một hệ thống phát hành weblog, được Pyra Labs thành lập vào tháng 8 năm 1999 và sau đó được Google mua lại vào tháng 2 năm 2003 với những điều khoản không được công bố. Sự chuyển nhượng này dẫn đến sự thay đổi lớn nhất là Blogger.com trở nên miễn phí đối với người sử dụng. (Theo Wikipedia)</span></p><a href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizX4_cCB7VvLO6ELKxROGbk2sAnOp0dywemZv0jHSU9yF3u6W0CLk84pZoz8b8Z3MwkgNeHX_bc_MWEUfLQR5xrnWtMSYgT_X891Flf3ksnmY0e6A7HS9en26zGzEiOCg8tHrODlt2vB4/w640-h184/Blogger_logo_wordmark-700x202.png' imageanchor='1' style='margin-left: 1em; margin-right: 1em;'><img border='0' data-original-height='552' data-original-width='828' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizX4_cCB7VvLO6ELKxROGbk2sAnOp0dywemZv0jHSU9yF3u6W0CLk84pZoz8b8Z3MwkgNeHX_bc_MWEUfLQR5xrnWtMSYgT_X891Flf3ksnmY0e6A7HS9en26zGzEiOCg8tHrODlt2vB4/w640-h184/Blogger_logo_wordmark-700x202.png' width='640'/></a>

                       </div>

    <title>Blogger</title>

    <meta content=' Blogger là một hệ thống phát hành weblog, được Pyra Labs thành lập vào tháng 8 năm 1999 và sau đó được Google mua lại vào tháng 2 năm 2003 với những điều khoản không được công bố. Sự chuyển nhượng này dẫn đến sự thay đổi lớn nhất là Blogger.com trở nên miễn phí đối với người sử dụng.' name='description'/>

    <meta content=' Blogger, Blogspot, ' name='Keywords'/>

      <b:else/>

    <title><data:blog.pageName/></title>

    <meta expr:content='data:blog.pageName + &quot; - Tags &quot; + data:blog.pageName + &quot;. ntlruby.com &quot;+ data:blog.pageName + &quot;&quot;' name='description'/>

    <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title' name='Keywords'/>

    </b:if>
    Trong đó các bạn thay thế:
        +Chữ Blogger màu đỏ thành Nhãn (Blabel) của các bạn.
        +Chữ Blogger màu xanh lá là tiêu đề cho đoạn mô tả của các bạn.
        +Đoạn màu vàng nghệ là đoạn mô tả cho Nhãn (Blabel) của các bạn.
        +2 đoạn màu tím là link ảnh của các bạn.
    Và bên dưới từ cặp thẻ <title> trở xuống thuộc về phần SEO, các bạn nhớ để ý và thay thế cho phù hợp với mục đích của mình nhé. (Hoặc các bạn có thể bỏ hẳn nó đi từ thẻ <title> cho đến hết và chừa lại thẻ đóng </b:if> cuối cùng.)

        2-Loại bỏ dòng thông báo mặc định hoặc thay thế nó.

    Tối ưu Label (Nhãn) trong Blogger
    - Cũng tại phần chỉnh sửa HTML các bạn tìm đoạn code sau (nằm ngay sau phần code các bạn vừa thêm vào ở trên):

    <div class='status-msg-wrap'>

                          <div class='status-msg-body'>

                            <data:navMessage/>

                          </div>

                          <div class='status-msg-border'>

                            <div class='status-msg-bg'>

                              <div class='status-msg-hidden'>

                                <data:navMessage/>

                              </div>

                            </div>

                          </div>

                        </div>

                        <div style='clear: both;'/>
    - Xóa bỏ nó để loại bỏ dòng thông báo mặc định hoặc thay thế nó thành đoạn code sau đây:

    <b:if cond='data:blog.searchLabel'>

          <div class='table' style='background: none 0% 0% repeat scroll rgb(240, 240, 240); border: 2px double rgb(255, 102, 102); box-sizing: border-box; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 17px; text-align: center; line-height: 1.4em; list-style: none; margin: 0px 0px 20px; outline: none; padding: 9px 20px;'>

               Các bạn đang xem chuyên mục:<font color='#0084ff'> <data:blog.searchLabel/> </font>

          </div>                

    <b:else/>

          <data:navMessage/>

    </b:if>
    Vậy là đã hoàn thành, các bạn lưu lại và xem kết quả nhé, mình thấy đây là một thủ thuật khá hay và hữu ích.

    Các bạn xem qua video mình làm chậm từng bước để dễ thực hành hơn nhé!

    Chúc các bạn thành công!

  • Bài Viết Liên Quan

    Vui lòng đăng nhập tài khoản tương ứng trên trình duyệt của bạn trước khi bình luận!

    Google

    Zalo

    Không có nhận xét nào :

    Đăng nhận xét

    Hãy đánh dấu vào "Thông báo cho tôi" trước khi gửi bình luận để nhận được thông báo khi Admin trả lời!

NTLRUBY

Đăng ký kênh để ủng hộ NTLRUBY và xem những video thị phạm code nhé!