Home » 2014 » Tháng mười hai » 30 » Code quảng cáo chạy dọc khi kéo chuột cho Blogspot website
21:59:18
Code quảng cáo chạy dọc khi kéo chuột cho Blogspot website















Code quảng cáo ban đầu nó sẽ cố định một chỗ, sau khi kéo chuột xuống một khoảng nhất định thì nó trượt theo, khi kéo chuột lên thì tới điểm dừng là nó ko theo nữa, xin chia sẻ với các bạn Code quảng cáo chạy dọc khi kéo chuột cho Web - Blogspot. Xem demo ứng dụng quảng cáo đứng yên tại http://8x-pro.blogspot.com/.
- Code quảng cáo ban đầu nó sẽ cố định một chỗ, sau khi kéo chuột xuống một khoảng nhất định thì nó trượt theo, khi kéo chuột lên thì tới điểm dừng là nó ko theo nữa . Giúp ích rất nhiều cho việc tăng click vào quảng cáo trên web ,blog của bạn còn sau đây cùng xem cách làm ra sao nhé
Code quảng cáo chạy dọc khi kéo chuột cho Blogspot
Bước 1:
 Đăng nhập blogspot => Mẫu(Template) ==> Chỉnh sửa HTML
Bước 2: Tìm thẻ đóng </head> 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>
Code chay quang cao doc khi keo chuot cho web va blogspot 
-:- Nguồn -:- Bittuot.blogspot.com
Views: 113 | Added by: Xmen | Tags: thu thuat | Rating: 0.0/0
Total comments: 2
avatar
0
1 8xpro • 16:25:27, 2015-01-02
test
avatar
0 Spam
2 8xpro • 16:25:36, 2015-01-02
ok
avatar
Welcome, Guest!
Thứ ba, 2018-11-20