10/11/12

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

10/11/12

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/AVvXsEgTGGp5HZavoCYkHJButKwSqgmMkc0qu37LpHpDhqEDYCgS57VGNnb4CpsI-NJFNNKS6nmxc4UyDbhv5Up9Uw6FvcVEiN7Rq8GGNwefdGIU3xTocn1D1RhA3anfwRfT_vbSjCJqPL97Uu5t/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é!
    Tin liên quan
    XEM TRÊN MOBILE

    No comments:

    Post a Comment

    300x250