Thứ Hai, 18 tháng 2, 2013
Tiện ích này đơn giản là các
nút bấm điều khiển trên blog của bạn, các nút như lên đầu trang hay xuống cuối
trang thì bạn đã quen thuộc, ở đây mình sẽ có thêm 3 nút với tính năng như trở
về trang trước, nút tự động cuộn blog và ngưng cuộn blog. Nút tự động cuộn tức
là khi bạn bấm vào nút này thì blog bạn sẽ tự động cuộn xuống dưới từ từ, đây sẽ
giúp người đọc có thể đọc bài viết mà không cần dùng chuột kéo thanh trượt nữa.
Bạn có thể xem demo trực tiếp trên site mình, bạn nhìn san bên phải sẽ thấy các
nút bạn bấm vào lần lượt các nút để xem tính năng của nó.
» Bắt đầu
thủ thuật
1. Đăng
nhập vào tài khoản Blogger
2. Vào chọn Mẫu
3. Chọn
chỉnh sửa HTML (Edit HTML)
4. Chèn
code bên dưới vào sau thẻ <head>
<style type='text/css'>
#backscroll {
width:30px;
line-height:50px;
position:fixed;
right:5px;
top:100px;
}
</style>
<script language='javascript'>
/* <![CDATA[ */ suspendcode="<div id='backscroll'><a onclick='javascript:amutop();return false;' href='#' title='TOP'><img border=0 src=\"https://lh5.googleusercontent.com/-ObCGpcQDQDk/T35aQPPWQMI/AAAAAAAAAPA/8iDyiJ07n3Y/s48/top.gif\" width=\"30\"></a><br><a onclick='javascript:history.back();return false;' href='#' title='BACK'><img border=0 src=\"https://lh4.googleusercontent.com/-HQASFJRYdd0/T35aO4vWfrI/AAAAAAAAAOo/WtpQMguYPLs/s48/back.gif\" width=\"30\"></a><br><a onclick='javascript:sc();return false;' href='#' title='STOP'><img border=0 src=\"https://lh5.googleusercontent.com/-mZIfXp3qmSM/T35aP6jrhtI/AAAAAAAAAO0/Dda_pbetGyE/s48/ting.gif\" width=\"30\"></a><br><a onclick='javascript:clearInterval(timer);initialize();return false;' href='#' title='DOWN'><img border=0 src=\"https://lh4.googleusercontent.com/-HW6-lwAajuU/T35aO55KD8I/AAAAAAAAAOs/uWG9m072otc/s48/gun.gif\" width=\"30\"></a><br><a onclick='javascript:amubutton();return false;' href='#' title='BOTTOM'><img border=0 src=\"https://lh4.googleusercontent.com/-i00crAzVJK0/T35aO5nmNdI/AAAAAAAAAOw/t0BCAeUQZbY/s48/end.gif\" width=\"30\"></a></div>"
document.write(suspendcode);var currentpos,timer;function initialize(){timer=setInterval("scrollwindow ()",30)}function sc(){clearInterval(timer)}function scrollwindow(){currentpos=document.documentElement.scrollTop||document.body.scrollTop;window.scrollTo(0,++currentpos)}function amutop(){window.scrollTo(0,0);clearInterval(timer)}function amubutton(){window.scrollTo(0,8E4);clearInterval(timer)};/* ]]> */</script>
5. Giờ bạn save template lại là xong
Chúc các bạn thành công!
.png)
Tin Tức
