Thay đổi giao diện khung comment của 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/AVvXsEhMZG0KdNYGQwRys7-92IpqwIhR5LcHt0XH4b4ydvKcr9SCO3xd2v88zz6X3GJe8K9g2V82Yi1NIp9WhrnXuHufRi67-ukpaQUEhFKlWgHLiamE2fn934C_6cwt1LLAiU5oN4UmF-YcMHQ9/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é!
5 Comments
Comments

5 comments

Anonymous
11/10/12
:1)
11/10/12
@Nặc danh:3) :3) :3)
15/12/12
Không thành công bạn ơi. huhuhu
16/12/12
Bạn làm nó báo lỗi hay thực hiện đầy đủ các thao tác trên mà không thành công? :-?
24/8/17
mình làm theo như hướng dẫn ở bài viết những vẫn không được, mình làm cho web http://lambangdaihoclayngay.blogspot.com/p/lam-bang-dai-hoc.html

Cảm ơn bạn đã ghé thăm Troll VL !
» Tạm thời ngăn không cho comment với chế độ ẩn danh vì có một số bạn không có thành ý cố tình spam. Mong các bạn thông cảm!
» Bạn nên viết bằng Tiếng Việt có dấu để mọi người dễ đọc, dễ bình luận
» Để liên hệ,góp ý và đóng góp bài viết bạn click vào đây
Sử dụng các thẻ sau cho comments
» Chèn nội dung vào blockquote <b rel="quote">Nội dung blockquote</b>
» Chèn nội dung vào note <em rel="note">Nội dung note</em>
» Chèn code vào khung pre <i rel="pre">Nội dung code</i>
» Chèn hình ảnh <i rel="image">Link hình ảnh</i>
» Chèn video từ youtube [youtube]link video[/youtube]
» Chèn link <i rel="anchor">Link</i>

Insert Emoticons
:cuoi
:hihi
:thank
:haha
:meu
:cry
:oaoa
1cuoi
:D
@@
:p
:o
:vi
:ko
:ca
:why
:xin
:lanh
:im
:aoi
:ado
:mda
:tat
0:khoa
a:ab
k:ac
q:ad
w:ae
e:af
l:ag
g:ah
8:ai
9:aj
9:ag
:9a
*Phải có khoảng trống trước các code mới hiển thị mặt cười


Mã Hóa Code Tạo và xem trước comments Cancel Reply
-->