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