Hướng dẫn chèn biểu tượng icon facebook vào comment blogger cực đẹp

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
Tác giả: Phú Cường Blogger

Tôi là Cường, sinh viên năm cuối ngành Điện tử - Viễn thông trường Đại học Bách Khoa Hà Nội. Say hello to you!

  • Không được backlink và nói tục. Hãy là một độc giả có ý thức.

    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

    Nhận bài viết mới