“Thanh cuộn” (scrollbar)
là một biểu ngữ không quá xa lạ phải không các bạn? Nó cũng chiếm một vị trí
khác quan trọng trong một Blog/Website.
Thủ thuật “Thêm phần
trăm vào thanh cuộn cho Blogger ” chúng ta sử dụng nó như một công cụ xác định
vị trí chúng ta đang ở trong một trang Blog/Website, trên hay dưới hay là một vị
trí bất kỳ nào đó ở thân trang (hiện thị phần trăm cụ thể trên thanh cuộn).
Đọc thêm:
Hi vọng hiệu ứng phần
trăm vào thanh cuộn giúp Blog/Website của bạn tạo nên sự khác biết biệt và đẹp
hơn đồng thời tạo cảm giác thích thú hơn cho người đọc, từ đó người đọc sẽ có cảm
tình và theo dõi blog của bạn nhiều hơn. Ngoài ra DEMO bài này mình thực hiện
trực tiếp ở bài viết này các bạn kéo thanh cuộn để xem nhé!
☼ Bắt đầu thủ thuật
Bước 1: Vào Blog => Mẫu => Chỉnh sửa HTML. Nhấn tổ hợp phím Ctrl + F và tìm đến thẻ </b:skin>. Sau đó dán đoạn mã
Code sau ở phía dưới thẻ </b:skin>.
#scroll { display:none; position:fixed; top:0; right:15px; z-index:500; padding:3px 8px; background-color:#369fcf; color:#fff; border-radius:3px; font-size:14px; } #scroll:after { content: " "; position: absolute; top:50%; right:-10px; height:0; width:0; margin-top:-6px; border:6px solid transparent; border-left-color:#369fcf; }
Bước 2: Tiếp đó nhấn tổ hợp phím Ctrl + F và tìm đến thẻ <head>. Sau đó dán đoạn mã Code
sau ở phía dưới thẻ <head>.
<div id='scroll'></div>
Bước 3: Sau đó nhấn tổ hợp phím Ctrl + F và tìm đến thẻ </body>. Sau đó dán đoạn mã Code
sau ở phía trên thẻ </body> và
Lưu mẫu.
<script type='text/javascript'> //<![CDATA[ var scrollTimer = null; $(window).scroll(function() { var viewportHeight = $(this).height(), scrollbarHeight = viewportHeight / $(document).height() * viewportHeight, progress = $(this).scrollTop() / ($(document).height() - viewportHeight), distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2; $('#scroll') .css('top', distance) .text(' (' + Math.round(progress * 100) + '%)') .fadeIn(600); if (scrollTimer !== null) { clearTimeout(scrollTimer); } scrollTimer = setTimeout(function() { $('#scroll').fadeOut(600); }, 1000); }); //]]> </script>
Trở lại Blog/website để
xem kết quả nhé !
Nếu
bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những
bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều. JJJ
Backlink: Luận án tốt nghiệp Công nghệ thông tin
Quá trình cài đặt gặp vấn đề gì cứ
để lại Comment !
About Quang Mến :
Theo dõi tôi trên:
 cho Blogspot ){kind=link}
Cảm ơn bạn nhé
Trả lờiXóa:) ^^!
XóaChào bạn, cho phép mình được liên kết với blog bạn nhé :v
Trả lờiXóaMình đã add liên kết của bạn bên mình, phiền bạn add lại thông tin bên mình nhé :v
Thông tin blog mình:
1. Tên blog: Blog Tự Học Tiếng Anh
2. URL blog: http://www.blogtuhoctienganh.com/
3. Favicon : http://www.blogtuhoctienganh.com/favicon.ico
Hay bạn có thể vào địa chỉ LIÊN KẾT bên mình để xem chi tiết hơn nhé. cám ơn bạn :D
:)) đã đặt liên kết cho bạn :)
XóaEm buồn :( cho mấy Bác quá ---Mấy Bác chả xem trang em gì hết--- cứ đặt liên kết sau 1 khoảng thời gian rùi mới xem hay sao á :) ___ Từ trước đến giờ em đặt liên kết ở 123tailieufree.com chỉ hiển ở trang chủ thui mà ... Đều này đồng nghĩa nếu với nếu ai Click nào đó để xem thì người đó phải rất hứng thú với Blog đó thế ko tốt hơn hay sao :) .... Nếu hiện thị nhiều mà người khác vừa vô lại nhảy ra thì lúc đó lại khổ....
Trả lờiXóaTrước khi đặt liên kết mình luôn xem xét site, dù đk không có gì, nhưng bác nói không vào bao giờ thì sao em biết bác mua gà đặt lên đó,
Trả lờiXóacòn việc đặt backlink để làm gì thì chác bác cũng biết
nếu chỉ để ở mình trang chủ thì mình sẽ chỉ nhận được 1 backlink từ site bạn, nhưng bạn đặt ở full trang thì mình sẽ nhận được gấp n lần số đó. cái này là rất cơ bản mà@@@@
:) em trao đổi text trang 123tailieufree.com nên mấy bác đặt Full hay ko Full thì ko quan trọng __ có thuộc tính dofollow hay nofollow đều ko quan trọng,,,,(Người dùng và trang chủ liên Bạn bè là được __ Người sẽ nghĩ đây là những trang có uy tín là được)
Trả lờiXóaBác Muốn thật sự muốn đặt Backlink thì bác phải coi Backlink đó người dùng để thuộc tính gì mới được chứ ...
Nếu người đó để toàn thuộc tính nofollow và để Full site và site đó có hàng nghìn người xem mà ko click vào link của Bác thì link của Bác đặt trên site đó >> Bác Google xem link đó như một con số 0 tròn trỉnh blogtuhoctienganh.com toàn đê thuộc tinh nofollow ....
Còn link dofollow thì khác ,,, khi người dùng vào site ko click vào link của Bác.. Nhưng Bác Google vẫn tính điểm cho site của Bác...
>>> site 123tailieufree.com em luôn để link dofollow vậy mấy Chú bọ của Bác google để ý tới site của mấy Bác rùi còn gì (đồng site cũng tính diểm cộng) ....Còn hơn để full mà để toàn link nofollow như blogtuhoctienganh.com thì nó không đêm lại 1 chút chất hay lượng gì cho Site của Bác hết :)
>>> Em để liên kết với trang này blogtuhoctienganh.com vì nó khá hay đêm lại giá trị cho chính bản thân và độc giả trên trang.
>>> Còn thật sự Bác kiếm text thì vào diễn đàn forum.idichvuseo.com kiếm Backlink chữ kỳ mà có chất và lượng rất nhiều :)
Bác đã nói như vậy thì có lẽ bác khá am hiểu về SEO.
Trả lờiXóaTuy nhiên, bác cũng biết rằng, trong SEO không phải chỉ mình dofollow là đủ. Bác cần biết cần đối giữa dofollow và nofollow sao cho thật hợp lý để có thể có kết quả tốt nhất.
À, cảm ơn vì câu trả lời của bác, em xin rút lại backlink này :)
Oh, ko sao :)
Trả lờiXóaNếu bị lỗi ở phần head thì sửa sao ạ ?
Trả lờiXóakhông chạy
Trả lờiXóa