[ves3] Simple Slider ảnh bài mới trượt cho blogspot

Hôm nay mình sẽ giới thiệu cho các bạn thêm một mẫu slider mới. Dạng này thích hợp với các blog phim, ảnh,... Về cơ bản nó tương tự như bài này. Được phát triển bởi maskolis. bạn có thể xem ảnh hoặc Demo.

Đọc thêm»

[Ves2] Slider bài mới trượt ngang thumbnail cho blogger

Tiện ích Slider ves 2 này  được phát triển trên vesion 1 của maskolis, Với đôi chút cải biến về giao diện như: nó lấy ngẫu nhiên một ảnh thumbnail từ các bài viết mới nhất (recent post)  và  hiển thị dưới dạng một slider trượt ngang. Hiệu ứng chuyển ảnh mượt mà dựa trên thư viện JQuery

Các bạn có thể xem ảnh minh họa hoặc demo bên dưới:

Đọc thêm»

[Ves1] Slider bài mới nhất trượt ngang với thumbnail cho blogger

Hôm nay namkna sẽ hướng dẫn các bạn cách tạo một tiện ích mang phong cách của tiện ích bài viết mới nhất (recent post) nhưng hiển thị dưới dạng một slider trượt ngang với các ảnh thumbnail và tiêu đề bài viết. Hiệu ứng chuyển ảnh mượt mà dựa trên thư viện JQuery. Tiện ích được phát triển bởi maskolis.

Đọc thêm»

Ẩn hiện Sidebar với JQuery cho Blogspot

Bài viết này namkna sẽ hướng dẫn các bạn cách bật tắt Sidebar bằng cách sử dụng các lệnh từ thư viện Jquery. Với tiện ích này bạn chỉ cần bấm vào nút xem và ẩn để ẩn hoặc hiển thị siderbar. bạn có thể xem Demo để tháy rõ hơn.

Đọc thêm»

Thu hẹp/mở rộng sidebar từ Accordion JQuery cho blogspot

Đã bao giờ bạn để ý đến thanh sidebar bên phải hoặc trái của blog bạn và nhận ra rằng sự sắp xếp hiện tại của các widget  trên thanh sidebar  là khá cồng kềnh và chiếm nhiều diện tích của blog. Hôm nay namkna sẽ hướng dẫn các bạn cách thêm hiệu ứng thu hẹp và mở rộng (Accordion ) thanh sidebar từ thư viện JQuery cho blogspot của bạn. Sau đây mình sẽ hướng dẫn cụ thể cách hoạt động và thêm Accordion sidebar cho blog của bạn.

Đọc thêm»

Thanh cuộn vô hạn từ Jquery cho Blogger

Thanh cuộn vô hạn (Infinite Scrolling) đề cập đến khả năng tiếp tục tải các nội dung mới trên trang web mà không phải làm mới nó sự xuất hiện của các bài viết là vô tận khi bạn kéo thanh cuộn xuống phía dưới chân blog. Tiện ích này được sử dụng nhiều trong các trang web lớn như Google, Facebook và Twitter và khá thành công tại đó. Lợi ích lớn nhất là tiếp xúc với nhiều nội dung và duyệt web nhanh hơn. Namkna sẽ hướng dẫn ccs bạn làm thế nào để tích hợp nó vào blog Blogger của bạn bằng cách sử dụng Ajax Infinite Scroll jQuery plugin.

Đọc thêm»

Floating Social Bookmark trượt đẹp cho blogspot

Tiện ích (widget) này bao gồm các liên kết đến các mạng xã hội nổi tiếng hiện nay như: Facebook, Twiter, Google+, Pinterest, Youtobe và có một liên kết rss feed giúp độc giả theo dõi các bài viết của bạn. Bình thường tiện ích này ẩn chỉ hiện các button của các mạng xã hội, và các liên kết sẽ hiện ra từ từ khi ta di chuột vào các icon đó. Để giảm thiểu tối đa việc sử dụng các file javascrip do vậy namkna sẽ sử dụng các mã CSS và hiệu ứng css spriter với một hình ảnh icon duy nhấtcho các mạng xã hội để giảm requet  kết hợp với thư viện Jquery do cậy rất mượn mà không gấy ảnh hưởng đến mức độ tương tác của trang web.

Đọc thêm»

Popular Posts dạng Slides trượt dọc cho Blogger

Thủ thuật tuyệt vời này sẽ biến đổi widget bài viết phổ biến (popular post) cung cấp bởi blogger thành thanh trượt dọc với nội dung cập nhật tự động. Tiện ích được tạo bởi Abu-Farhan sau đó được cải thiện bởi mybloggertricks. Widget rất dễ dàng cài đặt  trên blogger. Bạn chỉ cần dán mã của hiệu ứng bên trong một widget HTML/Javascript. Tiện ích mới này hoạt động trên tất cả các trình duyệt phổ hiến hiện nay và có thể dễ dàng tùy chỉnh. Tôi đã chỉnh sửa đôi chút so với mã gốc để màu sắc đẹp hơn. Widget sẽ không có hình ảnh thu nhỏ xuất hiện nếu bạn chưa thêm bất kỳ hình ảnh trong bài viết của bạn.

Đọc thêm»

Popular posts dạng ảnh có số đếm từ jquery v2 cho blogger

Bài viết này sẽ hướng dẫn các bạn tùy chỉnh tiện ích Popular posts dạng ảnh gallery với hiệu ứng từ Jquery cho blogspot. Thủ thuật này thích hợp với các blog chuyên về ảnh, blog bán hàng hay blog về phim,... Được mình source từ template Simplex PhoneMag. Đây là một dạng cải tiến từ vestion 1 mà mình đã giới thiệu trước đây.

Đọc thêm»

Slider trưng bày sản phẩm theo nhãn cho blogspot

Slider hôm nay namkna giới thiệuthích hợp với các blog chuyên về bán hàng qua mạng. Nó là một dạng trình chiếu sản phẩm khá đẹp được thiết kế bởi maskolis. Slider có khả năng tùy biến cao, tùy theo sở thích của mỗi người bạn có thể thay đỏi màu nền, số lượng ảnh thumbnail,  số ký tụ mô tả và tiêu đề,...

- Cấu tạo gồm các phần chính sau:

  + Phần 1: Hiển thị ảnh thumbnail lớn được lấy ngẫu nhiên trong bài viết. Nếu bài không có ảnh sẽ hiển thị ảnh no-image.jpeg

  + Phần 2: Hiển thị tiêu đề và mô tả cho ảnh thumbnail lớn.

  + Phần 3: Danh sách ảnh 7 thumbnai nhỏ được định bởi người dùng.

Đọc thêm»

Tạo Gallery (slider) trình chiếu ảnh cho blogger

Blog của bạn sẽ chuyên nghiệp hơn nếu có một wiget trình chiếu ảnh để giới thiệu với bạn bè. Slider hôm nay namkna giới thiệu sử dụng javarscip với hiệu ứng mượt tù thư viện Jquery, được phát triển bởi dynamic drive. Namkna đã convert để có thể áp dụng vào blog với một số tùy chỉnh mới cho các bạn.

Đọc thêm»

Facebook PopUp like box tự đóng với thời gian (ves3)

Hôm nay Namkna chia sẻ một phiên bản khác với các tùy chọn kiểm soát nhiều hơn. Thủ thuật này bao gồm một bộ đếm thời gian tự đóng thay vì bấm nút close thủ công. likebox sẽ hiển thị một button liên kết đến trang Fan Page trên facebook của bạn và một hình ảnh hấp dẫn liên kết vào trang fanpage của bạn, cho phép độc giả của bạn tham gia vào trang fanpage bằng cách nhấn vào nút like hoặc truy cập fanpage của bạn bằng cách nhấp vào hình ảnh. Bạn có thể thiết lập thời gian bao lâu các widget/plugin phải hiển thị trước khi biến mất tự động.

Đọc thêm»

Slider bài viết mới nhất trượt ngang cho blogger

Bài viết mới nhất dạng thanh trượt ngang là một cách tốt để hiển thị bài viết gần đây của bạn dưới dạng một slide show. Bạn có thể nhìn thấy thanh trượt như vậy trong nhiều blog wordpress, nhưng với blogger nó không có nhiều người biết để áp dụng. Thủ thuật này được chia sẻ bởi Abu-Farhan và thêm một số code của helperblogger Và được mình chỉnh cho phù hợp với vlogger. Nếu bạn nghĩ rằng tùy biến rất khó thì bạn đã sai, tiện ích này rất dễ dàng tùy biến và thêm vào blog. Bạn không cần phải thêm hình ảnh, văn bản hoặc bất kỳ liên kết nào như các slider khác, tất cả là tự động.

Đọc thêm»

Hiệu ứng xổ dọc cho widget Blog Archive của blogger

Nếu bạn đang sử dụng phong cách thứ bậc (Hierarchy) cho widget Lưu trữ Blog (Blogger Archive) của bạn. Bạn sẽ phải phải đối mặt với vấn đề mở rộng tự động của danh sách thả xuống của một tháng cụ thể, như vậy với tháng nào post quá nhiều bài sẽ khiến blog của bạn nhìn không cân đối và mất tính chuyên nghiệp. Hack này đơn giản giải quyết vấn đề bằng cách làm cho tất cả các nút trong hệ thống phân cấp thứ bậc theo mặc định. Điều này có thể chỉ đơn giản là thêm vào trình cài đặt một cú nhấp chuột hoặc bằng tay.

Đọc thêm»

Ẩn liên kết trong commnet blogger với JQuery

Trước đây, namkna đã phải xóa rất nhiều ý kiến spam trong phần commnet của blogger. Bộ lọc sẵn có của Blogger đã chặn hơn 1000 comment spam link nhưng vẫn còn một số bị lọc hụt. Vì lý do này, namkna đóng tùy chọn nặc danh (Anonymous) ở phần bình luận. Nhưng điều này không giải quyết vấn đề và những người có hồ sơ Blogger cũng bắt đầu spam. Vì vậy, namkna đã đến với một hack đơn giản hỗ trợ jQuery mà giấu đi bất cứ liên kết nào có thể click và chỉ hiển thị văn bản của nó.

Đọc thêm»

Bài viết mới nhất cuộn lên với Jquery cho Blogspot

Hiển thị một danh sách các bài viết gần đây bên sidebar của bạn (Scrolling/Ticker Recent Post Gadget For Blogger) là một cách tuyệt vời để giữ khách truy cập của bạn bận rộn. Có rất nhiều tiện ích bài viết gần đây bạn có thể sử dụng, nhưng namkna thủ thuật này chắc chắn sẽ gây sự chú ý của độc giả khi truy cập vào blog của bạn.

Đọc thêm»

Hộp đăng ký nhận tin (Subscribe ) dạng Popup cho blogger

Khung đăng ký nhận tin (Subscribe by email) được sử dụng hầu hết trong các blogger/website để giúp cho độc giả yêu thích có thể đăng ký nhận tin từ blog của bạn. Trong bài viết này namkna giới thiệu cho các bạn thủ thuật được viết bời mybloggertricks giúp bạn tích hợp các tính năng popup và đăng ký của FeedBurner để cài đặt nó trên blog của bạn.

Đọc thêm»

Code Giỏ Hàng (Add to cart) cho blogspot

Hôm nay namkna sẽ chia sẻ đoạn code giỏ hàng (add to cart) cho các bạn am hiểu về thiết kế blog tự thiết kế ra template bán hàng riêng cho mình. Code hoạt động khá tốt, khắc phục được lỗi số lượng sản phẩm mà các template bán hàng khác mắc phải. Đoạn code này sử dụng file Jquery được Võ Quốc An viết.

Đọc thêm»

Thêm Fanpage Facebook popup cho web/blog với lightbox (V2)

Bạn có 1 trang fanpage trên facebook đặt trong blog (website) của mình nhưng không phải tất cả mọi người đều có thời gian tìm vị trí để click Like fanpage đó, cách tốt nhất là hãy để chúng hiển thị dạng popup ngay trước blog của bạn với 1 khoảng thời gian định trước kèm theo đó là hiệu ứng lightbox. Trang fanpage sẽ hiện ra, làm tối đi những phần khác trên blog/web của bạn và sẽ trượt xuống khi bạn kéo thanh cuộn, cách này sẽ thu hút sự chú ý của người dùng truy cập click Like cho bạn.

Đọc thêm»