Tạo một bức ảnh luôn xuất hiện trên Blog
Các bạn tiến hành theo thứ tự những bước sau đây :
- Đăng nhập vào Blogger > Layout > Edit HTML (không cần Mở rộng Mẫu tiện ích).
- Tìm đến thẻ ]]></b:skin> và thêm đoạn code dưới đây ngay bên trên nó :#top_image {Lưu ý : Với đoạn code này, mình đã thiết lập cho hình luôn xuất hiện ở vị trí góc Cuối/Phải . Nếu không thích vị trí này, bạn hãy thế Bottom/Right thành Top/Left (góc Trên/Trái) hay đại loại thế.
position:fixed;
bottom:5px;
right:5px;
clip:inherit; - Tìm tiếp thẻ </body> và thêm đoạn code này vào :<div id='top_image'><img src='http://i259.photobucket.com/albums/hh283/boy_proDX/Banner_Summer_2009.png'/></div>Lưu ý : Bạn hãy chỉnh lại Link hình bên trên thành Link hình của bạn (Hãy dùng hình có kích cỡ nhỏ để ít tốn thời gian load Blog và không gây phiền phức cho người đọc). Đồng thời, nếu muốn chèn URL vào hình, hãy sử dụng thẻ <a href="URL"><img src="Link hình"></a>.
- Save lại template và kiểm tra kết quả.
Đăng nhận xét