Di chuyển tự động Widget cho Blogger
Hôm nay tôi sẽ cho bạn thấy làm thế nào bạn có thể thêm một Auto Scroll Tiện ích cho blogger. Khái niệm chính của các phụ tùng là quá đơn giản. Trang bắt đầu di chuyển chính nó khi vào nút play được nhấn và di chuyển dừng lại sau khi ông tạm dừng nút được nhấn. Tốc độ di chuyển có thể được điều chỉnh mà tôi sẽ chỉ cho bạn cách để làm điều đó dưới đây. Tốc độ di chuyển cũng có thể được tăng lên của tôi nhấn nhiều lần vào nút play. Bản demo của tiện ích này có thể được nhìn thấy ở dưới cùng bên phải của trang này.
Thực hiện theo các bước dưới đây cho thêm tự động này Di chuyển Widget vào blog của bạn.
Thêm HTML / CSS / JS
Trước hết đi vào Blog Tiêu đề → Template → Edit HTML và thêm đoạn mã dưới đây đưa ra chỉ trên của </ body>
<style type='text/css'>
#abt-scroll{position:fixed;z-index:9999;bottom:0;right:0}
#abt-scroll a{display:block;float:left;width:32px;height:32px;text-indent:-999em; padding: 3px}
#abt-scroll a.abt-scroll{background: url(https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/Images/play-button.png) no-repeat}
#abt-scroll a.abt-stop{background: url(https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/Images/pause-button.png) no-repeat}
#abt-scroll a:hover{background-color:#1569C7}
</style>
<script type='text/javascript'>
function autoScroll(){window.scrollBy(0,1);scrolldelay=setTimeout('autoScroll()',50)}
function stopScroll(){clearTimeout(scrolldelay)}
</script>
<div id='abt-scroll'>
<a class='abt-scroll' href='javascript:autoScroll();' rel='nofollow' title='Auto Scroll'>Auto Scroll</a>
<a class='abt-stop' href='javascript:stopScroll();' rel='nofollow' title='Stop Scroll'>Stop Scroll</a>
</div>
#abt-scroll{position:fixed;z-index:9999;bottom:0;right:0}
#abt-scroll a{display:block;float:left;width:32px;height:32px;text-indent:-999em; padding: 3px}
#abt-scroll a.abt-scroll{background: url(https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/Images/play-button.png) no-repeat}
#abt-scroll a.abt-stop{background: url(https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/Images/pause-button.png) no-repeat}
#abt-scroll a:hover{background-color:#1569C7}
</style>
<script type='text/javascript'>
function autoScroll(){window.scrollBy(0,1);scrolldelay=setTimeout('autoScroll()',50)}
function stopScroll(){clearTimeout(scrolldelay)}
</script>
<div id='abt-scroll'>
<a class='abt-scroll' href='javascript:autoScroll();' rel='nofollow' title='Auto Scroll'>Auto Scroll</a>
<a class='abt-stop' href='javascript:stopScroll();' rel='nofollow' title='Stop Scroll'>Stop Scroll</a>
</div>
Thiết lập Di chuyển tốc độ
Thay đổi 50 với số lượng mong muốn của bạn để tăng / giảm tốc độ di chuyển. Lưu mẫu Bạn đang thực hiện hiện nay. Bây giờ bạn và truy cập của bạn có thể xem và sử dụng tính năng tự động di chuyển của blog của bạn.