DEMO
Công cụ có các nhiều chức năng giúp người đọc dễ dàng thao tác trên blog của bạn. Đặc biệt là những blog viết lách, tài liệu. Để thêm widget này bạn thực hiện theo bước sau:
Vào Bố cục > Thêm tiện ích > HTML/Javascript dán đoạn code sau vào khung nội dung và lưu lại. Ở bài này Khánh có giới thiệu 2 mẫu cho bạn lựa chọn. bạn có thể sử dụng 1 trong 2 đọan code sau:
Mẫu 1
<style
type="text/css">
#backscroll
{width:30px;line-height:50px;position:fixed;left:5px;top:200px;}
</style>
<script
language="javascript">
suspendcode="<div id='backscroll'>
<a
onclick='javascript:amutop();return false;' href='#' title='TOP'><img
src=\"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6jz6cK89YlY-Oa3d_PLZx8hCc8pfLfzagbHSgYmOeDnMjDuOkPZ7_VCcSfHZ6gtErZ_qMbxAs64-LHA9pWYswwwJ1b1qDvRwA3zA7aKw1jqOMn3yC_37g0xztzdNbmDJg325uS8vnItDv/s0/\"
width=\"30\"></a><br><a
onclick='javascript:history.back();return false;' href='#'
title='BACK'><img
src=\"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2Uerw5z6_Aoo_FVoaApxU2SO5RTNme0qaMuYT9BLRB31wQtaOb_lxnlK5FDDjiBW44jcH1H32rj_Oc49OLl6LP8OnG9-Wjw6ShLYVaNqq9Qhyphenhyphen2OdP9Qf3RBg84RXX18E-WXFveNKHb6bN/s0/\"
width=\"30\"></a><br><a onclick='javascript:sc();return
false;' href='#' title='STOP'><img
src=\"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhM0U7YiKvBiz38l71HvZg2DhhiQOaYkRHouUbbseQiCpKIWHddkbA1wOapBAcBbqaO3c65s6Pe1AJf4dfIswGwytJhqR3SHP827lq_hvtq4_5mYNtW_QncTuvob41xPnHoIReYD8H4Xsw/s0/\"
width=\"30\"></a><br><a
onclick='javascript:clearInterval(timer);initialize();return false;' href='#'
title='DOWN'><img
src=\"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY7UgAjbx8Od-m6C_q-sltOFRnvOblflQYRd-LTOosIEXwnP7MX5BxprwLr6S5njiPoM7fl7apjulHakHuNqGBbS8CLI2ZgxqkrOkgPtdtHGww7aPggJVv6FAd9ODZUmxUK6la7uiSwzrW/s0/\"
width=\"30\"></a><br><a onclick='javascript:amubutton();return
false;' href='#' title='BOTTOM'><img
src=\"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgKJDLKAelMFdZYrkLtEVIqulMPMApLHjMnBDYTNXzZ38Emry7NVZKteUOFcfzoarhImv9tGQAv7aDC9kNnrWFBjpZG-KaNs0_0jhbCMKbT0Txznu_wgBZKzU4pT-B2IV3hiT7bv-EZ6Gd/s0/\"
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>Mẫu 2
<style
type="text/css">
#backscroll
{width:30px;line-height:50px;position:fixed;left:5px;top:200px;}
</style>
<script
language="javascript">
suspendcode="<div id='backscroll'>
<a
onclick='javascript:amutop();return false;' href='#' title='TOP'><img
src=\"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9Hc12zvLvYSFnMVwNnxRnpZepumPOdIazOdR0zRgcPmcTbYtoucGhQsaVkG2feGj7GFpfAe9WjSGGO7SuDvZmVgC4EQEfJ8Ro6X-oGcVxxnF56IbO9FsPc5jiHjTr7MGCwcpfiYGqt_HU/s1600/top-blogduykhanh.gif\"
width=\"30\"></a><br><a
onclick='javascript:history.back();return false;' href='#'
title='BACK'><img
src=\"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqbvNMNGlpv8AkTwGyFP3mIGpIEhrGkgwvFqtOzqk7lKKYtlNv0WScCnm8fNQH2GQX65Zx1V6aB-PVzJC1LkP9Jmr36I6FRm6qXinFpaDaL9sDCugTYUvSyIA40W8mBuw1z9BtB_2WtaUE/s1600/back-blogduykhanh.gif\"
width=\"30\"></a><br><a onclick='javascript:sc();return
false;' href='#' title='STOP'><img
src=\"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilA-eXxaMBSS_gYjjjkToRfHh7nV4uOvVGJRGc6cpvzHbO7KaEa_qtg4RJGI0xTfu9WzTkSX67UhqijC0kEg20oT9_PfXNyqbTmPO1_-ZVp8zYETYg9oEV_iKhbNQMUXedZMZrZCjRW340/s1600/pause-blogduykhanh.gif\"
width=\"30\"></a><br><a
onclick='javascript:clearInterval(timer);initialize();return false;' href='#'
title='DOWN'><img
src=\"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqq-AKEEyos_WYU0i88tUpKSIA_tc455S719mDgBfPpYo40RxY9mgaMN50ino6pTNQw49dkSlU7v2TRGY02_Hp04_OEbVqfjsZ5d5xYwXYkbzSMc-jzFLqNCxXU9abKGZ-l-SM3QfreANm/s1600/gun-blogduykhanh.gif\"
width=\"30\"></a><br><a onclick='javascript:amubutton();return
false;' href='#' title='BOTTOM'><img
src=\"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg38aTIKgmO1t9WLe3Mu5tNxNyYGcJdxfgYpN1IZsh08TKSexOEpsDLdmnS9-G0D4T2iOPi9gSvzMoA5DdepsuI-lv_aca37dnzoAK0-gTjt34sH78BZru6sINBF5kIKOA_uBq6pP9okbGf/s1600/bottom-blogduykhanh.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> Trong
đó bạn có thể đổi left thành right nếu
muốn widget hiện ở bên phải blog. top:200px là khoản cách
widget với trên cùng blog, bạn cũng có thể thay đổi nó. Chúc thành công!