Home » Thủ thuật blog
Chèn ảnh luôn hiện ở phía trước mặt BlOg của bạn

Ứng dụng phổ biến của việc này là tạo 1 nút nhảy lên đầu trang (giúp cho việc di chuyển lên trên đầu trang). Như blog của mình (xem ảnh).
Xem hình minh họa:

Để làm điều này, các bạn thực hiện các bước sau: (nên save template lại trước khi làm)
1. Đăng nhập vào BlOg của mình.
2. Vào Chỉnh Code HTML
3. Nhấp vào Mở Rộng Tiện Ích
4. Chèn đọan code sau ngay trên dòng ]></b:skin> :
#top_image {
position:fixed;
_position:absolute;
bottom:5px;
left:5px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
Trong đó:
_position:absolute;
bottom:5px;
left:5px;
là vị trí bạn muốn hiển thị trong blog, trong trường hợp này là phía trái bên dưới.
- Nếu bạn muốn hiển thị chỗ khác có thể tham khảo code bên dưới
Phía dưới bên phải
bottom:5px;
right:5px;
Phía trên bên phải
top:5px;
right:5px;
Phía trên bên trái
top:5px;
left:5px;
Ngòai ra để hiển thị tại vị trí bất kì bạn chọn code :
top:5px;
left:5px;
rồi thay đổi trị số px. Nếu màn hình có độ phân giải 1024x768 pixel, muốn hiển thị ngay chính giữa thì chúng ta có code sau:
top:512px;
left:384px;
5. Tiếp theo chèn tiếp đọan code bên dưới ngay trên thẻ đóng </body>
<div id='top_image'>
<img border='0' src='{link hình}'/>
</div>
6. Save template. Xong
Chúc các bạn thành công.

- Giải pháp Blogger bị chặn 02/07/2012
- Các truy vấn cơ bản với Blogspot
- Nâng cấp ANC Gdata lên phiên bản 2.
- Hướng dẫn config domain cho hầu hết các mạng.
- Khắc phục hiện tượng chặn web của VNPT.
- Giải pháp VNPT chặn blogger ngày 09/06/2012
- Tạo thumb cho bài đăng phổ biến
- Tạo lại header cho chuẩn Seo
- BlogSpot cải thiện tính năng SEO cho blog
- ANCKeywords - Tự động cập nhập keywords từ người dùng cho site.
- ANCData - Plugin load feed Blogger version 1
- Đưa Radio vào Blog của bạn (Yêu cầu)
Comments[ 0 ]
Đăng nhận xét