TRANG TRÍ KHUNG THÔNG BÁO COMMENTS

Người đăng: yeu mai em on Thứ Bảy, 19 tháng 1, 2013

 Ở cuối mỗi bài đăng, các bạn sẽ thấy có ô comments để các "quý khách" ghé thăm bình luận, trao đổi hoặc kết bạn...
Trên ô comment, các bạn có thto một thông báo hoặc ghi chú nào đó đến khách tham quan và để trang trí cho bảng thông báo đẹp hơn các bạn cần đến thủ thuật nh sau.





 
Các bạn xem ảnh minh hoạ nha

 
Đầu tiên bạn cần phải tạo thông báo cho comments (xem TẠI ĐÂY).
Khi có bảng thông báo rồi, bạn bắt đầu trang trí cho "nó".
Bạn đăng nhập vào Blog > Chọn Mẫu > Chỉnh sửa HTML (xem hình).


Một bảng mã nguồn Blog hiện ra, bạn bấm cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào hp tìm kiếm dòng lệnh ]]></b:skin>
Bây giờ bạn copy toàn bộ code phía dưới dán trên dòng lệnh ]]></b:skin> này.
 .comment-form p {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqummP_oidpwxRVqMGACIsOl1m8AhNP4tiXeWUD0YyO98gxWTVdhkRPBsk86EwTvAI5yscltz1AS7fswatW1rmDJxkm0WqsjeR1iDGE5unAXdhYrznNpgDpMoO2OcbgHJAzpyZro2GsiU/s1600/0055.gif);
background-position: 1em 3em;
background-repeat: no-repeat;
background-color:#151B8D;
width: 124%;
border: #00FFFF dashed thin;
padding: 1em;
padding-left: 110px;
color: #ffffff;
}



Bạn có thể thay đổi dòng lệnh màu đ (đây là link ảnh ở góc trái) và các dòng lệnh màu xanh để phù hợp với blog ca mình, trong đó:
* background-color: màu nền của ô thông báo
* border: màu của đường viền
* color: màu chữ thông báo   

Cuối cùng bấm Lưu lại rồi trở lại Blog xem kết quả nha.
Chúc các bạn thành công  
  
 
More about

ẢNH ĐỘNG I LOVE YOU (Phần 2)

Người đăng: yeu mai em on Thứ Tư, 16 tháng 1, 2013

Dưới đây là một số ảnh động có kích thước 240x320 với chủ đề I LOVE YOU. Bạn rê chuột vào giữa 2 ảnh và lăn bi chuột giữa hoăc kéo thanh trượt ở bên phải của ảnh để xem toàn bộ ảnh động phía dưới. Bấm phải chuột vào ảnh chọn Save image as...để tải ảnh về.
Mời các bạn cùng xem.














* Mở rộng thêm:
Muốn chèn các ảnh trên vào bài đăng thì bạn chọn Bài đăng mới và bấm vào thẻ chèn hình phía phía trên thanh công c để chèn ảnh, còn nếu bạn muốn chèn ảnh vào các tiện ích ở các cột bên thì bạn bạn thêm tiện ích HTML/Javacript (xem TẠI ĐÂY), sau đó copy đoạn code phía dưới dán vào
<center>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu4PfRxD0cZefTU_ZDpqR9GFdkO4nhC3K5Abx57GVs6omNoLI0f7I4lkN2cgAnsKokWQsZRWqXzbd7CaNnU-Oi8syppcFV4lKWsUL2cAUXRlqfdwe5dRluEjVZmbtweJ4VyhUU09YBBU8/s1600/0023.gif" width="240" /></div>
</center> 

Bạn thay đổi đường link màu xanh (link ảnh) bằng cách bấm phải chuột vào ảnh chọn Copy Image Location để lấy link ảnh thay vào, sau đó bạn thay đổi các chữ smàu đ trong đó height (chiều cao) width (chiều rộng) cho phù hợp với blog ca mình. Cuối cùng bấm Lưu lại là xong
Chúc các bạn vui!!!



More about