Code hay cho blogspot : Cách tạo thanh điều khiển lên xuống cho trang trong blogger

itrum.net

Để tăng sinh động hấp dẫn cho trang blog của mình ta nên thêm một số plugin vào . hôm nay mình sẽ chia sẻ các bạn 1 plugin tạo thanh trượt lên xuống cho trang blog của mình.

Mình thấy plugin này chạy rất tốt trên chrome .

đầu tiên bạn hãy đăng nhập vào blogger của mình nhé.

sau đó chọn phần bố cục.

sau đó các bạn nhấp chọn vào khung thêm tiện ích

tiếp theo nhấn chọn vào htlm/javascript như sau:

sau đó copy đoạn code sau  vào phần nội dung nhé.

<!-- BAT DAU LEN XUONG -->   <style type='text/css'>      #backscroll {        width:30px;        line-height:50px;        position:fixed;        right:5px;        top:350px;                        }    </style>    <script language='javascript'>      /* <![CDATA[ */ suspendcode="<div id='backscroll'><a onclick='javascript:amutop();return false;' href='#' title='LÊN ĐẦU'><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='TRỞ LẠI TRANG VỪA XEM'><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 CUỘN'><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='TỰ ĐỘNG CUỘN'><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'><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>     <!-- KET THUC LEN XUONG -->

sau đó các bạn nhấn lưu lại nha.

bây giờ các bạn hãy nhấn vào chỗ " xem blog" ở đầu góc trái màn hình để xem thành quả trên trang blog của mình nhé.

và đây là thành quả mà ta mong chờ. 

CHÚC CÁC BẠN THỰC HIỆN THÀNH CÔNG NHÉ

by Nguyễn Phương Tân