Hỗn tạp Blog

Mời làm việc với WordPress

2011-08-16T20:46:00.001+04:00

Mặc dù Hỗn tạp Blog được tạo dựng và chạy trên nền Blogger, nhưng nền tảng blog chính mà tôi yêu thích lại là WordPress. Hiện tại, tôi đang làm một số việc liên quan tới WordPress, chủ yếu là làm freelance (làm việc cho khách hàng từ xa, nếu bạn chưa biết thuật ngữ này thì hãy Google nhé) và cần tìm người làm cùng do khối lượng công việc đang tăng dần lên mà sức (và thời gian) thì có hạn.

Nội dung công việc cụ thể như sau:

1. Phạm vi công việc:

Công việc chỉ gồm 2 loại: development & design. Tôi thì ngả về bên development. Vì thế các công việc chủ yếu liên quan tới development, đại loại như:
- viết plugin
- modify 1 plugin sẵn có để phù hợp với chức năng được yêu cầu
- viết / tích hợp các script khác để mở rộng chức năng của WordPress

Ngoài ra cũng có 1 số công việc liên quan đến design như sau:
- convert PSD sang theme WordPress
- chỉnh sửa giao diện theme WordPress theo yêu cầu

Vì đây là làm freelance nên các công việc có thể không được cụ thể, rành mạch và phụ thuộc nhiều vào yêu cầu của khách hàng.

2. Yêu cầu khi tham gia:

Vì mong muốn có chất lượng công việc tốt, nên trước khi các bạn có ý định tham gia, hãy trả lời vài câu hỏi sau, nếu tất cả các đáp án là Đúng thì được (chỉ áp dụng cho developer, đối với designer xem phía dưới):

- Bạn làm quen với WordPress được từ 2 năm trở lên không?

Khi tham gia là làm việc luôn, nên thực tế không có thời gian để đào tạo các phần thiếu hụt cho các bạn. Câu hỏi này nhằm nhấn mạnh tầm quan trọng của kinh nghiệm của các bạn.

- Bạn có am hiểu (ở mức độ biết áp dụng đúng) các API của WordPress không? (bao gồm HTTP API, Shortcode API, Widget API, Settings API, WP Query Class, Transient API, ...)

Câu hỏi này liên quan đến chất lượng code các bạn sẽ viết. Không yêu cầu phải quá giỏi, nhưng cần phải biết áp dụng chúng ở những chỗ nào.

- Bạn đã tự mình viết được 1 plugin cho WordPress chưa?

Nếu bạn đọc rất nhiều tutorial mà chưa thực sự bắt tay vào làm 1 plugin nào đó, thì những gì bạn đọc đó không được mài dũa, trau dồi, và nó chưa thực sự trở thành của bạn.

- Code bạn viết có theo 1 coding standards nào không?

WordPress có coding standards của nó, nhưng nếu bạn đang viết code theo 1 chuẩn khác (như của Zend hay PHPVietnam) thì không thành vấn đề. Câu này chủ yếu để xem cách bạn tổ chức code như thế nào. Không ai muốn đọc 1 file code không theo quy ước nào cả, phải không?

Bonus: (không bắt buộc)

- Bạn đã từng develop (bao gồm cả design lẫn develop phần admin) chưa?

Những câu trên dành cho những bạn developer, còn nếu bạn muốn làm về design hơn, thì có vài câu hỏi cho các bạn:

- Bạn có thành thạo HTML & CSS không? (Bao gồm viết HTML semantic, CSS2.1 và CSS3)

Ai làm design chắc chắn phải rất rành những thứ này rồi, nên tôi không giải thích nữa.

- Bạn có sử dụng tốt Javascript hoặc 1 thư viện Javascript nào đó không (jQuery thì càng tốt)?

Phần nhiều các theme WordPress có dính đến các slider, dropdown menu nên các kiến thức về Javascript cũng rất cần thiết.

- Bạn có sử dụng được Photoshop hoặc các phần mềm tương đương không?

Design liên quan rất nhiều đến Photoshop. Ngay cả việc convert từ file PSD sang HTML cũng cần các kỹ năng của Photoshop rồi, chưa nói đến việc tự mình design được nữa. Vì thế câu hỏi này nhất thiết phải được đặt ra.

Bonus (cho cả developer và designer):

- Bạn có website riêng trong đó nói về WordPress hoặc những gì bạn đã làm không?

Cách tham gia

Khi các bạn thấy mình đáp ứng được các yêu cầu trên và muốn tham gia thì hãy gửi email cho tôi tại địa chỉ rilwis@gmail.com. Trong email, các bạn hãy ghi các câu trả lời tương ứng với các câu hỏi trên, đồng thời ghi thêm những khả năng khác mà bạn có thể làm được.

Lưu ý:

1) Xin nhắc lại 1 chút về công việc freelance này, do là làm việc theo yêu cầu khách hàng, nên lượng công việc có thể không đều đặn và không nhiều như mong đợi. Hơn nữa, nó còn có đòi hỏi khá khắt khe về thời gian (khách hàng cần gấp là phải làm gấp). Tuy vậy, đây cũng là nguồn thu nhập thêm cho các bạn nếu yêu thích.

2) Vì mới bắt đầu làm việc kiểu nhóm này, nên có lẽ thời gian đầu tôi mong tìm kiếm được 1-2 bạn tham gia (nhiều quá tôi cũng không có việc cho các bạn :D). Tuy vậy, tôi mong rằng những người tham gia là những người nhiệt tình trong công việc và có khả năng đáp ứng tốt yêu cầu về mặt tiến độ thời gian và chất lượng công việc.

3) Cách thức làm việc và tiền trả sẽ thống nhất sau khi các bạn đã đồng ý tham gia.

4) Tôi hiện ở Hà Nội, nên nếu bạn nào ở Hà Nội đều có thể gặp gỡ trực tiếp để trao đổi thêm. Số điện thoại của tôi: 0987 24 8558, tên: Tuấn Anh.

Hy vọng có thể làm việc cùng các bạn.

Hiện tại tôi vẫn đang tìm người làm việc cùng. Nếu bạn cảm thấy có khả năng và mong muốn làm việc, hãy liên hệ với tôi. Khi nào đủ người, thông báo này sẽ được dỡ bỏ!

Tối giản Javascript

2011-05-30T08:43:00.001+04:00

Tôi thường hay theo dõi tin từ Javascript Weekly, nơi thường gửi các email thông báo các tin tức về Javascript được cập nhật trong tuần. Chủ yếu xoay quanh các vấn đề: các bài hướng dẫn, các library mới, và 1 số tin tức.

Tuần vừa rồi, họ có gửi cho tôi 1 email (các bạn có thể xem phiên bản on web tại đây), trong đó có 1 topic khá thú vị, chính là tiêu đề của post này.

Trước khi vào nội dung chính, xin nhấn mạnh 1 chút là 'tối giản' khác với tối ưu. Thực ra thì có thể hiểu tối giản là 1 dạng tối ưu về kích thước. VD bạn có 1 file JS cỡ 10KB, sau đó bạn làm cách nào đó để nó còn 8KB mà hoàn toàn giữ nguyên chức năng, thì việc làm đó gọi là tối giản. Tối ưu thông thường được hiểu theo nghĩa về hiệu suất, nghĩa là cùng với file JS đó, bạn thực hiện 1 phương pháp nào đó khiến cho nó chạy nhanh hơn 30%, ngốn CPU ít hơn 10% thì đó gọi là tối ưu. Thông thường thì tối ưu không đồng nghĩa với tối giản, nghĩa là có lúc bạn phải chấp nhận kích thước file lớn để cho nó chạy nhanh hơn (như kiểu xe máy với xe đạp). Nhưng đôi khi các biện pháp tối giản cũng có ý nghĩa về mặt tối ưu hiệu suất.

Các phương pháp tối giản mã Javascript

Tôi điểm qua 2 phương pháp chính:

Minifying
Compression

Minifying

Minify nghĩa là làm cho nó 'mini' đi. Thông thường quá trình minify sẽ loại bỏ các ký tự xuống dòng, tab, khoảng trắng thừa và các comment. Các khoảng trắng có thể nằm giữa các dấu gán (=) hay cuối câu lệnh. Đôi khi nó cũng loại bỏ 1 số dấu chấm phẩy (;) không cần thiết, VD của câu lệnh cuối trong block if then, while, ...

Công cụ để minify nổi tiếng nhất là của Douglas Crockford, 1 guru hàng đầu về JS hiện nay. Tool online ở đây. (đừng quên Google để biết thêm vài tool nữa nhé)

Vì việc minify thường chỉ đơn thuần là việc xóa bỏ các ký tự thừa, nên nếu code javascript không chuẩn thì sẽ bị lỗi. Lỗi phổ biến nhất là do thiếu dấu chấm phẩy cuối câu lệnh (JS chấp nhận điều này, nhưng khi minify sẽ biến 2 câu lệnh thành 1). Để kiểm tra xem mã JS có chuẩn không, cách tốt nhất là dùng JSLint, một công cụ khác cũng của Douglas Crockford (tất nhiên là không phải quy tắc nào của JSLint bạn cũng nên tuân theo).

Về khả năng tối giản của minifying thì có thể nhận thấy rằng nó không được nhiều lắm.

Compression

Compression nghĩa là nén. Ở đây hiểu nén khác với đóng gói có mã hóa (pack). Pack có thể đem lại kích thước nhỏ hơn nén, nhưng hiệu suất sẽ bị thiệt, vì browser cần thời gian để giải mã (unpack). Hiện nay tôi thấy ít người dùng pack, trừ phi muốn bảo vệ code cho người khác khỏi xem, còn phần lớn đều dùng nén.

Các công cụ nén JS và pack JS có khá nhiều (bạn google nhé), nhưng nối tiếng nhất có lẽ là YUI Compressor của Yahoo (tôi thường dùng cái này nên gọi nó là nổi tiếng nhất, bạn có thể phản đối tôi ở comment). Gần đây Google có nhảy vào lĩnh vực này với Google Closure Compiler, và thực tế thì nó tối giản tốt hơn YUI Compressor, nhưng để lát nữa tôi sẽ nói kỹ hơn về Google Closure Compiler.

Khi nén JS, phần công việc đầu tiên mà các công cụ này làm là minify code (nghĩa là bạn hoàn toàn có thể quên các tool minify đi, chỉ cần nén là đủ, cũng như việc bạn đọc đoạn trước là không có ý nghĩa lắm :D). Nhưng không chỉ vậy, nó còn thay đổi tên các biến, function, methods (nhưng vẫn đảm bảo các biến global được giữ nguyên) thành dạng 1-2 chữ cái như function a(){};.

Quá trình đổi tên này tất nhiên phức tạp hơn nhiều, vì nó phải đảm bảo tất cả mọi liên kết đến các lời gọi hàm, biến vẫn phải được bảo toàn và hoạt động tốt; bất kể lời gọi đó từ nội bộ script hay từ 1 script khác.

Ngoài ra, YUI Compressor còn gán các biến, hàm, constant hay dùng vào 1 biến để tham chiếu nhanh, và thực hiện 1 số biện pháp tối giản khác. Slide này sẽ cho phép bạn có cái nhìn tổng quan về YUI Compressor.

Các công cụ nén JS khác cũng làm các công việc tương tự. Vấn đề là cái nào làm tốt hơn thôi. Không như minify, vốn gần như chỉ có 1 cách làm duy nhất, việc nén JS khá đa dạng và phụ thuộc nhiều vào thuật toán nén. Để so sánh phương pháp nào tốt hơn đối với mã JS của bạn, công cụ này sẽ hữu ích.

Một vài kỹ thuật tối giản mã JS

Đọc qua phần trên, bạn có thể nắm được phần nào các kỹ thuật tối giản mã JS (nếu không nắm được, bạn rất nên đọc lại). Tuy vậy, các kỹ thuật ấy thường do các tool tự thực hiện và bạn ít phải bận tâm. Nhưng có những thứ mà tool không làm giúp bạn được, và bạn cần phải tự làm bằng tay.

(Bạn rất không nên thực hiện các công việc tối giản ở trên bằng tay, như việc xóa các ký tự thừa, đổi tên, ... vì nó sẽ làm cho đoạn mã của bạn trở nên khó hiểu, rối rắm và sau 1 thời gian nữa, bạn có thể tự hỏi là ai đã viết ra đoạn mã khó chịu như vậy. Hãy để các công cụ tự động làm việc đó thay bạn)

Bây giờ tôi xin quay trở lại với Javascript Weekly đã nói lúc đầu. Newsletter kỳ này có giới thiệu đến trang web 140byt.es, vốn lấy ý tưởng từ Twitter. Website này (hiện đang trong trứng, chưa chính thức hoạt động) nhằm thu thập các đoạn mã JS cực nhỏ, không quá 140 ký tự (là số ký tự tối đa Twitter hạn chế, cũng là số ký tự tối đa mà bạn nhắn tin SMS) nhằm thực hiện 1 việc gì đó.

Do chưa chính thức hoạt động nên tất nhiên chưa có script nào cho chúng ta chiêm ngưỡng. Thế nhưng những người làm ra site này đã viết khá kỳ công 1 trang wiki hướng dẫn những kỹ thuật phổ biến cho việc tối giản mã JS cho những người chuẩn bị submit. Đây là hướng dẫn tốt nhất mà tôi có về lĩnh vực tối giản mã JS này (nếu bạn có 1 hướng dẫn khác hãy cho tôi biết ở comment).

Để tham khảo các kỹ thuật khác có giá trị, hãy xem thêm phần 'Other resources' ở cuối trang wiki đó nhé.

Google Closure Compiler

Nói thêm 1 chút về Google Closure Compiler. Sở dĩ đặt nó ở đây vì Google Closure Compiler có kết hợp 1 số kỹ thuật tối giản mã JS trong phần này. Bạn có thể chạy công cụ này online tại đây.

Cá nhân tôi nhận thấy Google Closure Compiler cho ra kết quả nhỏ gọn hơn YUI Compressor. Có thể do Google Closure Compiler đã làm luôn cả công việc tối giản chính nội dung đoạn mã JS mà chúng ta phải làm bằng tay. Tuy vậy, khó mà khẳng định được nó hơn YUI ở mọi mặt. Tốt nhất mỗi khi có ý định tối giản mã JS, chúng ta cứ thử cả 2 công cụ, cái nào cho kết quả tốt hơn (kích thước nhỏ hơn) thì ta lấy kết quả đó.

Lưu ý nhỏ là Google cũng có những hướng dẫn của riêng mình về việc viết code JS, rất đáng tham khảo.

Showcase những tiny script

Mặc dù chúng ta chưa được xem các script tại 140by.es, nhưng có 1 trang khác cho phép chúng ta coi các demo bằng javascript chỉ với 1KB. Ở đây có rất nhiều (tôi cũng không biết là bao nhiêu, chưa xem được hết) các demo thú vị như hiệu ứng đồ họa, chơi cờ vua, xếp hình, ... chỉ với 1KB JS! Có cả source code cho bạn xem nữa.

Nếu chưa đã mắt, bạn có thể xem thêm các demo với kích thước file tối đa 10KB tại trang web này.

Kết luận

Bài viết này không nhằm trình bày 1 cách chi tiết hay đưa ra các giải pháp copy & paste hoặc step-by-step guide. Nó chỉ là 1 bài tổng hợp các thứ liên quan đến tối giản JS mà thôi. Nếu bạn thực sự quan tâm tới vấn đề này thì việc đơn giản nhất mà bạn có thể làm là follow các link trong bài viết và ngâm cứu chúng. Không dễ dàng lắm đâu ;)

Triết lý

2011-05-26T07:42:00.001+04:00

Đã lâu rồi không cập nhật blog này, đến hôm nay tình cờ nhớ đến blog của anh Thái và cũng nhân được 1 người bạn cho mượn cuốn sách "Thiên nga đen", nên đặt tay xuống bàn phím, gõ gõ mấy cái ghi lại 1 dấu mốc trên blog.

Anh Thái có 1 bài khá thú vị liên quan đến những quan niệm cố hữu của chúng ta. Tình cờ thì cuốn sách "Thiên nga đen" cũng nói đến vấn đề đó. Nhưng tôi chỉ mới bắt đầu đọc nên chưa có chiêm nghiệm gì :D

Tôi nhận thấy rằng nhiều người hay nói triết lý, nhưng đôi khi nói chỉ để cho lời văn nó trau chuốt và liền mạch chứ chưa thực sự thấu đáo về những gì đang nói (nhất là khi khuyên ai đó). Hơn thế nữa, người ta thường nói nhiều nhưng nghĩ ít, thường suy nghĩ không đến tận cùng và thường lảng tránh vấn đề khi đặt chân đến bến cuối.

Triết lý thường rất cuốn hút người nghe, vì nó hợp lý và đúng đắn. Chỉ e là nghe nhiều mà lọt ít thôi. Nhưng dù sao nghe vẫn hơn, ít ra mình cũng biết được những điều hợp lý và đúng đắn ấy. Sự thiếu thốn là việc làm theo những điều đã nghe (nói) mà thôi.

Viết vui vài dòng để tự răn mình không sa ngã quá vào những triết lý mà quên bắt tay vào làm.

Update Wordpress Core và Plugin ở Byethost

2011-02-11T11:25:00.001+03:00

Tài khoản free host của Byethost hỗ trợ khá tốt cho WordPress, cho phép dùng cURL (nhiều free host không hỗ trợ cái này). Tôi vẫn thường hay đăng ký ở đây để test khi cần thiết, vì nói chung thì nó khá giống 1 host được mua. Tất nhiên là độ ổn định không được tốt bằng các host được mua, và có thể có vài điểm yếu nằm ẩn mà chỉ khi sử dụng mới phát hiện ra. Update WordPress core và các plugin là một trong số đó.
Read more »

Đố vui: 6 con ếch

2011-01-05T10:22:00.000+03:00

Tình cờ ghé blog Đặc biệt thú vị, thấy có 1 câu đố vui vui này nên mạn phép copy về đây để ... chơi!

Luật chơi:
- Click vào các con ếch để chúng nhảy
- Các con ếch không nhảy lùi
- Các con ếch hoặc nhảy tới hòn đá trống phía trước, hoặc nhảy qua đầu 1 con ếch khác màu khác và đáp xuống 1 hòn đá trống phía sau

Read more »

Tạo Forum cho Blog

2010-12-03T19:44:00.002+03:00

Chả là ngày mai được phép ngủ nướng, nên tối nay có hứng thú viết tí blog, chia sẻ với mọi người 1 cách làm forum cho blog. Thực ra gọi đúng phải là forum tích hợp với blog, mà cách làm trong bài viết này cũng không chỉ giới hạn trong blog mà có thể tích hợp forum vào bất cứ trang web nào, kể cả trang HTML đơn giản!
Read more »

Hỗn tạp Blog đã có SiteLink

2010-11-30T03:38:00.002+03:00

Cuối cùng thì Hỗn tạp Blog cũng đã có SiteLink! Tin tức tốt lành này tôi mới nhận được nhờ bạn Hoc Nguyen thông báo.

Như trong bài viết về SiteLink cho Blogger trước đây, tôi có nhận định rằng Blogger khó có khả năng có SiteLink. Chủ yếu là vì hệ thống trang phân cấp của Blogger chưa được tốt lắm, và chúng còn bị block bởi robots.txt. Chỉ có những bài viết hay mới có khả năng nhận được SiteLink mà thôi. Và không phải blog nào cũng có những bài viết như vậy.
Read more »

Tùy biến template Blogger chuyên nghiệp hơn bằng CSS Variables

2010-10-29T12:04:00.000+04:00

Thông thường để điều chỉnh các thuộc tính màu sắc chữ, kích cỡ chữ, kiểu chữ, ... của blog làm tại Blogger, ta thường dùng phương pháp thử: Download template -> Điều chỉnh CSS -> Upload template -> Xem thử; nếu chưa vừa ý thì lặp lại quá trình đó!

Làm vậy sẽ mất nhiều thời gian và công sức. Thực tế, Blogger cho phép chúng ta tạo các biến CSS (variables) trong template và tận dụng công cụ Template Designer của nó để chỉnh các thuộc tính này và xem trước chúng ngay trong phần Dashboard mà không phải lặp lại các thao tác trên.

Bài viết này trình bày cơ bản về cách làm đó.

Read more »

Chạy CCleaner theo lịch tự động để dọn sạch máy tính

2010-10-14T19:16:00.001+04:00

Hôm nay trong lúc dùng máy tính mới nhớ đến cần phải dọn dẹp nó cho sạch sẽ, tăng tốc chút ít. Mình trước giờ vẫn dùng CCleaner để làm việc này (lâu rồi không coi tình hình phần mềm, không rõ có phần mềm nào mới mà uy tín và đáng tin cậy hơn CCleaner hay không). Chợt nhớ đến 1 bài viết ngày xưa có đọc được về cách tạo lịch chạy tự động cho CCleaner để dọn dẹp máy tính, nên google thì ra được bài hướng dẫn rất chi tiết trên How to geek.

Gửi lên đây chia sẻ cho những ai có ý muốn giống mình :) À, nếu các bạn thích bản Portable của CCleaner thì download trực tiếp tại trang chủ (link này bị họ giấu hơi kỹ).

Vui: Tại sao lại chạm cốc khi uống rượu?

2010-05-31T10:59:00.000+04:00

Trong các bữa tiệc, yến hội, người ta đều thích chạm cốc uống rượu để tăng thêm không khí vui mừng, long trọng, nhưng chúng ta có biết nghi thức của tập quán này bắt nguồn từ đâu?

Thêm target blank và nofollow cho links trong blog

2010-05-11T13:01:00.002+04:00

Trước đây Anh Võ có hướng dẫn chèn thuộc tính target="_blank" cho các link trong bài viết để khi click vào link đó sẽ mở ra 1 tab mới trong trình duyệt. Như vậy người đọc sẽ không phải rời trang hiện thời để đọc trang mới. Tiếc là blog của Anh Võ hiện giờ đã không còn hoạt động, nên hôm nay tôi trình bày lại thủ thuật này kèm 1 chút cải tiến cho phép chèn cả thuộc tính rel="nofollow" cho các link ra trang ngoài, có domain khác domain của blog.
Read more »

Theo dõi tin tức qua Feed

2010-05-07T23:10:00.003+04:00

Mấy ngày hôm nay mải mê nghịch thử Ubuntu 10.04 quá nên lười cập nhật ý tưởng cho Hỗn tạp Blog. Hôm nay rảnh rỗi nên ngồi trao đổi với các bạn về việc đọc feed. Như các bạn đã biết thì theo dõi thông tin qua kênh Feed (RSS hoặc Atom) là 1 trong những cách nhanh nhất để cập nhật tin tức. Tôi rất hay đọc Feed của các blog lớn, còn các bạn có hay làm như vậy không?
Read more »

Mai Ubuntu 10.04 ra lò, có ai dùng Ubuntu không?

2010-04-28T15:17:00.002+04:00

Không biết trong các bạn đọc của Hỗn tạp Blog có nhiều người dùng Ubuntu không nhỉ? Trong vài người tôi biết thì thấy có bác Tỉnh và anh Thành là đều dùng Ubuntu. Bản thân tôi cũng làm quen với Ubuntu cũng khá lâu (không nhớ là từ khi nào nữa), chủ yếu là để dành cho việc test code và mấy thao tác nghe nhạc, xem phim thông thường chứ cũng chưa thành 1 pro.
Read more »

Làm đẹp code trong blog với SyntaxHighlighter

2010-04-25T18:24:00.000+04:00

Có một vài comment trên Hỗn tạp Blog hỏi về cách hiển thị code sao cho đẹp giống như Hỗn tạp Blog đang dùng. Hôm qua bạn ruabien cũng gửi email cho tôi và hỏi về vấn đề này. Thấy các bạn quan tâm như vậy, nên tôi viết bài hướng dẫn cách làm, hy vọng có thể giúp các bạn có 1 blog đẹp hơn.
Read more »

Blogger khó có khả năng có Site Links

2010-04-22T14:36:00.003+04:00

Site Links là những link trong 1 website được các Search Engines (SE) đánh giá là quan trọng nhất. Những trang nào có site links (như trang của bác Tỉnh) thì hẳn phải có 1 nội dung phong phú và cấu trúc site rõ ràng. Nhưng mà, hôm nay tôi vừa mới phát hiện ra, Blogger rất ít (gần như không) có khả năng có site links.
Read more »

WordPress: Thêm nofollow vào các link trong bài viết

2010-04-18T16:58:00.001+04:00

Nofollow là 1 thuộc tính HTML dùng để báo cho các bộ máy tìm kiếm không lần theo target của link để tới website khác. Dùng nofollow hiệu quả, bạn có thể kiểm soát được dòng chảy PageRank trong website. Đối với blog WordPress, có 1 mẹo nhỏ có thể chèn nofollow vào các link trong bài viết rất đơn giản như sau:
Read more »

Page Navigation với phong cách WP-PageNavi

2010-04-15T13:21:00.000+04:00

Như đã hứa với các bạn, hôm nay tôi chia sẻ tiếp cách làm Page Navigation cho Blogger với phong cách giống như plugin WP-PageNavi của WordPress, vốn đang được dùng cho Hỗn tạp Blog.

Chúng ta đều đã biết rằng Blogger vốn chỉ cung cấp 2 link "Previous" và "Next" để chuyển bài, điều đó hiển nhiên không làm thỏa mãn người dùng. Vì thế có nhiều hack cho Blogger ra đời. Hack lần này tôi trình bày về cơ bản không khác các hack trước, chức năng cũng không nổi bật hơn nhiều, chỉ có duy nhất 1 điểm là nó được viết lại hoàn toàn theo phong cách của 1 plugin nổi tiếng cho WordPress - WP-PageNavi. Vì thế, nếu bạn mong chờ 1 bản đột phá hơn cho Blogger, thì điều đó chỉ có thể làm được nhờ các góp ý của các bạn!
Read more »

Blogger Auto Readmore nâng cao và hướng dẫn tùy biến

2010-04-12T01:00:00.000+04:00

Auto readmore là chủ đề đã quá quen thuộc với Blogger. Mặc dù Google đã hỗ trợ tính năng này cho Blogger, nhưng nó chưa thực sự thỏa mãn người dùng vì 1 lẽ: nó chỉ cắt nội dung chứ chưa thể tùy biến giao diện. Bởi vậy chúng ta thường nhờ vả tới các script auto readmore.
Read more »

Bookmark: CSS Button; WP Ajax, Duplicate Content, Roles and Capabilities; Reset Windows Password

2010-04-09T01:00:00.001+04:00

22 CSS Button Styling Tutorials and Techniques

Dùng CSS để tạo kiểu dáng cho các nút bấm hoặc link là 1 kỹ thuật thường được dùng đến khi thiết kế web. Để tiện tham khảo các cách làm, trang web speckyboy.com đã tổng hợp 22 hướng dẫn tạo nút bấm đẹp bằng CSS. Hầu hết các cách làm đều có thể tìm được ở đây.
Read more »

Hỗn tạp Blog đổi giao diện lần 2

2010-04-06T01:00:00.001+04:00

Sau gần một năm sử dụng giao diện mới (version 1), vốn được tinh giản tới mức tối đa, hôm nay Hỗn tạp Blog chính thức chuyển đổi sang version 2.

Phiên bản lần này phần lớn vẫn dựa trên version 1 trước, bổ sung thêm 1 vài cải tiến:
Read more »

[SEO] Cách dùng thẻ H1

2010-04-03T01:00:00.031+04:00

Các thẻ H1, H2, ... được dùng để nhấn mạnh nội dung và nhờ đó tăng cường khả năng SEO cho website. Trong đó, thẻ H1 quan trọng nhất, thể hiện chủ đề chính của trang web. Vì vậy nên sử dụng duy nhất một thẻ H1 trong một trang. Điều này dẫn tới một vài khác biệt trong cách đặt vị trí cho thẻ H1, chủ yếu nằm tại header của website và tiêu đề bài viết.
Read more »

Redirect đến trang Thank you sau khi comment

2010-03-31T01:00:00.002+04:00

Một số blog WordPress đặt chế độ sau khi khách comment trên blog thì sẽ được redirect tới trang Thank you, để nói lời cảm ơn khi đã tham gia thảo luận trên blog. Đôi khi cũng là để xác nhận rằng comment của bạn đã được gửi và đang trong kiểm duyệt (điều này tùy thuộc vào thông báo của chủ nhân blog). Dưới đây sẽ hướng dẫn bạn làm điều đó.
Read more »

JS Slideshow, CSS Reference, Mã hóa dữ liệu, WordPress Custom Functions

2010-03-28T01:00:00.002+03:00

ContentFlow - Create Beautiful Image Slideshow

Smashing Magazine có share trong Facebook 1 link đến thư viện javascript ContentFlow dùng để làm slideshow cho các bức ảnh. ContentFlow thực sự ấn tượng bởi các hiệu ứng (trong đó có nhiều hiệu ứng được tổng hợp từ các script khác) và tính linh hoạt trong việc điều khiển slideshow (qua click chuột, lăn bi chuột, kéo thả).
Read more »

Tích hợp trang kết quả tìm kiếm Google CSE vào WP

2010-03-25T01:00:00.002+03:00

Google Custom Search Engine (Google CSE) là 1 công cụ cho phép bạn tự tạo 1 bộ máy tìm kiếm dựa trên Google và tích hợp vào website. Bạn có khả năng tùy chỉnh các thiết lập cho phù hợp mục đích tìm kiếm của riêng mình, VD: chỉ tìm kiếm trên 1 site chỉ định, tìm kiếm theo các từ khóa cho trước, tích hợp (hoặc loại bỏ) quảng cáo vào kết quả tìm kiếm, thay đổi ngôn ngữ hiển thị... Chi tiết về cách tạo lập, sử dụng và tùy biến các bạn có thể tự mày mò tại trang chủ của Google CSE, hoặc tìm kiếm trên mạng. Do khuôn khổ bài viết, xin bỏ qua các chi tiết đó.
Read more »

"Bài viết liên quan" cho Blogger, bản nâng cao, có phân trang

2010-03-22T01:00:00.007+03:00

Script tạo danh sách các bài viết liên quan cho Blogger ban đầu được Hoctro phát triển, sau đó được nhân rộng ra với khá nhiều chỉnh sửa. Các bản "bài viết liên quan" hiện nay đều cho phép cấu hình số bài viết hiển thị và số bài viết lấy theo mỗi label. Tuy vậy, trong trường hợp cần liệt kê số lượng lớn các bài viết liên quan thì chưa script nào có khả năng phân trang. Trong bài viết này, tôi sẽ hướng dẫn các bạn làm phân trang cho chúng.
Read more »