
TẠO NÚT LÊN ĐẦU TRANG VÀ XUỐNG CUỐI TRANG CHO BLOGSPOT
Bạn làm theo hướng dẫn sau:
1. Đăng nhập vào blogger
2. Chọn Mẫu >>chỉnh sửa HTML
3.Tìm thẻ <head> [ Muốn tìm nhanh thì làm như sau: Nhấn tổ hợp phím: Ctrl+F sau đó gõ: <head> rồi nhấn Enter ]
4. Copy đoạn mã sau và chèn vào sau thẻ <head>
code:
<style type='text/css'>
#backscroll {
width:30px;
line-height:25px;
position:fixed;
right:10px;
top:400px;
}
</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:clearInterval(timer);initialize();return false;' href='#' title='DOWN'><img border=0 src=\"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJGj5f4EzjqfDw6IPgqK9PY-uqHbn8amAksnoPd1_jFJkhEBQ0fZ6BgzlPsBKJsZnyVHIDgE-zvjMntR2-qdc2jZ0E5fnw9tfhBdBEOTw_z-GImpKsWOyDLxlTPwcWDHV2z9-zbkTrGnNZ/s1600/PLAY-blogspot.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: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. Lưu mẫu lại và xem kết quả.
LƯU Ý:
Nếu có nút lên xuống mà bấm vào không thấy tác dụng thì bạn thêm đoạn z-index:999999 vào phần CSS như sau:
#backscroll {z-index:999999;
width:30px;
line-height:25px;
position:fixed;
right:10px;
top:400px;
}
CHÚC BẠN THÀNH CÔNG
GIỚI THIỆU BẢN THÂN