Thư viện

Trải nghiệm

Hiển thị các bài đăng có nhãn Blogspot Recent Post. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn Blogspot Recent Post. Hiển thị tất cả bài đăng

Thứ Ba, tháng 11 18, 2014

[Tips] - Recent Post / Bài viết mới nhất dạng Slide ngang đếm số cho Blogspot Blogger V2

by
[Tips] - Recent Post / Bài viết mới nhất dạng Slide ngang đếm số cho Blogspot Blogger V2
[Tips] - Recent Post / Bài viết mới nhất dạng Slide ngang đếm số cho Blogspot Blogger V2

Chủ Nhật, tháng 5 25, 2014

Sitemap 2 cột có phân trang cho blogspot

by
Sitemap trong blog là một phần rất quan trọng, ngoài chức năng sắp xếp bài viết một cách khoa học, nó giúp điều hướng độc giả trên trang của bạn, một sitemap đạt yêu cầu phải gọi được số bài đăng nhiều và sắp xếp khoa học đẹp mắt.
Sitemap 2 cột có phân trang cho blog
Bài viết này mình sẽ chia sẻ một Sitemap dạng 2 cột, kèm theo tiện ích phân trang bên dưới danh sách bài viết (xem hình minh họa bên trên). Điểm đặc biệt của tiện ích này mà nhiều người đánh giá cao là khả năng load bài viết mà không cần phải tải lại trang (xem demo ở link bên dưới) nhờ sử dụng hiệu ứng từ thư viện Jquyery.

Thứ Năm, tháng 12 19, 2013

Bài viết mới nhiều màu sắc cho blogspot

by
Recent post nhiều màu sắc cho blogspot
Với thủ thuật này bạn sẽ có một tiện ích bài viết mới đăng theo nhãn và chủ đề riêng cho blog của bạn. Điểm đặc biệt của tiện ích này là mỗi một bài khác nhau thì màu nền cũng khác nhau (mình sử dụng 7 màu) tất nhiên bạn có thể thay đổi nó nếu bạn cảm thấy thích. Bạn có thể xem hình ảnh minh họa bên dưới để thấy rõ hơn.

Thứ Hai, tháng 12 09, 2013

Sitemap chọn nhãn tự động cho blogger

by
Site map là tiện ích được rất nhiều blogger sử dụng, Bởi nó có rất nhiều chức năng như điều hướng người đọc đến các bài viết mà họ quan tâm. Giúp họ có thể tìm được những bài đọc theo nhãn khác nhau. Hiện nay có rất nhiều loại site map khác nhau. Tuy nhiên sitemap hôm nay mình giới thiệu hoàn toàn mới. Với tiện ích này bạn có thể sắp xếp bài viết theo ý muốn và theo nhãn bạn muốn xem. Ngoài ra còn tích hợp sắp sếp bài viết theo từ khóa mà bạn quan tâm. Các bài viết hiển thị theo định trước và sẽ được tải thêm khi người dùng bấm vào các liên kết cuối tiện ích.
Ảnh minh họa

Thứ Ba, tháng 7 02, 2013

Danh sách Bài viết mới xổ dọc khi click chuột cho blogspot

by
Bài viết này namkna sẽ hướng dẫn các bạn tạo một tiện ích bài mới nhất dạng xổ dọc của menu. Tức là tiêu đề của các bài viết sẽ hiển thị theo danh sách khi bạn bấm vào nhãn bạn muốn xem. Tiện ích này hoạt động dựa trên nguyên tắc Json kết hợp với Javascript, các bài viết được gọi từ feed, do vậy trước khi áp dụng tiện ích này bạn phải chắc chắn blog bạn phải đăng ký feed rồi (chắc là ai cũng đăng ký rồi tuy nhiên vì một lý do nào đó mà bạn chưa đăng ký thì bạn có thể tham khảo bài viết này nha)

Các bạn có thể xem hình ảnh minh họa được mình quay lại ở bên dưới:
Bài viết mới xổ dọc khi click chuột cho blogspot

Thứ Bảy, tháng 6 29, 2013

Tạo bài viết dạng Grid hoặc List ở trang chủ cho blogspot

by
Hiện nay có rất nhiều blog để hiển thị 2 chế độ dạng danh sách gồm hình ảnh thu nhỏ, tiêu đề bài viết và phần mô tả của bài viết (list) và dạng ảnh thu nhỏ và tiêu đề của bài viết (grid), bài viết này mình sẽ hướng dẫn các bạn một cách nhanh gọn của under-88 để có thể làm được thủ thuật đó với hiệu ứng từ thư viện Jquery mượt mà khi chuyển đổi mà không hề phải tải lại trang web hay blog của bạn.

Các bạn có thể xem ảnh minh họa bên dưới (do đây là hình ảnh động do vậy nếu không xem được bạn hãy bấm vào đây để tải hình ảnh về máy để xem nha):
Tạo bài viết dạng Grid hoặc List ở trang chủ cho blogspot

Thứ Năm, tháng 5 30, 2013

[V4] Featured Posts metro slider cho blogspot

by
Slider này lấy ảnh thumbnail của các bài viết mới nhất có thể theo nhãn hoặc toàn bộ blog tùy lựa chọn của bạn, Bằng cách cải tiến code của tiện ích bloglisst. bạn có thể lấy ảnh từ bài viết của blog bạn hoặc blog nào khác bạn muốn. tất cả hoàn toàn tự động với giao diện 2 cột bắt mắt thích hợp cho mọi blog.

Thủ thuật này đã có trong template metro của Hồng Hòa Vi, Mình làm theo yêu cầu của Cậu bé mùa dông Bạn có thể xem demo hoặc ảnh minh họa:
[V4] Featured Posts metro slider cho blogspot

Thứ Ba, tháng 5 28, 2013

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

by
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.
Simple Slider bài mới trượt cho blogspot ves3

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

by
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:
Slider bài mới trượt ngang thumbnail cho blogger ves2

Thứ Năm, tháng 5 23, 2013

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

by
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.

Thứ Năm, tháng 5 02, 2013

Magazine recent post trang trí homepage cho blogspot V3

by
Magazine recent post for homepage v3 blogspot
Bấm vào hình để xem ảnh với kích thước gốc
Hôm nay mình giới thiệu cho ccs bạn cách thiết kế giao diện trang chủ của bạn theo phong cách báo trí (magazine) cho blogspot của bạn. Blog của bạn sẽ chuyên nghiệp hơn ves 2 với các mục bài viết mới nhất và bài viết hiển thị theo nhãn (label) mà bạn muốn hiển thị. Chỉ với 1 file Javarscript dùng chung cho tất cả.

Thứ Ba, tháng 3 05, 2013

Recent posts dạng báo trí cho trang chủ của blogger

by
Recent posts dùng cho các template báo trí hiện nay có rất nhiều mẫu khác nhau tuy nhiên style dạng Magazine mà mình đã giới thiệu trước đây được rất nhiều blogger quan tâm và thích thú vì giao diện đẹp và load khá nhanh so với các tiện ích Recent posts dành cho trang chủ của blogger cùng loại. Tuy nhiên nó có một nhược điểm khiến nó chưa được sử dụng rộng rãi đó là mỗi khung hiển thị lại gọi một lần JS như vậy nếu chèn nhiều khung thì sẽ phải gọi nhiều file JS (mặc dù nó giống nhau hoàn toàn).

Nhận thấy đây là một style Recent post  rất hay với một số tùy chỉnh nâng cao được rất nhiều bạn đọc yêu thích. Và cũng theo yêu cầu của một số bạn là làm sao cho tiện ích gọn hơn, sử dụng chung một file javascipts duy nhất để tránh phải load nhiều lần gây chậm trang, nên hôm nay namkna sẽ chia sẻ đến các bạn một tùy biến nâng cao và cập nhật của style này. Về cơ bản tiện ích Recent posts này có giao diện  báo trí giống như trang vnexpress.net đang sử dụng hiện nay.

Các bạn có thể xem hình ảnh  minh họa của thủ thuật này bên dưới, Nó gồm nhiều hình ảnh như bên dưới gộp lại (ở đây mình chỉnh chụp một ô trong tổng số 5 ô được sử dụng).
Recent posts Magazine for homepage blogger 

Thứ Bảy, tháng 3 02, 2013

Recent post cho trang chủ blogger style 2

by
Recent post cho trang chủ blogger
Ảnh minh họa thủ thuật (Bấm vào hình để xem ảnh gốc nha)
Hôm nay namkna giới thiệu thêm cho các bạn một mẫu recent post mới để trang trí cho trang chủ của blog. Tiện ích đơn giản, load nhanh và dễ áp dụng. Tiện ích bao gồm một khung bài viết mới nhất tổng quát trên cùng, và các khung bài viết mới nhất cho từng nhãn bên dưới. Blog của bạn sẽ mang phong cách Magazine (báo trí), travel (du lịc) hoặc chuyên nghiệp hơn.

Thứ Sáu, tháng 2 08, 2013

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

by
Bài viết mới nhất trượt ngang đẹp cho blogger - Auto Recent Posts Slider jQuery 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.

Thứ Bảy, tháng 1 19, 2013

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

by
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.

Thứ Hai, tháng 5 14, 2012

Recent post width thumbnail 3 cột cho blogspot.

by
Tiện ích Recent post dạng 3 cột cho blogspot.
Hôm nay namkna sẽ giới thiệu thêm cho các bạn một tiện ích recent post mới, tiện ích này trước đây được news.zing.vn sử dụng và cũng từng được fandung giới thiệu rồi, tuy nhiên hiện nay đã thất lạc do vậy namkan sẽ giới thiệu lại tiện ích này cho các bạn có nhu cầu.

Thứ Sáu, tháng 4 20, 2012

Bài viết mới trượt ngang từ JQuery cho blogspot style 3

by
Bài viết mới trượt ngang từ JQuery cho blogspot style 3
Namkna sẽ giới thiệu thêm cho các bạn một tiện ích bài viết mới (Recent post) với hiệu ứng chạy ngang. Tiện ích bao gồm hình ảnh thumbnail và tiêu đề blog.
Dạng này khác với các dạng trước là các bài đăng dàn xếp theo hàng ngang. Tuy nhiên các bạn nên cân nhắc trước khi thực hiện vì sử dụng scrip nên ít hiều ảnh hưởng đến tốc độ load blog của bạn.

Bài viết mới 2 cột với thumbnail có mô tả cho nhãn blogger

by
Bài viết mới 2 cột với thumbnail có mô tả cho nhãn blogger
[Namkna BlOg] - Hôm nay namkna sẽ giới thiệu đến các bạn tiện ích recent post dạng 2 cột sử dụng hiệu ứng mô tả toolip nhìn rất đẹp. và tốc độ cũng khá nhanh.Đặc điểm của tiện ích này là hiệu ứng mô tả sẽ xuất hiện khi bạn dê chuột vào tiêu đề của bài viết.

Recent posts với hiệu ứng trượt bằng jQuery

by
Recent posts với hiệu ứng trượt bằng jQuery
Tiện ích recent post hôm nay namkna giới thiệu cho các bạn thêm 1 dạng bài viết mới. Tiện ích này có điểm đặc biệt là phần ảnh thumbnail, tiêu đề bài viết và đoạn trích dẫn mô tả chỉ hiện thị khi ta click thanh menu ngang chứa tên của bài viết.