Trang Trí Ô Nhận Xét-Comment Của Blogspot
Ở dưới mỗi bài viết đều có một ô comment để khách tham quan để lại những nhận xét,thắc mắc, những lời góp ý...
Mặc định của ô comment này rất đơn điệu và để thu hút hơn sự chú ý của khách tham quan các bạn có thể trang trí ô này thêm sinh động hơn, đẹp hơn...
Để tạo ô nhận xét như ảnh trên ta cần tiến hành các bước như sau:
Bước 1- Đầu tiên bạn đăng nhập vào Blog > Chọn Mẫu > Chọn Chỉnh sửa HTML.Tìm tới thẻ ]]></b:skin> và dán trước nó đoạn code sau:
Bước 2- Tìm tới đoạn code: <div class='comment-form'>
Và sửa nó thành: <div id='dauto3-form'>
Lưu ý:
Bạn hiệu chỉnh thông số bôi màu vàng sao cho phù hợp với kích thước phần bài đăng của blog mình
Một số mẫu blog có thêm đoạn code: <div id='comment-form'> và cũng sửa đoạn code này thành <div id='dauto3-form'>
Chúc thành công!
Mặc định của ô comment này rất đơn điệu và để thu hút hơn sự chú ý của khách tham quan các bạn có thể trang trí ô này thêm sinh động hơn, đẹp hơn...
Để tạo ô nhận xét như ảnh trên ta cần tiến hành các bước như sau:
#dauto3-form iframe{ background:#ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgiVJspf2C214Ik39gzIMfBiYwUDTLs6ACMfbW2ZThytOxMW3NsEqEy30GlDr8FRgRZQtGZmb0kFgnzn8lNvuuN5mxXyyxEt16fabCpp_qDLNhP1l24bWHOsejSqG0CMAwqCAEjatkpv0/s1600/not-spam1.gif) no-repeat bottom right; border:10px groove #7eb2ac; padding:0; font:normal 14pt "ms sans serif", Times; color:#005595; width:618px; } #dauto3-form iframe:hover{ background:#87cefa url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4Dyg4E5k-TZRRM78IM2jY4ogGcOjBOHrYFTCeCbGQjlWxQUZ9vXlUFdBkb0AQjJXk13lUeYxzsqqmNE6GjfEdjZury2FQdeJOfqCNNoi86eRPdlvrG4PN-zIMYbmHPytRoL4JecSryik/s1600/not-spam2.gif) no-repeat bottom right; border:10px groove #ffa500; } #dauto3-form a{ color:#ff00ff; }
Bước 2- Tìm tới đoạn code: <div class='comment-form'>
Và sửa nó thành: <div id='dauto3-form'>
Lưu ý:
Bạn hiệu chỉnh thông số bôi màu vàng sao cho phù hợp với kích thước phần bài đăng của blog mình
Một số mẫu blog có thêm đoạn code: <div id='comment-form'> và cũng sửa đoạn code này thành <div id='dauto3-form'>
Chúc thành công!
Subscribe Our Newsletter
0 Response to "Trang trí ô nhận xét của blogger"
Đăng nhận xét