© Copyright 2018 Star Quốc Blog
Chào các bạn, theo yêu cầu một bạn độc giả hôm nay mình viết bài này để hướng dẫn các bạn thêm chèn biểu tượng icon facebook vào comment blogger thật đơn giản.

CÁCH THỰC HIỆN

Bước 1: Các bạn truy cập blogger chọn Chủ đề -> Chỉnh sửa
Bước 2: Các bạn tìm thẻ ]]></b:skin> rồi copy đoạn code sau và dán lên trên nó
.comment_emo_list{padding:0;margin:0 0 15px;clear:both;float:left}
.comment_emo_list .item{float:left;text-align:center;height:40px;width:40px;margin:0;padding:6px;transition:.33s;border-radius:50px}
.comment_emo_list .item:hover{user-select:all;-moz-user-select:all}
.comment_emo_list span{user-select:all;-moz-user-select:all;display:block;font-weight:500;font-size:20px;letter-spacing:0;color:#c7c7c7;transition:.33s}
img.comment_emo{width:25px;height:25px;pointer-events:none;-webkit-user-select:all}
Bước 3: Tiếp theo các bạn tìm đến thẻ <div id='threaded-comment-form'> rồi copy đoạn code bên dưới và dán bên dưới thẻ đó.
<div id='emo-box' style='display: none;'>
<div class='comment_emo_list'>
<div class='item'><span>😀</span></div>
<div class='item'><span>😄</span></div>
<div class='item'><span>😆</span></div>
<div class='item'><span>😂</span></div>
<div class='item'><span>😅</span></div>
<div class='item'><span>😊</span></div>
<div class='item'><span>😊</span></div>
<div class='item'><span>😌</span></div>
<div class='item'><span>😏</span></div>
<div class='item'><span>😍</span></div>
<div class='item'><span>😘</span></div>
<div class='item'><span>😚</span></div>
<div class='item'><span>😇</span></div>
<div class='item'><span>😝</span></div>
<div class='item'><span>😜</span></div>
<div class='item'><span>😎</span></div>
<div class='item'><span>😔</span></div>
<div class='item'><span>😖</span></div>
<div class='item'><span>😄</span></div>
<div class='item'><span>😭</span></div>
<div class='item'><span>😵</span></div>
<div class='item'><span>😤</span></div>
<div class='item'><span>😰</span></div>
<div class='item'><span>😱</span></div>
<div class='item'><span>👻</span></div>
<div class='item'><span>💩</span></div>
<div class='item'><span>😲</span></div>
<div class='item'><span>😯</span></div>
<div class='item'><span>😑</span></div>
<div class='item'><span>😩</span></div>
</div>
Bước 4: Lưu lại và xem kết quả 😎

LƯU Ý

Với kết cấu mỗi template là khác nhau cho nên có thể khi bạn làm theo hướng dẫn mà không thành công, khi đó hãy comment link blog của các bạn xuống bên dưới bài này mình sẽ hỗ trợ các bạn.

Ngoài ra các bạn cũng có thể thay thế những biểu tượng icon trên thành những biểu tượng icon mà bạn thích ở bài viết này:
http://www.bacsiwindows.com/2017/09/tong-hop-bieu-tuong-mat-icon-facebook-moi-nhat.html

LỜI KẾT

Vậy là chỉ với vài bước đơn giản là các bạn đã có thể chèn thêm biểu tượng icon facebook vào trước khung comment tuyệt đẹp rồi, giờ đây khi comment các bạn có thể sử dụng những biểu tượng icon này để thể hiện cảm xúc của mình rồi.
Nguồn: BacSiWinDows

- Trong quá trình viết bài chúng tôi sẽ có nhiều thiếu sót mong các bạn đóng góp để chúng tôi rút kinh nghiệm hơn !
- Mọi chi tiết xin liên hệ:
• Email: Naruto95qt@gmail.com
• Facebook: Fb.com/Ryoz.Designs

» Hướng Dẫn Chèn Liên Kết: <a href="Link" rel="nofollow">Tên</a>
» Tích vào ô "Thông báo cho tôi" để nhận thông báo phản hồi của Admin


Cùng tham gia bình luận bài viết này nhé!

7 nhận xét:

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

    Trả lờiXóa
  2. Template edit chưa hết à, còn nghĩa rồng kìa.

    Trả lờiXóa
  3. :v hậu quả của việc copy :))) chỉnh cái backround lại thành màu trắng đi.

    Trả lờiXóa
    Trả lời
    1. tìm .post{border:1px solid #444;background:rgba(0,0,0,.4) và sửa thành .post{border:1px solid #444;background:#fff đi là hết bị nhé

      Xóa