Trang trí khung Comment cho Blog

TyniSoft    1/23/2013    Thủ thuật blog    Comments   

Trong Blog hay WEB thì một phần không thể thiếu đó chính là Khung Viết Lời Bình để ghi nhận lại lời bình luận hay nhận xét của một ai đó đánh giá về bài viết của bạn. Đối với Blog khung Viết Comment còn khá là đơn điệu chính vì lẽ đó blog hay web chúng ta thiêu đi sự tinh tế. Ngày hôm nay mình xin mạng phép giới thiệu đến các bạn một ứng dụng độc đáo để trang trí cho Khung Comment Blog chúng ta them phần sống động và đầy màu sắc.
Lưu ý: Trước khi thực hiện các bạn nhớ sao lưu lại Blog của mình để tránh trường hợp xấu là làm xong nó chạy tùm lum ^,^. Bạn vào Blog của mình Chọn Mẫu ---> Sao lưu/Khôi phục (Bên phải màn hình)---> Tải xuống mẫu hoàn chỉnh.
+ Cách thực hiện như sau:

1. Vào Blog > Mẫu > Chỉnh sửa HTML ( Nhớ Click vào ô Mở Rộng Tiện Ích)
2. Bấm tổ hợp Phím Ctrl+F hiện ra hợp thoại tìm kiếm bạn nhập vào ]]></b:skin>
3. Copy tất cả Code CSS phía dưới dán ngay phía trên thẻ ]]></b:skin>

#mybtips-form iframe{ background:#ffffff url(LINK HÌNH) repeat; 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:#ffffff; width:560px; height:213px !important; } #mybtips-form a{ color:#fff; }

    4.  Tìm tiếp thẻ

<div class="comment-form">

    5.  Thay đoạn thẻ trên bằng đoạn thể như sau.

<div id="mybtips-form">

    6.  Lưu lại. Thế là xong
Sau đâu là một số hình.
Các bạn Copy toàn bộ Link hình dán vào ô màu đỏ ở phía trên.
Hình 1:

http://1.bp.blogspot.com/-TjJflzKETo4/ToB8PzdeWdI/AAAAAAAAAO4/e39aQolo8c8/s1600/238+%25281%2529.jpg

Hình 2:

http://3.bp.blogspot.com/-9J_2sSAD-Wg/ToCAy4hppjI/AAAAAAAAAPM/3FKPo9TZoFU/s1600/153.jpg

Hình 3

http://3.bp.blogspot.com/-9J_2sSAD-Wg/ToCAy4hppjI/AAAAAAAAAPM/3FKPo9TZoFU/s1600/153.jpg