rồi thêm đoạn code dưới lên trên nó
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/> <script> var $stickyHeight = 250; var $padding = 0; var $topOffset = 810; var $footerHeight = 100; /* <![CDATA[ */ function scrollSticky(){ if($(window).height() >= $stickyHeight) { var aOffset = $('#sticky').offset(); if($(document).height() - $footerHeight - $padding < $(window).scrollTop() + $stickyHeight) { var $top = $(document).height() - $stickyHeight - $footerHeight - $padding - 185; $('#sticky').attr('style', 'position:absolute; top:'+$top+'px;'); }else if($(window).scrollTop() + $padding > $topOffset) { $('#sticky').attr('style', 'position:fixed; top:'+$padding+'px;'); }else{ $('#sticky').attr('style', 'position:relative;'); } } } $(window).scroll(function(){ scrollSticky(); }); /* ]]> */ </script>
Rồi lưu lại.
Chú ý: Các bạn cần chú ý các phần sau
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/> //nếu web,blog của bạn có rồi thì có thể bỏ đi.(nếu ko chạy dc các bản cũng thử xóa cái này đi)
<script>
var $stickyHeight = 460; // chiều cao của banner quảng cáo
var $padding = 5; // khoảng cách top của banner khi dính
var $topOffset = 2500; // khoảng cách từ top của banner khi bắt đầu dính (tức là khoảng cách tính từ trên xuống đến vị trí đặt banner )
var $footerHeight = 180; // Định vị điểm dừng của banner, tính từ chân lên
Bước 3: Các bạn vào phần Bố Cục (Layout) => Thêm tiện ích HTML/Javascipt
- Chú ý phần thê này các bạn phải thêm đúng chỗ nhé. Thường nó sẽ thêm vào phần thanh phên phải hoặc bên trái kiểu như giống blog của mình
- Các bạn đặt tên tiện ích và thêm code dưới đây vào
<div id="sticky">
<img src="Link ảnh của bạn" width="240px" />
</div>
- Nếu bạn không muốn nó hiển thị ảnh không thôi thì lấy code sau
<div id="sticky">
Code quảng cáo của bạn
</div>
Chú ý: Các bạn cần chú ý các phần sau
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/> //nếu web,blog của bạn có rồi thì có thể bỏ đi.(nếu ko chạy dc các bản cũng thử xóa cái này đi)
<script>
var $stickyHeight = 460; // chiều cao của banner quảng cáo
var $padding = 5; // khoảng cách top của banner khi dính
var $topOffset = 2500; // khoảng cách từ top của banner khi bắt đầu dính (tức là khoảng cách tính từ trên xuống đến vị trí đặt banner )
var $footerHeight = 180; // Định vị điểm dừng của banner, tính từ chân lên
Bước 3: Các bạn vào phần Bố Cục (Layout) => Thêm tiện ích HTML/Javascipt
- Chú ý phần thê này các bạn phải thêm đúng chỗ nhé. Thường nó sẽ thêm vào phần thanh phên phải hoặc bên trái kiểu như giống blog của mình
- Các bạn đặt tên tiện ích và thêm code dưới đây vào
<div id="sticky">
<img src="Link ảnh của bạn" width="240px" />
</div>
- Nếu bạn không muốn nó hiển thị ảnh không thôi thì lấy code sau
<div id="sticky">
Code quảng cáo của bạn
</div>
-:- Nguồn - Bittuot.blogspot.com
0 nhận xét:
Đăng nhận xét