Bạn không thích kiểu hiển thị phân trang cổ điển dạng phím số cho Blogger? Bạn muốn tạo sự khác biệt cho blog của mình?
Bài viết này mình sẽ chia sẻ một thủ thuật rất hay cho Blogger, đó là tạo hiệu ứng cuộn trang vô tận cho blog, thay vì phải bấm vào số trên các tiện ích phân trang để tải thêm các bài viết mới như trước đây. Với tiện ích này bạn chỉ cần kéo chuột xuống dưới chân blog các bài viết sẽ được tự động tải thêm.
Các bạn có thể xem demo trực tiếp trên blog theo link bên dưới:
» VIEW DEMO
» Tạo hiệu ứng tự động tải thêm bài viết khi kéo chuột xuống chân blogspot (Infinite Scrolling Effect for Blogger).
1. Bạn vào Mẫu (Template) → Chỉnh sửa HTML (Template).2. Chèn đoạn code bên dưới vào sau thẻ đóng </head>:
<!--Infinite Scrolling Effect by kjmagic.blogspot.com--> <b:if cond='data:blog.pageType == "index"'> <script src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'/> <script src='http://yourjavascript.com/3147505541/kjmagic-infinite-scrolling-effect.js' type='text/javascript'/> <script type='text/javascript'> jQuery.ias({ container : '.blog-posts', item: '.post-outer', pagination: '#blog-pager', next: '#blog-pager-older-link a', loader: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnkzh0_OI2rMiix7Urw7crCTV9FtzzRfW9qvd1Tsqy47D4kLQ4sY8qhURGETMzYoM8QuaPHLBwwU5FZVIGOj10mTock-nCkafkWvxp5tg_DY3CfhIAM_a1-X68XTlNXEmMOywTutyPAjX4/s1600/loading.gif' }); </script> </b:if> <!--/Infinite Scrolling Effect by kjmagic.blogspot.com-->
→ Tùy chỉnh:
- Nếu blog của bạn đã có thư viện jQuery thì xóa đoạn màu xanh đi.
- Thay link hình ảnh màu xanh thành link hỉnh ảnh hiệu ứng tải thêm bài viết khi kéo chuột xuống chân trang blog.
- Để sử dụng lâu dài hãy tải file js màu đỏ về máy (Bạn có thể tải về Tại đây), sau đó upload lên host riêng để sử dụng lâu dài nha. Nếu chưa có host bạn có thể sử dụng host Google drive.
3. Bây giờ lưu lại và quay trở lại trang chủ, trang nhãn hoặc trang index của blog để xem kết quả đã làm được nha.
Chúc các bạn thành công !
Xem thêm thủ thuật: kjmagic.blogspot.com
Nhận xét
nhơ anh hướng dẫn cách làm mà khi ta click vào anh thi co the xem duoc nhieu anh lien tiep bang cach click chuot tiep
Trả lờiXóaminh hoa o day : http://anhdep3.blogspot.com/2013/12/hot-girl-trung-quoc-xinh-nhu-bup-be.html
Đó là hiệu ứng light box đượcc ung cấp bởi blogger. e CÓ THỂ áp dụng bằng cách thực hiện 2 bước dưới dây:
Xóa1. Em cần bật nó lên bằng cách làm ngược lại với BÀI NÀY
2. Để hiệu ứng hoạt động thì các hình ảnh em cần tải trực tiếp lên blog như bài viết này: XEM NGAY
- kHI ÁP DỤNG CẢ 2 BƯỚC TRÊN EM SẼ CÓ MỘT SLIDER CỦA BLOGGER NHƯ VẬY.
Hình như Huy Cò Vip có viết 1 bài như này rồi mà
Trả lờiXóaEm đợi vài hôm tới có thời gian a viết cho.,
Trả lờiXóakhoog dc anh ơi - click vào là nó ra duong dan ảnh luôn - khong lien tuc giua cac anh
Trả lờiXóaý em là :Khi được nhấp vào, hình ảnh sẽ mở trong một lớp phủ ở bên trên blog của bạn. Nếu bài đăng có nhiều hình ảnh, chúng sẽ hiển thị dưới dạng hình thu nhỏ ở ngang phía cuối - giống với anhdep3.blogspt.com đó anh
Trả lờiXóaĐó chính là hiệu ứng Lightbox được tích hợp sẵn của blogger mà em. Em chỉ cần làm như bên dưới:
Xóa1. Đăng nhập vào bảng điều khiển (Login to Blogger Old Dashboard) Blogger
2. Chọn mục Cài đặt (Setting).
3. Chọn Bài đăng và nhận xét (Posts and comment).
4. Tại mục Hiển thị hình ảnh với hiệu ứng Hộp đèn (Showcase images with Lightbox?) => tại đây chọn Có (Yes).
5. Lưu cài đặt lại là được.
LƯU Ý NHỎ:
1. Hình ảnh phải được tải trực tiếp lên blogger mới có tác dụng (hiệu ứng đó không hoạt động với những hình ảnh tải lên host khác hoặc copy từ blog khác) và link phải có thẻ (thẻ này được tích hợp sẵn nếu e tải trực tiếp từ máy lên blog, nên không cần phải thêm thủ công).
2. Với những blog xóa bỏ styleseet theo chuẩn HTML5 thì hiệu ứng không hoạt động bới các đoạn css và js của Lightbox đã bị vô hiệu hóa..
A Nam check phần trao đổi liên kết đi nhiều trang đã gỡ bỏ hoặc hoàn toàn không còn liên kết với a ;()
Trả lờiXóaDạo này ít time để ý đến phần đó quá :). A vừa kiểm tra ngẫu nhiên một vài site không thấy hiện tượng đó e ak.
XóaNhiều đấy a. E thấy ít nhất 10 :P. Để e check lại e cho xem url--)
Trả lờiXóaoKE THANK E TRƯỚC.
Xóabạn có thời gian giúp anh nam đi - cái nào mà rụng thì loại hết đi -hehe
Trả lờiXóaSau thời gian vọc vạch mình cũng đã gần như hoàn thiện site của mình, rất cảm ơn bạn Namkna đã có nhiều bài viết bổ ích, thanks bạn
Trả lờiXóaĐây là blog của mình, các bạn cho lời nhận xét nhé ^^
http://jenavietnam.blogspot.com/
Nhận xét này đã bị quản trị viên blog xóa.
Trả lờiXóaCông nhận nó load nhanh các bài hơn thật. Cơ mà, nó làm biến đổi bố cục Blog và chỉ load những bài ở mục bài đăng. Kể mà nó load trong từng nhãn hay bài liên quan thì hay quá. :) Lưu nó lại, thi thoảng thay đổi kiểu trình duyệt của blog cũng ok.
Trả lờiXóaBỏ 2 đoạn bên dưới đi là được mà:
Xóa<b:if cond='data:blog.pageType == "index"'>
</b:if>
Nhận xét này đã bị quản trị viên blog xóa.
Trả lờiXóaGiúp mình với, đến page 3 của blog mình thì nó cho ra một màn hình trắng và nó load hoài không ngừng, không xong. Help me!
Trả lờiXóaĐể lại link trang đó ở đây để được hỗ trợ cụ thể nha bạn.
XóaThêm hiệu ứng âm thanh cho blog như thế nào vậy namkna? mình thấy có 1 vài blog họ thêm âm thanh hay lắm, khi rê chuột vào menu xổ xuống thì nghe tiếng vd nè: http://demos.pixelmax.in/jquery-navigationbar-with-sound/....
Trả lờiXóaHọ sử dụng hiệu ứng từ Jquery bạn có thể tìm hiểu từ đơn giản đến phức tạp ở đây:
Xóahttp://www.lessoncup.com/
lỡ xóa styleseet giờ khôi phục thế nào đươc ad
Trả lờiXóa