Home » Thủ thuật blog
Chèn ảnh luôn hiện ở phía trước mặt BlOg của bạn
Thứ Bảy, 11 tháng 4, 2009

Ứ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.

- 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)
- [Updated] K14 - Pro Menu (với hiệu ứng prodown)
- Chèn Chabox Gtalk vào BlogSpot.
- Jquery Slider Tin Tức - News Slider
- Quà tặng âm nhạc cho BlogSpot
- Tiện ích Top Commentators cho blogspot
- Chèn link Google Search vào footer của bài viết
Comments[ 0 ]
Đăng nhận xét