Top Ad unit 728 × 90

Tạo nút lên, xuống bên phải Sidebar cho Blogger


Tạo nút lên, xuống bên phải thanh trượt cho Blogger

Tạo Nút back to top và back to bottom đơn giản không hiệu ứng cho blogspot

Bước 1: Các bạn vào trang tổng quan của blog của bạn » Mẫu » Chỉnh sửa HTML Tìm thẻ ]]></b:skin> và chèn toàn bộ code CSS bên dưới trưởc thẻ vừa tìm được
/* TOP BOTTOM */
#bttop{background:#0093DA;text-align:center;padding:13px;position:fixed;bottom:50%;right:0;cursor:pointer;display:none;color:#fff;font-size:15px;font-weight:900}
#bttop:hover{background:#0a932c;border-bottom:4px solid #0093DA}
.bottombottom{position:fixed;z-index:9999;bottom:43%;right:0;
padding-left:1px;background:#333}
Bước 2: Tìm đến thẻ </body> và thêm đoạn mã sau lên trên thẻ đó.
<div id='bttop'><i class='fa fa-chevron-up'></i></div><script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$('#bttop').fadeIn();}else{$('#bttop').fadeOut();}});$('#bttop').click(function(){$('body,html').animate({scrollTop:0},800);});});</script>
<a class='bottombottom' href='javascript:window.scrollTo(0,999999)' title='Xuống cuối trang'><img alt='Xuống cuối trang' src='http://2.bp.blogspot.com/-aMLqfHa0hUI/VwD6fv1lpAI/AAAAAAAADAM/MV443chEOxgMn-xjIOSne7PA0czbaFUHQ/s1600/back-to-bottom.png'/></a>
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
</script>

Nguồn : www.toilaquantri.com
Tạo nút lên, xuống bên phải Sidebar cho Blogger Reviewed by Trương Ngọc Tuấn on 4/03/2016 Rating: 5

14 nhận xét:

  1. Chắc ko up tips blog nữa
    p/s: ko có link để rút b-(

    Trả lờiXóa
  2. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  3. Cho mình hỏi không đúng chỗ cái, làm thế nào để sidebar của bạn (adsense + OUO.IO) chạy theo thanh cuộn và đến foot thì dừng lại vậy :3

    Trả lờiXóa
  4. Cái này mình sử dụng jquery sticky sidebar [-(

    Trả lờiXóa
  5. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  6. Liên kết nha bạn
    url http://www.startruongit.net/
    FVC http://www.startruongit.net/favicon.ico
    Tên Star Trường IT
    p/s phản hồi lại mình nhé

    Trả lờiXóa

✩ Viết tiếng Việt có dấu
✩ Không spam
✩ Không chửi tục, nói bậy
✩ Không quảng cáo thông qua khung Comment.

All Rights Reserved by Star Tuấn Blog © 2015 - 2016
Powered By Blogger, Designed by Star Tuấn | Facebook | Youtube

Biểu mẫu liên hệ

Tên

Email *

Thông báo *

Được tạo bởi Blogger.