Đăng bởi: CTG blog
Thứ Ba, tháng 3 08, 2011
[24]
Thủ thuật: Chèn ảnh luôn hiện ở phía trước mặt Blog
Nguồn: [FD's BlOg]



Giới thiệu: Khi thực hiện điều này các hình ảnh được chèn sẽ luôn luôn xuất hiện ở phía trước mặt của blog của bạn, hình ảnh sẽ luôn luôn xuất hiện ngay cả khi người xem di chuyển chuột (lên, xuống) trong blog của bạn.


CÁCH THỰC HIỆN

1. Đăng nhập Blogger
2. Chọn: Mẫu > Chỉnh sữa HTML

3. Chèn script.

Bước 1: Tìm dòng ]]></b:skin>

- Thêm vào trước nó đoạn code sau:

/*Chèn hình cố định (1)*/
#top_image {
position:fixed;
_position:absolute;

bottom:5px; /*Vị trí hình trên blog*/
right:5px;     /*Vị trí hình trên blog*/ 

clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth – offsetWidth); }

Bước 2: Tìm thẻ đóng </body>

- Thêm vào trước nó đoạn code sau:

<!--Chèn hình cố định (2) -->
<div id='top_image'>
<img src= "LINK_HÌNH_CỐ_ĐỊNH"/>
</div>


Bước 3: Save template. (Lưu mẫu)

THE END.

1 nhận xét:

Trả lời
Đing Kiu Truê nói...
lúc 13:37 16 tháng 12, 2011  

Cái này giống trượt quảng cáo :D

Lên đầu trang
Xuống cuối trang