Chèn ảnh luôn hiện ở phía trước mặt Blog - Thích hợp cho quảng cáo

21:24 | 8 tháng 12, 2011
Untitled


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 Dashboard (Bảng điều khiển) 
2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML) 
3. Không cần đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích)

4. 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*/
left: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); }

left:5px;  Nếu bạn muốn hiện bên phải thì thay bằng: right:5px;

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= "http://kenhdaihoc.com/forum/images/ads1.gif"/>
</div>

http://kenhdaihoc.com/forum/images/ads1.gif - Thay bằng link ảnh của bạn
Bước 3: Save template. (Lưu mẫu)

Ý kiến bạn đọc [ 0 nhận xét ] Thêm Ý kiến của bạn cho bài này

Ý kiến của bạn

* Lưu ý :
- Vui lòng gõ tiếng Việt có dấu khi viết bình luận.
- Nội dung phải liên quan đến chủ đề bài viết.
- Không dùng lời lẽ khích bác, thô tục ảnh hưởng đến người khác.
- Không đặt link đến Blog/Web khác.
- Những góp ý, thắc mắc không liên quan các bạn vui lòng post tại đây.
Thân, weblamgiau.

 
Copyright © 2011 by weblamgiau. All rights reserved.
Địa Chỉ;79,Đ.Phạm Hùng Dũng,TX.Hồng Ngự,T.Đồng Tháp
Tác giả:Tống Kiều Loan
EMAIL:weblamgiau@gmail.com
Copyright © 2011 by weblamgiau. All rights reserved.
Ghi rõ nguồn khi phát hành lại thông tin từ Website này
Design by weblamgiau. Powered by Blogger
Based on Minima Template.