Bảng điều hướng mới đẹp cho blogspot.

Tiện ích này bao gồm 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ó.

Dưới đây là hình minh họa:

☼ Cách tiến hành:

   1- Đăng nhập vào Blog

   2- Vào thiết kế

   3- Chọn Phầnt ử trang.

   4- Chọn Thêm tiện ích => Chọn HTML/Javarscip và dán đoạn code bên dưới vào

<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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzEYIGfkx0VjuPVgYWQ4gSHCf9xLynbvvUaZNh0FimZytC7I3bfJ49BVQkQSfLDqUoSFI6ntmHFju2KgFqgn1ie2qmZ6itKA0UrtDnY9wSDkukKaCnmimeMZaQac543nBQdZEKdyrBaEk/s1600/top-namkna-blogspot-com.gif\" width=\"30\"></a><br><a onclick='javascript:history.back();return false;' href='#' title='BACK'><img border=0 src=\"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAU4lxXUZk84CSF3ECHzgerDtzIyfQjdeXeETm8HjH5OYqBV6wqq0Fq6kc5b6iDPxOF-zfGdHtIDuHZ6QfShd8uSxfZ6YW49JPngO0Il4eo-NFcvKjq0pb_F6gE0g07X0N83qsxPAABDA/s1600/back-namkna-blogspot.gif\" width=\"30\"></a><br><a onclick='javascript:sc();return false;' href='#' title='STOP'><img border=0 src=\"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBejUGTP8XzVtFnBjzZjdxmO8QBRpebyMu7tEyYpYNQXcRXO0WNRjjiTCEWlJHhGqWZjX60MJUrTchs7T3hucltIHrjRo69_ApR1VTR4Im69JoF931u9eP8chul-CnDMQlKAFEuSu1JTw/s1600/play-pause-namkna-blogspot-com.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/AVvXsEhvw-WCBfEd0jwjIjpg6RYq6g3JscgPh_w4Kir4bqlH-h9Se0W7PvvURpTgNlQ4uLLxeUIPECIMBRiw0cWdnh_DJcbZe0le5HbaSBSdFXGqSQf1RtzxuZdD2XAf-ameUBfvSmfuxZuGZkE/s1600/gun-namkna-blogspot-com.gif\" width=\"30\"></a><br><a onclick='javascript:amubutton();return false;' href='#' title='BOTTOM'><img border=0 src=\"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5qC7UQkQZeEV9OdNTnI9pLo1xPv713zxh4vNVClCoRuq7yaE6Ub-K_pHRBCd9zifyduicUuPCy9rcIv-JRuQQ2kwur4W89G5XbtzsOVy1SPLOrUj-aps8RemwDHAnWkPCr0OOn1BltIY/s1600/bottom-namkna-blogspot-com.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>

- Sau đó bấm Lưu Mẫu lại. 

một số hình ảnh đẹp để thay

Chúc thành công!

Chủ đề: