Cách Tạo Button Đóng Mở Comment Cho Blogspot

Cách Tạo Button Đóng Mở Comment Cho Blogspot với màu sắc rực rỡ. Trong bài này tôi sẽ chia sẻ một hướng dẫn về cách tạo các nút mở và đóng bình luận blogspot.

Tiện ích nhận xét trên Blog rất có lợi, ngoài việc giao tiếp, nó cũng có thể cải thiện hiệu suất của blogspot. Và thêm nữa blog cũng sẽ gọn gàng khi tiện ích nhận xét bị ẩn. Tuy nhiên, cũng phải có một nút đóng mở comment cho blogspot. Bên cạnh việc giúp cải thiện tốc độ blogspot nhanh hơn theo cách này cũng có thể tối đa hóa khách truy cập khi đọc bài viết.

Mặc dù vẫn còn nhiều blogger blogspot sử dụng nhận xét mặc định từ blogger, kể cả bản thân mình. Và nhiều người vẫn đang sử dụng nhận xét ( comment ) bên ngoài blog mặc định, ví dụ như sử dụng hộp nhận xét disqus, hộp nhận xét G + hoặc từ plugin nhận xét trên Facebook. Và họ cũng có lý do nhất định để sử dụng những plugin đó. Nếu việc sử dụng một widget bình luận tốt thì lời khuyên của mình là tốt hơn để sử dụng bình luận Blogger mặc định. Ngoài việc đơn giản, nó cũng không là gánh nặng tốc độ tải blog của bạn.

Nếu bạn muốn tò mò về cách tạo nút đóng mở bình luận ở trên comment như trong ảnh mình đăng thì các bạn cùng xem hướng dẫn của mình nha.

Hướng Dẫn Tạo Nút Đóng Mở Bình Luận Cho Blogspot

Như các bài hướng dẫn khác các vào edit html rồi sao chép đoạn css phía dưới vào b:skin

/* CSS Đóng Mở Bình Luận */
.buka-komen,.tutup-komen{font-family:inherit;background: linear-gradient(to right, #38b3e0, #e53bb2);color:#fff;font-size:16px;line-height:1.3em;padding:8px 10px;text-align:center;font-weight:700;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-transition:all 218ms;-moz-transition:all 218ms;-o-transition:all 218ms;transition:all 218ms;-webkit-user-select:none;-moz-user-select:none;margin:10px 5px 5px 5px;cursor:pointer;}
.buka-komen{display:block;margin-bottom:20px}
#comments-box{display:none}

Bước tiếp theo các bạn tìm đoạn mã bên dưới

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>

Thông thường đoạn mã trên thường nằm ở <b:include data='post' name='post'/>

Bước cuối cùng là các bạn thay thế đoạn mã trên bằng những dòng này

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div aria-label='Buka Komentar' class='buka-komen' id='buka-komen' onclick='document.getElementById(&quot;comments-box&quot;).style.display=&quot;block&quot;;document.getElementById(&quot;tutup-komen&quot;).style.display=&quot;block&quot;;document.getElementById(&quot;buka-komen&quot;).style.display=&quot;none&quot;' role='button' tabindex='0'>Nhấp vào đây để bình luận!</div>
<div aria-label='Tutup Komentar' class='tutup-komen' hidden='hidden' id='tutup-komen' onclick='document.getElementById(&quot;comments-box&quot;).style.display=&quot;none&quot;;document.getElementById(&quot;tutup-komen&quot;).style.display=&quot;none&quot;;document.getElementById(&quot;buka-komen&quot;).style.display=&quot;block&quot;' role='button' tabindex='0'>Đóng Bình Luận!</div>
</b:if>
<div id='comments-box'>
        <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comments'/>
          </div>

Sau đó các bạn lưu lại và xem kết quả về bài viết button đóng mở bình luận blogspot nhé.

Tag : Cách Tạo Button Đóng Mở Comment Cho Blogspot, nút đóng mở bình luận, nút button đóng mở comment, button đóng mở comment blogger, ẩn hiện bình luận blogspot