Đổi màu khung comment của blogspot khi rê chuột đến

Rê chuột vào comment phía dưới để xem ví dụ

Chèn code để thêm hình nền và thay đổi khung comments khi rê chuột đến
1.Vào Blogger > Mẫu >Chỉnh sửa HTML
2.Chọn “Mở rộng tiện ích mẫu”
3.Tìm đoạn code sau (Ctr + F)
<div class='comment-form'>
4.Sau đó thay thế đoạn code vừa tìm được phía trên bằng code sau
<div id='mbt-form'>
Tìm ]]></b:skin> và dán phía trên nó đoạn code sau
#mbt-form iframe{
background:#ffffff
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO8QfJHFKQNm1_nm5ogLGqnxH34haaBB-vfurEIEn0x2nyqERtlPXB69JQoTE6ooTYurtRzjjE3UaHnlCgo0G5thWgKBqYIL3RGmF0rnwnpGdpTTKfB619Fzp8fTxYhKyZi7fV87i9VTBE/s400/plz-do-not-spam1.gif) no-repeat bottom right;
border:7px solid #C7C7C7;
padding:5px; font:normal 12pt "ms sans serif", Arial; color:#7EB2AC; width:100%; }
#mbt-form iframe:hover{
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJE4gDPRy-CS_y0baeWAmYs1D59WM5nl0cNhHlwz73VWCXUgPwbaL6mQV7d9W2tQTE2CgJWyVQSf8NpTuqT15ysKWsZhlGQh4HT6WY8SC6fFIXlFF-yP2WXwCkKaCENM8-cptAdOwCSagc/s400/plz-do-not-spam2.gif) no-repeat bottom right; border:7px solid #7EB2AC;
}
#mbt-form a{
color:#7EB2AC;
}
5.Save template và xem kết quả

Tuy nhiên các bạn hoàn toàn có thể thay đổi hình nền cũng như màu chữ trong khung comments theo hướng dẫn dưới đây

Tùy chỉnh code cho phù hợp với blog
Ta để ý đến 3 đoạn ở code trên
#mbt-form iframe
#mbt-form iframe:hover
#mbt-form a
1.Đoạn code quyết định những yếu tố khi chưa di chuột đến
#mbt-form iframe
background:: Màu nền
url Hình ảnh thứ nhất
border: Độ dày của khung viền ngoài
solid : Màu khung
padding: Khoảng cách giữa khung comment và khung viền ngoài
color:: Màu chữ bên trong khung
width: Chiều rộng của khung comment
2.Đoạn code quyết định những yếu tố khi chuột rê đến
#mbt-form iframe:hover
3.Đoạn code quyết định màu của 2 link Đăng xuất và Đăng ký qua email
#mbt-form a