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!
Tin Tức
9 nhận xét:
Hay
Tri mun trung ca
Đã làm theo hướng dẫn !
Thành công hoàn toàn bạn nhé ! Thanks
Lâu không thấy bạn post bài nhỉ !
Hay Lém Cảm Ơn
Chào bạn, mình từ blog yahoo qua đây còn bỡ ngỡ muốn thay giao diện cho blog mới của mình mà tìm mãi suốt buổi tối nay mà tìm không ra bảng điều khiển như trên mạng đã hướng dẫn để thay css. Bạn có thể vào xem giúp mình không?
Trang của mình là http://smallcandle.blogtiengviet.net/
Login: smallcandle
Password: desomei
Bạn thông cảm cho mình nha, mình cũng ko rành về blog yahoo nên ko giúp đỡ cho bạn đc
mình nhắc nhở bạn nên thay đổi pass đi, tránh trường hợp kẻ khác vào quấy rối blog bạn đấy. Thank bạn
mình làm được rồi cảm ơn bạn nhé
game dua xe tren android - tai game dua xe moto chơi thật vui và đã
Đăng nhận xét
» CĐQTKD5A cảm ơn bạn đã giành chút time để đọc bài viết.
» Nếu có thắc mắc hay góp ý, bạn hãy để lại một nhận xét.
» Nếu thấy bài viết hay hãy chia sẻ với những người thân, bạn bè biết.
» Vui lòng đăng những nhận xét lịch sự và gõ tiếng Việt có dấu.
» Những lời comment thiện ý của bạn sẽ giúp trang CDQTKD5A ngày một phát triển!