Tạo chữ chạy trên thanh tiêu đề cho Web/blog

Tạo chữ chạy trên thanh tiêu đề cho Web/blog

Read more: TẠO CHỮ CHẠY TRONG KHUNG CÓ MÀU NỀN | dunghennessy
Under Creative Commons License: Attribution Share Alike

Trước đây, tôi có chia sẻ đến với các bạn "Hiển thị ngày giờ trên thanh tiêu đề cho Web/blog", bạn cũng có thể tạo các dòng chữ chạy trên thanh tiêu đề bằng lệnh code đơn giản dưới đây.

Đầu tiên, bạn đăng nhập vào Blog > chọn Thiết kế > Thêm tiện ích HTML/Javacriptrồi dán đoạn code phía dưới vào và bấm lưu lại là xong. (Bạn có thể thay đổi dòng chữ "Xin chào các bạn" với dòng chữ nào mà mình muốn).

<script language=javascript> var rev = "fwd"; function titlebar(val) { var msg  = "Xin chào các bạn"; var res = " "; var speed = 100; var pos = val;  msg = "   |---* "+msg+" *---|"; var le = msg.length; if(rev == "fwd"){  if(pos < le){  pos = pos+1;  scroll = msg.substr(0,pos);  document.title = scroll;  timer = window.setTimeout("titlebar("+pos+")",speed);  }  else{  rev = "bwd";  timer = window.setTimeout("titlebar("+pos+")",speed);  } } else{  if(pos > 0){  pos = pos-1;  var ale = le-pos;  scrol = msg.substr(ale,le);  document.title = scrol;  timer = window.setTimeout("titlebar("+pos+")",speed);  }  else{  rev = "fwd";  timer = window.setTimeout("titlebar("+pos+")",speed);  } } }  titlebar(0); </script>

Sau đó Lưu lại và trở lại Blog xem kết quả nha.

Chúc bạn thành công.

Nút điều khiển lên-xuống và tự động cuộn trang cho blogspot

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!