Home » Thủ thuật blog
Nút điều khiển lên xuống toàn trang cho blogspot
Thứ Năm, 2 tháng 5, 2013
Thủ thuật thêm những nút điều khiển cho trang Web, blog giúp người xem blog không phải kéo thanh cuộn của mình khi muốn lên hoặc xuống. Làm thế nào để thêm được nút điều khiển, điều hướng cho blogspot.
Thủ thuật blogger hôm nay mình giới thiệu tới các bạn cách thêm nút điều khiển lên xuống với chức năng đầy đủ nhất.
Nếu dạo quanh nhiều blogger khác nhau thì các bạn cũng thấy khá nhiều blog sử dụng thủ thuật này. Mình giới thiệu nó hơi cũ nhưng ai cần thì sử dụng nhé:
Chức năng: Lên - xuống - dừng lại - Quay về trang trước.
Demo tại Blog: Tin shock
- Hướng dẫn thủ thuật:
1. Vào bảng điều khiển blogger -> Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)
2. Tìm tới (Ctrl + F) </head> và dán code dưới đây ngay trên nó
3. Lưu mẫu lại và xem kết quả nhé.
Trong đó các giá trị bôi đỏ các bạn có thể chỉnh sửa theo ý mình nhé (chủ yếu là cao thấp)
Tags:
Thu thuat, Thu thuat blogspot, Thủ thuật blog
Thủ thuật blogger hôm nay mình giới thiệu tới các bạn cách thêm nút điều khiển lên xuống với chức năng đầy đủ nhất.
Nếu dạo quanh nhiều blogger khác nhau thì các bạn cũng thấy khá nhiều blog sử dụng thủ thuật này. Mình giới thiệu nó hơi cũ nhưng ai cần thì sử dụng nhé:
Chức năng: Lên - xuống - dừng lại - Quay về trang trước.
Demo tại Blog: Tin shock
- Hướng dẫn thủ thuật:
1. Vào bảng điều khiển blogger -> Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)
2. Tìm tới (Ctrl + F) </head> và dán code dưới đây ngay trên nó
<!-- Nut dieu khien -->
<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='Lên đầu trang'><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='Quay lại'><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='Dừng lại'><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='Di chuyển xuống'><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='Xuống chân trang'><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>
3. Lưu mẫu lại và xem kết quả nhé.
Trong đó các giá trị bôi đỏ các bạn có thể chỉnh sửa theo ý mình nhé (chủ yếu là cao thấp)

- Cách cài đặt Domain (tên miền) cho blogspot không bị chặn
- Xóa dòng chữ "hiển thị tất cả bài đăng có nhãn..." trong blogspot
- Template tin tức giải trí tuổi trẻ [tiin] cho blogspot
- Rss Feed Subscription đẹp - Nhận tin theo dõi Blogspot
- Thêm tác giả, quyền Admin cho blogspot
- Thêm Slide bài viết mới chạy ngang cho Blogspot
- Thủ thuật Facebook chèn link web vào stt FB hiện chung với like cmt và share
- Hiển thị nhãn (label) phong cách màu tím cực nổi cho blogspot [V3]
- Biểu tượng trái tim tình yêu đẹp trên Facebook (FB)
- Thêm Google translate - dịch đa ngôn ngữ cho Blogspot
- Code Javascript tạo thêm đồng hồ cho Website, blog
- Blogger Templates Vector Responsive
Comments[ 0 ]
Đăng nhận xét