"Script làm dính (Sticky) 1 tiện ích nhất định cho Blogspot"

Script làm dính (Sticky) 1 tiện ích nhất định cho BlogspotTraidatmui.com – Hôm nay mình chia sẻ cho các bạn một đoạn script nhỏ để có thể giúp bạn làm cho 1 tiện ích dính lại trên trình duyệt khi người đọc cuộn chuột xuống dưới để xem nội dung. Sticky là một tiện ích rất hay, nó giúp bạn làm cho 1 tiện ích gồm banner hay 1 nội dung nào đó mà bạn muốn người dùng chú ý nhiều hơn thì có thể cho nó dính cố định khi người độc cuộn chuột xuống dưới web/blog của bạn.

» Bắt đầu thủ thuật

1. Đăng nhập vào tài khoản Blogger
2. Vào phần Mẫu (Template)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Chèn code bên dưới vào trước thẻ </body>
<script>
// Sticky widget by www.blogtariff.com
// Tutorial at http://www.blogtariff.com/2013/07/add-sticky-scroll-any-widget-to.html
// Free to use or share, but please keep this notice intact.
//<![CDATA[
ko_makeSticky("HTML1"); // enter your widget ID here
function ko_makeSticky(elem) {
var ko_sticky = document.getElementById(elem);
var scrollee = document.createElement("div");
ko_sticky.parentNode.insertBefore(scrollee, ko_sticky);
var width = ko_sticky.offsetWidth;
var iniClass = ko_sticky.className + ' ko_sticky';
window.addEventListener('scroll', ko_sticking, false);
function ko_sticking() {
var rect = scrollee.getBoundingClientRect();
if (rect.top < 0) {
ko_sticky.className = iniClass + ' ko_sticking';
ko_sticky.style.width = width + "px";
} else {
ko_sticky.className = iniClass;
}
}
}
//]]>
</script>

<style>
.ko_sticking {color:#333;background:#f2f2f2 !important; position:fixed !important; top:0; z-index:9999; box-shadow:0px 10px 4px -5px rgba(0,0,0,0.3); margin-top: 0; position:relative\9 !important;}
</style>

Bạn thay HTML1 thành ID của tiện ích trên blog của bạn mà bạn muốn nó dính lại khi cuộn chuột. Cách xem ID bạn tham khảo hình ảnh bên dưới

Script làm dính (Sticky) 1 tiện ích nhất định cho Blogspot

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

Tham khảo blogtariff.com

Xem khác cùng chủ đề

10 nhận xét | Viết lời bình

2/25/2014 07:06:00 CH Trả lời

Anh viết thủ thuật show label name ra ngoài tiện ích popularpost đi a?
E chưa thấy ai có thủ thuật này.

Admin
2/26/2014 02:07:00 SA Trả lời

Thời gian này bận quá nên chưa ra thủ thuật được bạn ah. Thời gian tới mình sẽ cố gắng viết thêm nhiều thủ thuật

3/01/2014 11:31:00 CH Trả lời

Vẫn Chưa có thời gian hả Anh? :(

Admin
3/07/2014 05:57:00 SA Trả lời

Chưa bạn ah. Dạo này hơi bạn rộn quá

1/15/2015 01:31:00 CH Trả lời

anh ơi cho em hỏi tí ạ em muốn chèn Chèn thêm khung Add a gadget thì phải làm ntn ạ

7/24/2015 02:08:00 SA Trả lời

Bạn ơi bên mình có dịch vụ Đăng tin tự động lên groups trên facebook miễn phí bạn xem qua nhé. miễn phí 100%
Ngoài ra các bạn có thể đọc tin tức tại Kênh tin tức giải trí yeubao.com
Các bạn có thể truy cập link sau để xem thông tin công nghệ
Khoinguoncongnghe.net | kênh thông tin dành cho tín đồ công nghê
cám ơn bạn đã đọc
đăng tin tự động trên facebook miễn phí 100% xem tại Đăng tin tự động lên groups trên facebook miễn phí
xem thủ thuật blogspot, thủ thuật blogger, thủ thuật facebook tại thủ thuật tổng hợp facebook, blogger,coputuer
xem tin tức giới trẻ, các tin nổi bật tin tức nổi bật, tin sao, tin giới trẻ, đời sống xã hội
xem thong tin giải trí, cung hoàng đạo, tại bí mật 12 chòm sao,tâm sự,blog tâm sự

giải trí thư giã relax giải trí thư giãn relax
khám phá du lịch, bi ẩn khám phá du lịch, bí ẩn
kho video giải trí khổng lồ video đời sống xã hội, video giải trí
khởi nguồn công nghệ, xem tin tức công nghệ, tin tức internet
tin tức internet
Tin tức itc , tin tức technogoy tin tức ict

Khám phá công nghệ
khám phá

Thủ thuật công nghê thủ thuật công nghệ, tips





10/07/2016 06:48:00 SA Trả lời

khi e ra đi quá khứ còn lại gì nữa đâu

suc khoe

10/25/2016 04:10:00 CH Trả lời

Đọc báo thấy được blog sport khá hiệu quả đó

10/27/2016 07:58:00 SA Trả lời

chẳng biết sao luôn tại sao ao

du lịch

12/06/2016 03:16:00 CH Trả lời

Đọc báo cũng tự hỏi điều trên

Bạn nhập từ: cungly Bạn nhập từ: lleu Bạn nhập từ: kkrong Bạn nhập từ: cuoilon Bạn nhập từ: roile Bạn nhập từ: hehehe Bạn nhập từ: byebye Bạn nhập từ: idontknow Bạn nhập từ: votay more »

Giải pháp bán hàng online Số 1 Việt Nam
Lên đầu trang Xuống cuối trang