Button lên, xuống, vào giữa trang blog
Giới thiệu: Để tiện cho việc người khác lướt blog (web) của mình, các bạn có thể tạo các nút nhảy lên đầu trang, nhảy xuống cuối trang, hoặc nhảy vào giữa trang.
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 CSS sau:
/* Button lên, xuống, vào giữa trang blog (1)*/
#top-buttom_image {
position:fixed;
_position:absolute;
/*Vị trí đặt button*/
bottom:5px;
right:5px;
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:
<!-- Button lên, xuống, vào giữa trang blog (2) -->
<script type='text/javascript'>
var maxWidth = (document.body.clientWidth);
var maxHeight = (document.body.clientHeight);
</script>
<div id='top-buttom_image'>
<a href=' javascript:top.window.scrollTo(0,0)' title='Lên đầu trang'><img alt='Lên đầu trang' border='2' src='LINK_HÌNH'/></a><br/>
<a href='javascript:window.scrollTo(maxWidth,maxHeight/2)' title='Vào giữa trang'><img alt='Vào giữa trang' border='2' src='LINK_HÌNH'/></a><br/>
<a href='javascript:window.scrollTo(0,999999)' title='Xuống cuối trang'><img alt='Xuống cuối trang' border='2' src='LINK_HÌNH'/></a>
</div>
Thay LINK_HÌNH thành link ảnh button của bạn.
Bước 3: Save template. (Lưu mẫu)
Một số mẫu button
Tags: Thủ thuật blogspot
Đăng ký:
Đăng Nhận xét (Atom)
Labels
18+
(1)
Album ảnh cưới
(2)
Ảnh desktop
(2)
ảnh hải phòng
(1)
Ảnh lưu
(3)
bài hát
(1)
bấm huyệt
(1)
biển đông
(1)
biểu tình
(2)
ca khúc
(1)
cắt cáp
(1)
chấp pháp
(1)
chống trung quốc
(2)
chủ quyền
(1)
chúc mừng năm mới
(1)
đăng ký tên miền
(1)
đường lưỡi bò
(1)
facebook
(2)
fam
(1)
forum
(1)
gây hấn
(1)
hà nội
(1)
hải phòng
(2)
hải tặc
(1)
HTML
(3)
kis
(1)
kis2012
(1)
làm vợ
(1)
lãnh hải
(2)
logo fam
(1)
Love song
(1)
lượm
(12)
Mẹo
(4)
ngư chính
(1)
Người già
(3)
Nhạc tiền chiến
(1)
Phần mềm
(1)
Phim hoạt hình
(1)
sex
(6)
Tán gái
(2)
tàu hải giám
(1)
tàu sân bay
(1)
Tâm lý
(20)
template
(3)
Tên miền
(1)
tên miền miễn phí
(1)
thiết kế logo
(1)
thủ thuật
(1)
Thủ thuật blogspot
(62)
Tin học
(50)
tranh chấp
(1)
Trẻ em
(2)
TV online
(1)
vợ chồng
(1)
Y học
(30)
yêu nước
(1)
yoga
(19)
Share your views...
0 Respones to "Button lên, xuống, vào giữa trang blog"
Đăng nhận xét