và xem các làm: Tại đây
Thứ Sáu, 1 tháng 11, 2013
Menu tích hợp bài đăng mới nhất và nhận xét mới nhất cho blogspot - Demo
Nếu cảm thấy thích bạn có thể xem cach làm của mình ở đây; XEM NGAY CÁCH LÀM
Thứ Sáu, 11 tháng 10, 2013
Responsive dropmenu đơn giản từ CSS3 cho blogger
Các bạn có thể xem demo bằng cách di chuột vào tiêu đề các menu ở trên đầu của blog demo này nha:
Nếu thấy thích bạn có thể Xem cách làm tại đây
Ngoài ra bạn cũng có thể xem ảnh minh họa:
Nếu thấy thích bạn có thể Xem cách làm tại đây
Ngoài ra bạn cũng có thể xem ảnh minh họa:
Thứ Tư, 28 tháng 8, 2013
Thứ Hai, 1 tháng 4, 2013
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ách làm: TẠI ĐÂY
Demo: Facebook Activity Feed Plugin cho Blogger
Facebook Activity Feed là một plugin của mạng xã hội facebook dành cho
các blog và website nhằm tăng sự tương tác giữa người dùng facebook với
các blogger/website. Tiện ích này rất tốt trong việc tăng lưu lượng
truy cập cho blog/web của bạn với hơn 1 tỷ người dùng đăng ký của
Facebook. Plugin này hiển thị các bài viết và khuyến cáo những bài viết
mới được yêu thích bởi những người bạn của khách truy cập trang web của
bạn. Vì vậy, nó được xây dựng để thu hút độc giả để truy cập vào trang
web của bạn để tìm hiểu những gì bạn bè của họ thích. Nếu bạn đang sử
dụng Facebook recommendations bar
trong blog của bạn thì bạn sẽ cảm thấy hài lòng khi biết rằng plugin
này cũng hiển thị các bài viết khuyến nghị cùng với các lượt like gần
đây dựa trên các hoạt động xã hội được thực hiện trên các trang bài viết
trong blog của bạn.
Cách làm: Tại đây
Demo: Bài viết ngẫu nhiên dạng thumbnail đẹp cho blogger
Hôm nay namkna sẽ giới thiệu cho các bạn tiện ích bài viết ngẫu nhiên
dạn hình ảnh thumbnail và hiệu ứng hover tên bài viết cùng với mô tả của
bài viết (Random Posts with thumbnail effect) dành cho blogger.
Cách làm: tại đây
Popular posts style gallery jquery v2 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ách làm Tại đây.
Cách làm Tại đây.
Thứ Hai, 18 tháng 3, 2013
Demo: Thêm hộp Twitter Fan Box cho Blogger / Blogspot
Tiện
ích này cho phép khách truy cập của bạn có thể theo dõi bạn qua twitter
và xem danh sách những người đang theo dõi blog của bạn mà không cần
rời khỏi trang web của bạn. Nó hoạt động như một plusin dựa trên box
Facebook fanpage. Code Fanpage Twitter này được tạo ra bởi Mark carey
. Sử dụng hộp fanpage twitter này trên blog có thể làm tăng lượng fan
cho twitter của bạn rất nhiều. Qua box twitter này người dùng cũng có
thể nhìn thấy bạn bè của họ đã theo dõi blog hoặc website của bạn vì vậy
nó mang lại cho một sự tương tác xã hội nhiều hơn đến blog của bạn và
giúp mang lại lưu lượng truy cập nhiều hơn từ twitter. Thực hiện theo
các bước dưới đây để dễ dàng thêm và sử dụng box Fan twitter Blogger
Blogs của bạn.
Cách làm tại đây
Demo: Slider ảnh từ CSS3 cho Blogger ves 2
CSS3
là có một ưu điểm chỉ mình nó có đó là không ảnh hưởng đến tốc độ tải
trang của bạn (trong khi nếu dùng javascript blog của bạn sẽ mất thời
gian tải lâu hơn do phải gửi repuest). Hôm nay namkna sẽ hướng dẫn các
bạn một slider với hiệu ứng trượt ngang mượt mà từ các thuộc tính CSS3
tức là không có jQuery hoặc không có bất kỳ mã JavaScript nào khác. Đây
là một slider từ css3 đúng nghĩa do vậy đừng ngạc nhiên nếu thấy tốc độ
của nó nhanh hơn bất kỳ một slider từ jQuery. Slider này chỉ có một hiệu
ứng trượt ngang duy nhất (khác với slider CSS3 vesion 1 trước đây trượt dọc từ trên xuống).
Cách làm: Tại đây
Demo: Hộp like và đăng ký ở cuối bài viết cho blogger
Đây là một hộp bao gồm nút like và send, hộp đăng ký qua Email
(Subscription box) và các biểu tượng lá cờ liên kết đến các mạng xã hội.
Widget này được sử dụng rất nhiều trên blog wordpress, nó thuuwongf nằm
ở dưới cùng của bài viết. Góp phần thu hút sự chú ý của độc giả truy
cập và thuận tiện khi độc giả đó muốn thích hay chia sẻ bài viết của
bạn. Đó là lý do tại sao namkna đặt tên cho tiện ích này là "hộp like và đăng ký cuối bài viết".
Nó sẽ làm tăng của bạn lưu lượng truy cập vào trang web của bạn thông
qua các mạng truyền thông như: Facebook , Google, Twiter,... Đồng tăng
truy cập trên các mạng xã hội của bạn từ trang web của bạn.
Ảnh minh họa:
Xem cuối bài viết này.
Demo: Chia widget Label ở footer thành nhiều cột cho blogspot.
Với các blogger có quá nhiều nhãn thì việc kích hoạt (Displaying) tất cả các nhãn trong thanh bên (sidebar) không phải là một lựa chọn hoàn hảo vì nó sẽ mất quá nhiều diện tích của sidebar. Vậy giải pháp đặt ra là nên đặt tiện ích này ở đâu và làm thế nào để tiện ích này trong bắt mắt gọn nhẹ hơn mà vẫn đầy dủ các nhãn của bạn. Thủ thuật này namkna sẽ liệt kê tên các nhãn theo thứ tự bảng chữ cái và chia thành 5 cột đặt ở dưới chân trang blog (phần footer). cho độc giả đễ tìm kiếm các nhãn này.
Bạn có thể xem hình minh họa bên dưới:
Bạn có thể xem hình minh họa bên dưới:
Cách làm: tại đây
Thứ Năm, 14 tháng 3, 2013
Demo: Tùy chỉnh Popular Posts đơn giản của blogger/blogspot
Namkna khi sử dụng một tiện ích nào đó trừ khi namkna biết mình có thể thiết kế nó theo sở thích của mình. Tiện ích bài đăng phổ biến (popular post) để hiển thị các bài viết được xem nhiều nhất cùng với một hình ảnh thu nhỏ dựa trên các số liệu thống kê Analytics của bạn. Nhưng giao diện còn khá đơn giản và thô sơ, Namkna sẽ ghi đè lên các stylesheet của tiện ích này hoàn toàn với phông chữ tùy chỉnh và màu sắc của mybloggertrick. Bạn có thể xem tiện ích phổ biến ngay trên blog demo của tôi.
Cách làm: TẠI ĐÂYChủ Nhật, 10 tháng 3, 2013
Thứ Sáu, 8 tháng 3, 2013
Thứ Năm, 7 tháng 3, 2013
Thứ Ba, 5 tháng 3, 2013
Demo:Recent post cho trang chủ blogger style 2
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, ;oad nhanh và dễ áp dụng. Tiện cíh bao gồm một khong 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.
Ảnh minh họa:
Bước 1: Ẩn bài viết ở trang chủ
Thứ Năm, 28 tháng 2, 2013
Chủ Nhật, 24 tháng 2, 2013
Thứ Bảy, 23 tháng 2, 2013
Tiện ích nhận xét gần đây của blogger
Widget recent comment (Bình luận gần đây) được cung cấp bởi Feedburner là một lựa chọn tốt, nhưng nếu bạn sợ rằng phương pháp đó làm tăng thời gian tải trang. Namkna chắc chắn bạn sẽ muốn cài đặt tiện ích recent comment được cung cấp bởi blogger vì tính ưu việt về tốc độ load của nó. Tuy nhiên nhìn nó còn khá đơn giản. bạn có thể xem ở hình dưới:
Cách làm Tại đây
Thứ Sáu, 15 tháng 2, 2013
Thứ Năm, 14 tháng 2, 2013
Demo: Trang trí blog ngày valentine 14/2
Thứ Ba, 12 tháng 2, 2013
Thứ Sáu, 8 tháng 2, 2013
Popular Posts xoay tròn với CSS3
Cách làm Tại đây
Demo: Auto Recent Posts Slider jQuery Blogger
Cách làm Tại đây
Thứ Hai, 4 tháng 2, 2013
Thứ Tư, 30 tháng 1, 2013
Thứ Hai, 28 tháng 1, 2013
Thứ Hai, 21 tháng 1, 2013
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.
Ảnh minh họa:Cách làm Tại đây
Thứ Sáu, 18 tháng 1, 2013
Thứ Tư, 16 tháng 1, 2013
Demo: Tiện ích Top Commentators cho blogspot
Cách làm tại đây
Thứ Năm, 10 tháng 1, 2013
Demo: nút Share trượt dọc cho Blogspot (sticky sidebar)
Cách làm: Tại đây
Kéo chuột xuống cuối trang và chú ý bên tay phải:
Kéo chuột xuống cuối trang và chú ý bên tay phải:
Kéo chuột xuống cuối trang và chú ý bên tay phải:
Kéo chuột xuống cuối trang và chú ý bên tay phải:
Kéo chuột xuống cuối trang và chú ý bên tay phải:
Kéo chuột xuống cuối trang và chú ý bên tay phải:
Kéo chuột xuống cuối trang và chú ý bên tay phải:
Kéo chuột xuống cuối trang và chú ý bên tay phải:
Kéo chuột xuống cuối trang và chú ý bên tay phải:
Kéo chuột xuống cuối trang và chú ý bên tay phải:
Kéo chuột xuống cuối trang và chú ý bên tay phải:
Kéo chuột xuống cuối trang và chú ý bên tay phải:
Kéo chuột xuống cuối trang và chú ý bên tay phải:
Kéo chuột xuống cuối trang và chú ý bên tay phải:
Tthur thuật tạo banner quảng cáo thay đổi ngẫu nhiên cho file flash trên blogger
Cách làm Tại đây
Thứ Hai, 7 tháng 1, 2013
Nhận xét mới nhất cho blogspot
Cách làm Tại đây
Đăng ký:
Bài đăng (Atom)