Thay đổi giao diện khung comment của blogspot

♥ Trang chủ » Thủ Thuật Blogspot » Bài viết đang xem:

Thay đổi giao diện khung comment của blogspot

Đăng bởi Huy 11:08 2 nhận xét

Thủ Thuật Blogspot

Thay đổi giao diện cho khung comment

Demo 1.Vào Blogger > Thiết kế > Chỉnh sửa HTML và nhớ chọn "Mở rộng Mẫu Tiện Ích"

Trước khi thực hiện mình khuyên các bạn nên sao lưu lại mẫu hiện tại

2.Tìm ]]></b:skin> và dán code sau vào trước nó

#mbt-form iframe{ 
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_pYz6a9x8TXUjiQfVFi45lUr8fG-ab_Hfh43QJGyl1I9D9kvg1Q3nYEp_tCtxWCHPIQ9j-kpLYvVKNHQ_NNbKQzsytw-SCcbZUNvwXbqbkd21xOAuj6ir6U6B4J_1GC_-uQBHE_Klu55L/s400/11.png) repeat-x; 
border:1px solid #ddd; 
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
box-shadow: 5px 5px 5px #CCCCCC; 
padding:5px; 
font:normal 12pt "ms sans serif", Arial; 
color:#2F97FF; 
width:560px; height:213px !important; 
}
#mbt-form a{ 
color:#fff; 
}

Bạn có thể thay đổi hình nền sao cho phù hợp với blog của mình tại đây với 1000+ hình nền đẹp dành cho comment blog tha hồ các bạn lựa chọn
Chỉnh sửa chiều rộng width:560px và chiều cao height:213px
Hoặc bạn có thể thay đổi màu chữ hiển thị trong khung comments theo ý thích

3.Tiếp đến tìm thẻ <div class='comment-form'> và thay thế bằng code sau
<div id='mbt-form'>
4.Cuối cùng là Lưu mẫuvà xem kết quả
Chúc blog của bạn ngày càng đẹp hơn và nhớ comments nếu bạn thành công nhé!