Hỗn tạp Blog

Tambov Love Bridge 10 - Hành trình Bạch Dương

2009-07-10T20:45:00.001+04:00

Đây là số thứ 10 tròn trĩnh của Tambov Love Bridge, con số tròn trĩnh nhưng cọc cạch. Thời gian trôi qua cũng quá nhanh, 10 số trong hơn 1 năm. Lần lượt những người của Tambov Love Bridge cũng đã về nước. Lần chia tay này là lần thứ 2...

Năm nay có nhiều người về lắm, không chỉ 2 chị trong Tambov Love Bridge mà đám bạn cùng đợt sang với tôi cũng về mấy đứa. Còn sót lại vài đứa học kiến trúc và học lên thạc sĩ bọn tôi. Đoàn tôi sang 17 người, đã 1 lần "sẻ đôi" khi 1 số đứa qua khu KTX khác sống, nhưng đó chỉ là giả, còn giờ là thật...

Chủ đề của số 10 Tambov Love Bridge này cũng không gì khác là chia tay những người sắp về ấy, cùng chia sẻ chút kỉ niệm trong quãng thời gian sang-sống-về tại xứ sở Bạch Dương này. Mời mọi người lắng nghe.

Get this widget

Track details

eSnips Social DNA

Download Tambov Love Bridge 10.

Trang tin tức tổng hợp

2009-07-04T10:00:00.001+04:00

Chắc mọi người đều quen thuộc với trang đọc tin tổng hợp Baomoi.com. Mấy ngày vừa rồi, tôi rảnh rỗi nên cũng ngồi làm 1 trang tương tự như thế. Trước đây tôi cũng đã làm 1 trang tin tổng hợp như vậy tại Google Pages (bây giờ vẫn còn đó) bằng HTML và Javascript (có dùng Google Feed API để lấy feed). Lần này tôi làm hoàn toàn bằng PHP.

Đây là giao diện của trang web:

Các bạn có thể ghé thăm demo trang web này tại đây (domain và host là 1 người bạn cho tôi dùng ké, cho nên chả biết đến lúc nào nó die).

Hiện giờ website mới chỉ có chức năng cơ bản là tự động cập nhật tin tức từ các nguồn feed vào các mục riêng biệt, tôi cũng chưa kịp viết phần quản lí cho nó nữa. Lúc nào hứng thú thêm, tôi sẽ hoàn thiện nốt.

Mọi người xem thử rồi cho tôi biết ý kiến của mình nhé :). Cám ơn mọi người rất nhiều.

Người Mỹ dạy bài học cô bé Lọ Lem như thế đấy

2009-06-30T10:00:00.002+04:00

Giờ học văn bắt đầu. Hôm nay thầy giảng bài Chuyện Cô bé Lọ Lem.

Trước tiên thầy gọi một học sinh lên kể chuyện Cô bé Lọ lem. Em học sinh kể xong, thầy cảm ơn rồi bắt đầu hỏi.

Thầy: Các em thích và không thích nhân vật nào trong câu chuyện vừa rồi?

Học sinh (HS): Thích Cô bé Lọ Lem Cinderella ạ, và cả Hoàng tử nữa. Không thích bà mẹ kế và chị con riêng bà ấy. Cinderella tốt bụng, đáng yêu, lại xinh đẹp. Bà mẹ kế và cô chị kia đối xử tồi với Cinderella.

Thầy: Nếu vào đúng 12 giờ đêm mà Cinderella chưa kịp nhảy lên cỗ xe quả bí thì sẽ xảy ra chuyện gì?

HS: Thì Cinderella sẽ trở lại có hình dạng lọ lem bẩn thỉu như ban đầu, lại mặc bộ quần áo cũ rách rưới tồi tàn. Leo ôi, trông kinh lắm !

Thầy: Bởi vậy, các em nhất thiết phải là những người đúng giờ, nếu không thì sẽ tự gây rắc rối cho mình. Ngoài ra, các em tự nhìn lại mình mà xem, em nào cũng mặc quần áo đẹp cả. Hãy nhớ rằng chớ bao giờ ăn mặc luộm thuộm mà xuất hiện trước mặt người khác. Các em gái nghe đây: các em lại càng phải chú ý chuyện này hơn. Sau này khi lớn lên, mỗi lần hẹn gặp bạn trai mà em lại mặc luộm thuộm thì người ta có thể ngất lịm đấy (Thầy làm bộ ngất lịm, cả lớp cười ồ). Bây giờ thầy hỏi một câu khác. Nếu em là bà mẹ kế kia thì em có tìm cách ngăn cản Cinderella đi dự vũ hội của hoàng tử hay không? Các em phải trả lời hoàn toàn thật lòng đấy!

HS: (im lặng, lát sau có em giơ tay xin nói) Nếu là bà mẹ kế ấy, em cũng sẽ ngăn cản Cinderella đi dự vũ hội.

Thầy: Vì sao thế ?

HS: Vì … vì em yêu con gái mình hơn, em muốn con mình trở thành hoàng hậu.

Thầy: Đúng. Vì thế chúng ta thường cho rằng các bà mẹ kế dường như đều chẳng phải là người tốt. Thật ra họ chỉ không tốt với người khác thôi, chứ lại rất tốt với con mình. Các em hiểu chưa? Họ không phải là người xấu đâu, chỉ có điều họ chưa thể yêu con người khác như con mình mà thôi.

Bây giờ thầy hỏi một câu khác: bà mẹ kế không cho Cinderella đi dự vũ hội của hoàng tử, thậm chí khóa cửa nhốt cô bé trong nhà. Thế tại sao Cinderella vẫn có thể đi được và lại trở thành cô gái xinh đẹp nhất trong vũ hội ?

HS: Vì có cô tiên giúp ạ, cô cho Cinderella mặc quần áo đẹp, lại còn biến quả bí thành cỗ xe ngựa, biến chó và chuột thành người hầu của Cinderella.

Thầy: Đúng, các em nói rất đúng ! Các em thử nghĩ xem, nếu không có cô tiên đến giúp thì Cinderella không thể đi dự vũ hội được, phải không?

HS: Đúng ạ !

Thầy: Nếu chó và chuột không giúp thì cuối cùng Cinderella có thể về nhà được không ?

HS: Không ạ !

Thầy: Chỉ có cô tiên giúp thôi thì chưa đủ. Cho nên các em cần chú ý: Dù ở bất cứ hoàn cảnh nào, chúng ta đều cần có sự giúp đỡ của bạn bè. Bạn của ta không nhất định là tiên là bụt, nhưng ta vẫn cần đến họ. Thầy mong các em có càng nhiều bạn càng tốt.

Bây giờ, đề nghị các em thử nghĩ xem, nếu vì mẹ kế không muốn cho mình đi dự vũ hội mà Cinderella bỏ qua cơ hội ấy thì cô bé có thể trở thành vợ của hoàng tử được không ?

HS: Không ạ ! Nếu bỏ qua cơ hội ấy thì Cinderella sẽ không gặp hoàng tử, không được hoàng tử biết và yêu.

Thầy: Đúng quá rồi ! Nếu Cinderella không muốn đi dự vũ hội thì cho dù bà mẹ kế không ngăn cản đi nữa, thậm chí bà ấy còn ủng hộ Cinderella đi nữa, rốt cuộc cô bé cũng chẳng được lợi gì cả. Thế ai đã quyết định Cinderella đi dự vũ hội của hoàng tử ?

HS: Chính là Cinderella ạ.

Thầy: Cho nên các em ạ, dù Cinderella không còn mẹ đẻ để được yêu thương, dù bà mẹ kế không yêu cô bé, những điều ấy cũng chẳng thể làm cho Cinderella biết tự thương yêu chính mình. Chính vì biết tự yêu lấy mình nên cô bé mới có thể tự đi tìm cái mình muốn giành được. Giả thử có em nào cảm thấy mình chẳng được ai yêu thương cả, hoặc lại có bà mẹ kế không yêu con chồng như trường hợp của Cinderella, thì các em sẽ làm thế nào ?

HS: Phải biết yêu chính mình ạ !

Thầy: Đúng lắm! Chẳng ai có thể ngăn cản các em yêu chính bản thân mình. Nếu cảm thấy người khác không yêu mình thì em càng phải tự yêu mình gấp bội. Nếu người khác không tạo cơ hội cho em thì em cần tự tạo ra thật nhiều cơ hội. Nếu biết thực sự yêu bản thân thì các em sẽ tự tìm được cho mình mọi thứ em muốn có. Ngoài Cinderella ra, chẳng ai có thể ngăn trở cô bé đi dự vũ hội của hoàng tử, chẳng ai có thể ngăn cản cô bé trở thành hoàng hậu, đúng không ?

HS: Đúng ạ, đúng ạ !

Thầy: Bây giờ đến vấn đề cuối cùng. Câu chuyện này có chỗ nào chưa hợp lý không?

HS: (im lặng một lát) Sau 12 giờ đêm, mọi thứ đều trở lại nguyên dạng như cũ, thế nhưng đôi giày thủy tinh của Cinderella lại không trở về chỗ cũ.

Thầy: Trời ơi ! Các em thật giỏi quá ! Các em thấy chưa, ngay cả nhà văn vĩ đại (nhà văn Pháp Charles Perrault, tác giả truyện Cô Bé Lọ Lem - chú thích của người dịch) mà cũng có lúc sai sót đấy chứ. Cho nên sai chẳng có gì đáng sợ cả. Thầy có thể cam đoan là nếu sau này có ai trong số các em muốn trở thành nhà văn thì nhất định em đó sẽ có tác phẩm hay hơn tác giả của câu chuyện Cô bé Lọ lem ! Các em có tin như thế không ?

Tất cả học sinh hồ hởi vỗ tay reo hò.

Cảm nghĩ sau khi đọc bài “Người Mỹ giảng dạy chuyện Cô bé Lọ Lem như thế đấy”

Thời Hàn Băng (nhà báo Trung Quốc)

Bài “Người Mỹ giảng dạy chuyện Cô bé Lọ Lem như thế đấy” để lại trong tôi một ấn tượng mạnh hơn bất cứ lời bình nào về nền giáo dục của nước Mỹ.

Người thầy giáo trong bài báo ấy chẳng khác một thiên thần. Ông đem lại cho lũ trẻ lòng công bằng, tình yêu thương, tinh thần đoàn kết giúp đỡ lẫn nhau, tư duy lý tính, ý nghĩa của cuộc đời … Với cách giáo dục như thế, sao mà lũ trẻ không có tình thương, sao mà chúng còn chịu sự ràng buộc và hạn chế của những điều này khoản nọ nào đấy ?

Tôi bỗng nhớ lại hồi học trung học, thầy giáo có tổ chức cho chúng tôi học tập tấm gương Lại Ninh.

Chuyện Lại Ninh như sau: Ngày 13 tháng 3 năm 1988, thiếu niên Lại Ninh 14 tuổi bỗng phát hiện thấy có đám cháy trong rừng, anh liền tức tốc chạy tới chỗ cháy và cầm lấy một cành cây hăng hái quên mình dập lửa. Tuy các đội viên đội chữa cháy từng khuyên mọi người chớ chạy đến gần đám lửa, nhưng vì không đành lòng nhìn thấy tài sản của nhà nước bị thiệt hại, Lại Ninh vẫn tiếp tục dập lửa. Sau cùng đám cháy rừng bị dập tắt, hơn 3500 mẫu rừng được cứu thoát, trạm vệ tinh chuyển tiếp truyền hình trong rừng và nhà kho của công ty dầu lửa cũng bình yên vô sự. Sáng hôm 14, người ta tìm thấy xác Lại Ninh trong đống tro rừng. Tay phải anh vẫn còn nắm chặt cành cây, mặt hướng lên đồi, cặp kính cận thị văng đâu mất, tay trái bám lấy mặt đất, chân phải ở tư thế leo lên đồi. Lại Ninh đã vĩnh biệt chúng ta nhưng tinh thần của anh mãi mãi còn sống với chúng ta. Anh là tấm gương để chúng ta học tập noi theo! Anh mãi mãi là niềm kiêu hãnh của chúng ta!

Lại Ninh là một thiếu niên tốt và có tinh thần quý trọng của công rất cao. Thế nhưng tại sao chúng ta không dạy dỗ trẻ em cách phòng tránh khi có cháy rừng mà lại khuyến khích các em chạy tới đám cháy? Có “tài sản nhà nước” nào quý hơn tính mạng con người chăng? Những người thân của Lại Ninh sẽ phải chịu đựng nỗi đau như thế nào vì chuyện ấy? Còn có cách giáo dục nào thiếu đạo đức hơn lối dạy trẻ em như thế không? Nhất là ngày nay, trong khi một lũ quan tham ra sức chiếm đoạt “tài sản nhà nước” thì ta vẫn tiếp tục dạy dỗ các em hy sinh thân mình để bảo vệ một loại tài sản nào đó, thử hỏi đạo trời ở đâu?

Tại nước Mỹ, khi xảy ra nguy hiểm, các thầy cô giáo bao giờ cũng khuyên răn học trò rời xa ngay nơi đó và hướng dẫn chúng rất tường tận cách tránh né. Họ hiểu rằng tính mạng giữ được thì lại có thể làm ra tài sản… Cách giáo dục của chúng ta thì có thể đưa bao nhiêu thanh thiếu niên ưu tú đi tới chỗ chết!

Thế nhưng trước đây tôi đâu có biết đạo lý ấy. Tôi từng mong muốn mình cũng được như Lại Ninh liều thân chữa cháy, dẫu có hy sinh trong đám lửa thì cũng không quản ngại. Cho tới năm học lớp 12, tôi được một thầy giáo trẻ (dạy môn sử) có lương tri bảo ban, dần dần hiểu rõ thực chất của nhiều vấn đề, từ đó tôi bắt đầu suy nghĩ sâu sắc. Sau khi trở thành nhà báo, đi nhiều thấy nhiều, tôi dần dần hiểu ra rằng tính mạng con người, tình thương yêu, lòng khoan dung và niềm tin mới là thứ đáng quý nhất.

Kiểu giáo dục khuyên bảo lũ trẻ con ấu trĩ xông vào cứu cái gọi là “tài sản nhà nước” ấy thật đáng trách, ngay cả loài cầm thú cũng chẳng làm thế. Tất cả mọi thứ vật chất đều có thể làm lại, riêng sinh mạng thì không thể.

Cách giáo dục ấy hủy hoại lũ trẻ từ nhỏ, xóa bỏ thiên tính của chúng, ươm trồng hạt giống tính nô lệ. Ngay từ ở nhà trẻ, có cô giáo đã quyết định thái độ đối xử với từng cháu tùy theo bố mẹ cháu chức vụ cao hay thấp, giàu hay nghèo; ngay từ tuổi ấy chúng đã dần dần học được cách lấy lòng cô giáo. “Nô tính” ấy thâm căn cố đế tới mức sau này có người leo lên địa vị lãnh đạo rồi mà vẫn còn giữ thói cũ, thậm chí còn nặng hơn. Thấy khách nước ngoài thì cung kính vâng vâng dạ dạ; thấy quần chúng bình thường thì nạt nộ ra oai… Thật là đáng buồn làm sao!

Chế độ giáo dục xóa bỏ lương tri, tính người, hủy hoại tình thương yêu, trau dồi nô tính và tính phục tùng, gạt người nghèo ra khỏi ghế nhà trường chẳng những chỉ đào sâu hố ngăn cách giàu nghèo mà còn hủy hoại tiền đồ của một dân tộc. Nếu không thấy rõ sự khác biệt giữa chúng ta với người Mỹ ngay từ cách giáo dục trẻ em, nếu không cải tổ nền giáo dục mà cứ phát triển theo kiểu giết gà lấy trứng như thế này thì chúng ta sẽ mãi mãi chẳng đuổi kịp người Mỹ và con cháu chúng ta sau này sẽ phải trả giá đau khổ cho cách tăng trưởng kinh tế này.

Nguyễn Hải Hoành

Lược dịch theo báo Trung Quốc
(Mượn từ blog moscow80)

***

Bài viết này tôi trích dẫn từ blog Bình minh mưa, 1 bài viết theo tôi rất hay, có ý nghĩa và sâu sắc.

Học Javascript nâng cao với John Resig

2009-06-27T10:00:00.000+04:00

Trên blog của John Resig, chủ nhân của jQuery, có 1 slide tổng hợp về javascript nâng cao. Phần này trình bày các khía cạnh (ít gặp) của javascript ở 1 mức độ sâu, bao gồm nhiều vấn đề liên quan đến function, closure, object, ... Các slide được trình bày gồm có code kèm theo 1 phần mô tả ngắn gọn và có thể chạy được để test nội dung đoạn code đó. Có khoảng gần 100 slide, tôi cũng chưa đủ sức xem hết các slide này, để hiểu chúng chắc cần 1 khoảng thời gian dài nữa.

Nếu bạn muốn tìm hiểu sâu về javascript, có lẽ slide này sẽ có ích với bạn.

Tạo album ảnh flash cực đẹp bằng EmageView

2009-06-24T01:33:00.006+04:00

Giới thiệu

EmageView là 1 source bằng flash dùng để tạo album ảnh trên web. Tác giả của nó là Nam Kennic. Mới đầu khi tạo ra project này, tác giả đã share demo trên blog của mình và nó đã thu hút được rất nhiều sự quan tâm của nhiều người (có thể thấy qua 160 comment tại trang giới thiệu EmageView trên blog Nam Kennic). Có lẽ vì nó rất đẹp, thiết kế bắt mắt, tương tác hấp dẫn và có nhiều hiệu ứng ảnh sinh động.

Tuy chỉ share bản demo (bao gồm 1 file flash và file xml lưu database), nhưng nhiều người dùng khác vì cảm thấy yêu thích source này nên đã viết phần quản trị cho nó, trong đó Lê Bằng là 1 người khá nổi. Tuy nhiên, không hiểu vì lí do gì, các chia sẻ này đều đã bị xóa đi, các link download cũng không còn hoạt động. Cho nên việc tìm hiểu mã nguồn phần quản trị của Lê Bằng cũng không thực hiện được.

Hôm trước, anh nlfb có đề nghị tôi làm nốt phần quản trị cho EmageView, để khỏi phải mất công tự tạo thumbnails và file xml database bằng tay. Đến hôm nay thì hoàn thành nên chia sẻ cùng với các bạn đọc của Hỗn tạp.

Phần quản trị tôi viết rất đơn giản, nó chỉ làm 2 nhiệm vụ:
- tự động sinh ra thumbnails tương ứng với từng ảnh
- tự động update lại file database.xml

Demo and Download

Các bạn có thể coi qua demo của EmageView, và truy cập vào phần quản trị với username và password như sau:

username: admin
password: admin

Do phiên bản EmageView tôi dùng là khá cũ (bản demo đầu tiên), nên nó yêu cầu Flash 9 (bây giờ đã có Flash 10 rồi). Nếu bạn cài Flash 10 cho trình duyệt rồi thì hãy nhấn chuột phải và chọn Play để chạy demo.

Mã nguồn của toàn bộ script này, các bạn có thể download tại đây.

Hướng dẫn sử dụng

Sau khi download về, giải nén và upload lên host, bạn chỉnh sửa trong file config.php các thông số như sau:

<?php
define('IMAGES_PATH', 'images'); // path to images directory
define('THUMBNAILS_PATH', 'thumbnails'); // path to thumbnails directory

// thumbnails size
define('THUMBNAILS_WIDTH', 120);
define('THUMBNAILS_HEIGHT', 90);
define('THUMBNAILS_SAVE_RATIO', true);

define('XML_FILE', 'database.xml'); // you don't need to change this ;)

// admin login
define('USERNAME', 'admin');
define('PASSWORD', 'admin');
?>

Trong đó:
- 2 thông số đầu là cấu hình đường dẫn đến thư mục chứa ảnh và chứa thumbnails, bạn có thể để mặc định.
- 3 thông số tiếp theo là cấu hình kích thước thumbnails. Thông số thứ 3 chỉ rõ có lưu giữ tỉ lệ hỉnh hay không, nếu bạn thiết lập là true thì chỉ cần điền thông số THUMBNAIL_WIDTH là được, THUMBNAIL_HEIGHT sẽ được tự động tính toán.
- 2 thông số cuối cùng là tên và password của khu vực quản trị, bạn đặt tùy ý mình.

Riêng thông số về file database, bạn không được sửa, vì nó là nơi mà flash sẽ đọc để lấy dữ liệu ảnh.

Sau khi tùy biến xong, bạn hãy tạo các thư mục con trong thư mục images (mỗi thư mục sẽ là 1 album), và upload hình vào đó. Nhớ là phải upload hình vào 1 album nào đó, không được upload ra ngoài. Cũng lưu ý là các album không được lồng nhau.

Cuối cùng là truy cập vào khu vực quản trị qua trình duyệt, bạn sẽ thấy hình sau:

Nhấn vào link Rebuild thumbnails and database file để cập nhật lại thumbnails và file database là xong! Bây giờ bạn có thể truy cập lại vào trang web của mình để tận hưởng thành quả.

Một vài hạn chế của EmageView

Do bản demo tôi dùng là bản cũ, nên nó có nhiều điểm không được tốt lắm:
- Yêu cầu flash 9, mặc dù có thể chạy với flash 10, nhưng phải nhấn chuột phải, chọn Play.
- Không hiển thị thumbnail cho các ảnh có định dạng khác jpg, thậm chí nếu có định dạng jpg mà không viết thường (VD như A.JPG) thì cũng không hiển thị thumbnail. Tuy vậy, khi nhấn vào đó thì hình chính vẫn hiển thị bình thường.

Nếu bạn nào có nhã hứng tìm hiểu file flash này để khắc phục những nhược điểm trên thì tuyệt quá. Lúc ấy, xin hãy cho tôi biết nhé.

Ngoài ra, còn có những hạn chế mà phần quản trị do tôi viết mà tôi rất sẵn lòng lắng nghe các bạn góp ý.

Hy vọng rằng EmageView này sẽ mang lại cho các bạn 1 niềm vui nho nhỏ.

Khắc phục lỗi "Operation aborted" của IE

2009-06-21T21:00:00.001+04:00

Hôm trước sau khi làm xong giao diện cho Hỗn tạp, 1 người bạn bảo tôi là vào 1 bài viết của Hỗn tạp bằng IE 6 hoặc 7 đều không được, có lỗi "Operation aborted". Tôi cũng không để ý lắm, cứ nghĩ là máy đó bị gì thôi, chứ tôi thử vào bằng các trình duyệt khác đều ổn.

Hôm nay vô tình đọc được 1 comment tại blog của Disqus (nền tảng comment mà Hỗn tạp đang dùng), nói rằng đây là 1 bug của IE 6 và 7 do sử dụng hàm Javascript appendChild, tôi mới bắt đầu tìm hiểu kỹ càng hơn.

Thông tin ở các nơi mà tôi tìm trên mạng đều chủ yếu phản ánh lỗi và sửa lỗi kiểu mì ăn liền chứ không có phân tích rõ ràng. Chỉ có chính trang Support của Microsoft mới mô tả đầy đủ và chi tiết.

Nguyên nhân lỗi

Lỗi này xảy ra khi IE 6, 7 không thể hiển thị được đúng 1 phần tử nào đó trong trang web. Chi tiết hơn, lỗi xảy ra khi có 1 phần tử A chứa 1 script, script này cố gắng làm thay đổi nội dung của phần tử cha của A. Thông thường, sự thay đổi nội dung phần tử cha của A được thực hiện thông qua các hàm Javascript appendChild và innerHTML.

Nói vậy hơi khó hiểu 1 chút, chúng ta xem ví dụ sau:

<html>
<body>
    <div>
        <script type="text/Javascript">
            document.body.innerHTML+="sample text";
        </script>
    </div>
</body>
</html>

Như ta thấy, đoạn script trên nằm trong phần tử div (phần tử A) và nó cố gắng làm thay đổi nội dung của phần tử body (phần tử cha của A), nên gây ra lỗi.

Đối với blogger chúng ta, thì dạng như thế này rất hay gặp khi bạn muốn bổ sung 1 script vào trang web:

<html>
<body>
    <div>
        ...
        <script type="text/javascript">
        var script = document.createElement('script');
        script.src = '...';
        script.type = 'text/javascript';
        document.body.appendChild(script);
        </script>
    </div>
</body>
</html>

Ở đây script được sinh ra động và được chèn vào body nhờ vào hàm appendChild. Bạn dễ dàng nhận thấy rằng nó cũng có cùng nguyên tắc với VD trước, và do đó, cũng sẽ có lỗi trên IE 6 và 7.

Cách khắc phục lỗi

Cách đơn giản nhất để khỏi gặp lỗi này là nâng cấp IE lên bản 8. Tuy nhiên, đó là vấn đề của người dùng, chúng ta không thể bắt họ thay đổi khi mà ta chưa sửa được lỗi.

Để sửa lỗi này, chúng ta phải tránh không gặp trường hợp 1 script cố gắng thay đổi nội dung của phần tử cha của A (A chứa script). Việc này phải làm bằng tay (tự code lại, hoặc sửa code) theo hướng chuyển script đó ra khỏi phần tử A.

Tốt nhất nên đưa script ra ngoài cùng (tức là chỉ nằm trong thẻ body). Khi đó nếu script có thay đổi nội dung trang web (tức là phần body), thì cũng không "phạm luật" (nên nhớ là body lúc này đóng vai trò là phần tử A, như vậy script chỉ thay đổi A chứ không thay đổi phần tử cha của A)

Trong trường hợp không đưa được script ra ngoài cùng, thì có thể tự tạo thêm 1 thẻ div khác (hoặc bất kì thẻ nào cũng được) ở đúng vị trí cần thay đổi, và để script thay đổi thẻ đó như VD sau:

<html>
  <body>
      <div id="targetContainer"></div>
      <div>
          <script type="text/Javascript">
               document.getElementById('targetContainer').innerHTML+="sample text";
          </script>
      </div>
  </body>
</html>

Như ta thấy, thay vì sửa đổi nội dung của phần tử body (cha của div chứa script), script chỉ sửa đổi phần tử div "anh em", như vậy không "phạm luật" và chạy tốt.

Blog Hỗn tạp bị dính lỗi này ở phần Các bài viết liên quan, và bây giờ đã được sửa lại.

Các trình bày, diễn giải và phân tích ở trên đều dựa theo trang Support của Microsoft. Hy vọng rằng nó sẽ có ích phần nào cho các bạn làm web.

Làm Readmore trong Blogger giống WordPress

2009-06-19T16:18:00.002+04:00

Trong WordPress, để tạo đoạn phân cách Readmore, chúng ta nhấn vào nút More (có hình trang giấy ngăn đôi), nếu chuyển sang kiểu soạn thảo HTML, sẽ thấy có thẻ  được chèn vào vị trí đó. Khi đó, phần phía trên thẻ  này sẽ được hiển thị ở trang chủ và các trang category (nếu chọn kiểu hiển thị là summary), phần còn lại sẽ chỉ xem được khi vào xem 1 bài viết. Cách làm này có 1 điểm lợi là giữ được định dạng HTML.

Trong Blogger, chúng ta từ trước đến giờ chỉ có cách hiển thị tự động theo 1 số lượng kí tự hoặc từ (xem bài viết trước) và toàn bộ phần văn bản đó sẽ bị xóa định dạng HTML đi.

Bài viết này sẽ trình bày 1 cách làm Auto Readmore cho Blogger đảm bảo được cả 2 yêu cầu trên: vừa có thể tùy biến theo thẻ  (giữ nguyên định dạng HTML) và vừa có thể tự động sinh ra phần văn bản thu gọn (không có định dạng HTML).

Chức năng của script

- Nếu trong bài viết của bạn có thẻ , nó sẽ lấy đó làm dấu phân cách, phần trước thẻ đó sẽ được hiển thị ở trang chủ và giữ nguyên định dạng HTML, phần sau đó chỉ hiển thị khi đọc 1 bài viết.

- Nếu trong bài viết của bạn không có thẻ , thì script sẽ tự động sinh ra đoạn văn bản thu gọn ở trang chủ như script auto readmore thông thường. Lúc này định dạng HTML sẽ không còn (hình ảnh thumbnail vẫn được duy trì).

Cách làm này đảm bảo rằng các tùy biến của bạn về auto readmore trước đây vẫn được bảo tồn (khi không có thẻ ), đồng thời, có 1 ưu điểm nữa là khi bạn có ý định chuyển sang WordPress, thì nội dung bài viết cũng đã có sẵn Readmore cho bạn! Hơn thế nữa, với việc dùng , bạn có khả năng uyển chuyển hơn trong việc tùy biến độ dài đoạn văn bản thu gọn.

Cách cài đặt script

Trước tiên, các bạn vào phần chỉnh sửa template, chọn kiểu chỉnh sửa HTML, và đánh dấu vào ô Expand Widget Templates. Nhớ sao lưu trước khi thực hiện. Tốt hơn hết là bạn nên download template về máy tính và chỉnh sửa ở file này.

Tìm đến thẻ </head> và chèn đoạn mã sau vào ngay trước đó:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
    <script type='text/javascript'>
    //<![CDATA[
    function strip(s,n){return s.replace(/<.*?>/ig, '').split(/\s+/).slice(0,n-1).join(' ')}
    function createSummary(id) {
        var p = document.getElementById(id), content = p.innerHTML;
        if (/<!--\s*more\s*-->/.test(content)) {
            p.innerHTML = content.split(/<!--\s*more\s*-->/)[0];
        } else {
            var imgTag = '', img = p.getElementsByTagName('img');
            if (img.length >= 1) {
                imgTag = '<img class="thumb" src="'+img[0].src+'" />';
            }
            p.innerHTML = imgTag + strip(content, 125) + '...';
        }
    }
    //]]>
    </script>
</b:if>

Bạn lưu ý, hình ảnh thumbnail sẽ có class CSS là .thumb, bạn nên tùy biến CSS cho nó, VD như tôi làm như sau (chèn đoạn này vào phần trước ]]></b:skin>):

.thumb{display:inline;margin:5px 10px 10px 0;width:120px}

Đồng thời, bạn có thể tùy biến số từ hiển thị (trong trường hợp tự động sinh đoạn văn bản thu gọn) ở trong đoạn code trên (thay số 125 bằng số tùy ý bạn).

Sau đó, tìm đến thẻ <data:post.body/> và thay thế bắng đoạn mã sau:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
    <span expr:id='&quot;p&quot; + data:post.id'><data:post.body/></span>
    <script type='text/javascript'>createSummary(&quot;p<data:post.id/>&quot;);</script>
    <a expr:href='data:post.url' title='Đọc tiếp'>Đọc tiếp &amp;rarr;</a>
<b:else/>
    <data:post.body/>
</b:if>

Xong!

Hy vọng rằng script này sẽ có ích đối với bạn.

Tìm hiểu và cải tiến Auto Readmore

2009-06-16T15:38:00.006+04:00

Mọi người dùng Blogger chắc đều biết đến tiện ích Auto Readmore nổi tiếng của AnhVo. Ở bài viết này, tôi sẽ cùng các bạn tìm hiểu qua cách code của tiện ích này, đồng thời đề xuất 1 cách nâng cấp để code được tốt hơn.

Trước hết, chúng ta xem qua nội dung của script này:

function removeHtmlTag(strx,chop){
  if(strx.indexOf("<")!=-1)
   {
       var s = strx.split("<");
       for(var i=0;i<s.length;i++){
           if(s[i].indexOf(">")!=-1){
               s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
           }
       }
       strx =  s.join("");
   }
   chop = (chop < strx.length-1) ? chop : strx.length-2;
   while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
   strx = strx.substring(0,chop-1);
   return strx+'...';
}

function createSummaryAndThumb(pID){
   var div = document.getElementById(pID);
   var imgtag = "";
   var img = div.getElementsByTagName("img");
   var summ = summary_noimg;
   if(img.length>=1) {   
       if(thumbnail_mode == "float") {
           imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
           summ = summary_img;
       } else {
           imgtag = '<div style="padding:5px" align="center"><img style="max-width:'+img_thumb_width+'px; max-height:'+img_thumb_height+'px;" src="'+img[0].src+'" /></div>';
           summ = summary_img;
       }
   }
   var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
   div.innerHTML = summary;

}

Đoạn script này gồm 2 hàm:
- hàm đầu tiên removeHtmlTag dùng để loại bỏ các thẻ HTML và lấy ra chop kí tự đầu tiên của 1 xâu
- hàm thứ 2 createSummaryAndThumb có nhiệm vụ lấy nội dung của bài viết (nơi có ID là pID), lấy ra hình ảnh đầu tiên nằm trong phần nội dung đó, sau đó sử dụng hàm removeHtmlTag để sinh ra đoạn văn bản cần rút gọn

Ứng với mỗi hàm này, chúng ta sẽ đưa ra các cải tiến tương ứng.

1.Cải tiến đầu tiên

Trước tiên, xét hàm removeHtmlTag, ta có thể đưa ra 1 chút nhận xét như sau:

1.1. Về việc loại bỏ các thẻ HTML

Công việc này được thực hiện lần lượt qua các bước sau:
- tìm các kí tự <
- chia xâu văn bản ban đầu thành các mảng dựa vào kí tự đó
- trong mỗi phần được chia, tìm kí tự > tương ứng và xóa phần giữa chúng đi
- cuối cùng là nối tất cả các phần lại với nhau

Có vẻ khá rắc rối! Nhất là ở việc tìm các kí tự < và >. Chúng ta biết rằng Javascript có 1 công cụ cực mạnh để tìm kiếm và thay thế các đoạn văn bản theo mẫu, đó là biểu thức tiêu chuẩn (regular expression). Vì thế, chúng ta sẽ ứng dụng nó thay cho việc dùng các hàm tìm kiếm như trên.

Toàn bộ công việc tìm kiếm, thay thế (loại bỏ) các thẻ HTML đối với biểu thức tiêu chuẩn chỉ cần thực hiện 1 câu lệnh đơn giản như sau:

s = s.replace(/<.*?>/ig, '');

trong đó s là xâu ban đầu. Tôi gán luôn giá trị trả về cho s để khỏi mất công khai báo thêm biến.

1.2. Lấy ra n kí tự đầu tiên

Phần này AnhVo xử lí khá khéo! Khéo ở chỗ đã tính đến việc kí tự cuối cùng bị lấy nằm giữa từ, hơn nữa, có thể là kí tự unicode của tiếng Việt ("chăt" vào giữa chúng có thể gây ra tình trạng kí tự ô vuông). Do đó AnhVo đã dùng 1 mẹo: tìm kiếm kí tự trắng (space) liền sau kí tự cuối cùng và lấy đến đó.

Chỗ này tôi chỉ để xuất 1 cách làm khác thôi, là thay vì cắt theo kí tự thì ta cắt theo từ, như thế xử lí tiện hơn vì không phải lo cắt vào giữa, cũng không phải lo việc tìm kiếm kí tự trắng.

Nếu cắt theo từ, thì có thể dùng tiếp tục biểu thức tiêu chuẩn. Toàn bộ công việc cũng chỉ đơn giản như sau:

s = s.split(/\s+/);
s = s.slice(0,n-1);
s = s.join(' ');

Ở đây có 3 hàm, chúng lần lượt làm các công việc sau:
- chia xâu s ban đầu thành nhiều phần, lấy 1 hoặc nhiều kí tự trắng (bao gồm cả xuống dòng) làm kí tự phân cách
- lấy ra n phần đầu tiên
- nối n phần đó lại với nhau

Kết hợp với phần trước, hàm của chúng ta có cả thảy 4 dòng code:

function stripTags(s,n){
   s = s.replace(/<.*?>/ig, '');
   s = s.split(/\s+/);
   s = s.slice(0,n-1);
   s = s.join(' ');
}

Javascript còn có 1 tính năng khá hay là xâu chuỗi các hàm của 1 đối tượng (chain), nhờ đó, toàn bộ hàm đầu tiên của chúng ta có thể viết ngắn gọn lại trong 1 dòng như sau:

function stripTags(s,n){
   return s.replace(/<.*?>/ig, '').split(/\s+/).slice(0,n-1).join(' ');
}

Lưu ý 1 chút là trong hàm này, tôi có đổi tên hàm, tên các biến cho gọn gàng.

2.Cải tiến thứ 2

Bây giờ ta xét đến hàm thứ 2. Để cải tiến nó, chúng ta xem lại 1 chút cách toàn bộ script hoạt động. Khi cài đặt script này, chắc hẳn các bạn còn nhớ chúng ta phải cấu hình 1 chút cho nó:

thumbnail_mode = 'no-float';
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;

Việc cấu hình này gồm 2 phần chính là cấu hình cho hình ảnh thumbnail (gồm chiều rộng và chiều cao, cũng như thuộc tính float) và cấu hình cho số lượng kí tự cần hiển thị. Phần cấu hình cho hình ảnh, ta có thể thấy là sau đó được gán vào thuộc tính style, width và height khi sinh ra đoạn mã HTML (ở hàm thứ 2 createSummaryAndThumb). Sau này AnhVo có cải tiến chút ít là đưa tất cả các thuộc tính width và height đó vào CSS (trong thẻ style).

Như vậy, nhận thấy rằng toàn bộ phần cấu hình dành cho hình ảnh đều thuộc về CSS. Vậy thì sao ta không gán cho chúng 1 lớp (class) để khỏi phải lặp lại nhiều lần ở các hình ảnh ở các bài viết? Điều này có 2 điều lợi: 1 là làm mã HTML của trang web sáng sủa, gọn gàng hơn vì CSS không bị gán trong từng thẻ IMG mà được rút ra thành 1 class; 2 là làm đoạn code javascript của chúng ta cũng đơn giản hơn (do không phải cấu hình nữa).

Như thế, tôi đã viết lại hàm thứ 2 này theo hướng đó, gán cho các hình ảnh thuộc tính CSS của lớp thumb. Ngoài ra, số kí tự hiển thị cũng được thay bằng số từ hiển thị (cho phù hợp với hàm đầu tiên mà tôi cải tiến), ở đây là 125 (xem cuối hàm).

function createSummaryAndThumb(id){
   var p = document.getElementById(id);
   var imgtag = '';
   var img = p.getElementsByTagName('img');
   if(img.length>=1) {
       imgtag = '<img class="thumb" src="'+img[0].src+'" />';
   }
   p.innerHTML = imgtag + stripTags(p.innerHTML,125) + '...';
}

Công việc cuối cùng là bạn chỉ cần chỉnh sửa CSS cho class thumb thôi, VD như tôi làm như sau (chèn đoạn này vào phần trước ]]></b:skin> là được):

.thumb{display:inline;margin:5px 10px 10px 0;width:120px}

Như vậy, toàn bộ script Auto Readmore sẽ được viết lại như sau:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
   <script type='text/javascript'>
   //<![CDATA[
   function stripTags(s,n){return s.replace(/<.*?>/ig, '').split(/\s+/).slice(0,n-1).join(' ')}
   function createSummaryAndThumb(id){
       var p = document.getElementById(id);
       var imgtag = '';
       var img = p.getElementsByTagName('img');
       if(img.length>=1) {
           imgtag = '<img class="left thumb" src="'+img[0].src+'" />';
       }
       p.innerHTML = imgtag + stripTags(p.innerHTML,125) + '...';
   }
   //]]>
   </script>
</b:if>

Đây cũng chính là đoạn mã mà tôi đang dùng cho Hỗn tạp Blog. Đoạn mã này tôi chèn trong thẻ HEAD, ngay trước </head> (các bạn có thể view source để xem). Nguyên nhân là do host Websamba mà AnhVo dùng đã không còn hoạt động. Nếu các bạn muốn sử dụng nó, có thể copy đoạn code trên, chèn vào trước thẻ </head>, các phần còn lại trong template không cần phải thay đổi gì cả.

Hy vọng vài phần tích và cải tiến nhỏ ở trên có thể giúp các bạn hiểu phần nào đoạn mã mà mình đang dùng. Thân ái.

Đổi giao diện của Hỗn tạp

2009-06-15T20:46:00.004+04:00

Lâu rồi Hỗn tạp vẫn dùng 1 giao diện Aspire, 1 giao diện mà tôi thích ngay từ lần đầu nhìn thấy. Nhưng dùng 1 thời gian dài, cũng cảm thấy ý thích đó giảm bớt đi nhiều, thế nên đã có ý định tìm kiếm 1 giao diện mới cho blog này. Nhưng tìm mãi không thấy cái nào vừa ý. Một điều cảm thấy hơi buồn là các giao diện của Blogger phần nhiều được chuyển từ giao diện của WordPress sang, ít có cái nào đặc trưng của Blogger, mà giao diện của WordPress không phải mạnh ở "mặt tiền" mà chủ yếu là khả năng tùy biến layout nằm bên trong, điều mà Blogger hầu như không có.

Vậy là tôi dành tự thiết kế cho Hỗn tạp, và sản phẩm là cái chúng ta đang thấy. Không biết mọi người đánh giá giao diện này thế nào, xin cho tôi ý kiến nhé :). Cám ơn rất nhiều.

...Nơi tuổi thơ tôi

2009-06-06T17:53:00.003+04:00

Intro..

Hêhê.. đây mới gọi là nói về giấc mơ đêm của mình nè.. keke..
Chả là.. ko hỉu sao.. mấy hôm vừa rồi toàn mơ.. với khung cảnh nền là ở Tuyên Quang nhà e.. nên hum nay.. hứng chí.. ngồi tưởng tượng lại cảnh vật quê nhà.. rùi tả lại cho cả nhà nghe.. ..nghe xong.. ai mà mún vìa xem xét ngó nghiêng thì cứ đăng kí với iem ná.. ..tả theo trình tự ko gian và thời gian ná.. cho dễ hình dung

Bođì nè..

Khu nhà e.. phải nói là 1 khu dân cư be bé mới đúng.. vốn dĩ là 1 khu sinh sống của toàn bộ công nhân viên chức của 1 nhà máy quốc phòng.. với số công nhân trg nhà máy khoảng 1000 (là con số từ thời e còn ở đấy.. chứ bi jờ thì chắc tăng lên ùi.. nhưng e chả bít tăng đến đâu.. ) ..tức là số hộ dân chắc vào khoảng 700 - 800 gì đấy.. còn bé hơn cả 1 cái thị trấn nhỏ í nhở.. ..nhưng mà để dễ gọi thì e gọi tổng thể là 'nhà máy' nhá.. vì cũng chỉ toàn ng trg nhà máy sống ở đếy thui mà..

Nhà máy tọa lạc ngay cạnh quốc lộ 2.. với 1 hàng rào lý tưởng là 1 dãy núi.. hehe..
Cụ thể là thế này này..

Đi trên quốc lộ 2.. qua Đoan Hùng (Phú Thọ) chỉ 10km thui.. thì sẽ có 1 cái ngã ba ko bé mà cũng chẳng to đứng ở đấy chỉ cần đảo mắt qua qua.. là sẽ thấy ngay 1 tấm biển có ghi "Nhà máy 'có khỉ' chính xác Z129" ..hêhê.. tại ngày xưa ở đấy là biển cũ.. chữ mờ ảo.. nên toàn bị mọi ng gọi đùa thế.. chứ thực tế bi jờ thì đã đc thay 1 tấm biển đẹp đẽ rùi..

Nhìn thẳng theo hướng tấm biển.. sẽ thấy 1 cái dốc.. caoooo.. caoooo.. thật là cao.. lại hơi ngoằn nghoèo tí chút.. ..hêhê.. nơi đây đã từng có 1 số cô cậu học sinh thik lao dốc phải gãy chân gãy tay ùi đấy..

Leo hết con dốc.. là cánh cổng vào nhà máy.. cổng bé tí tẹo.. cũng có ng canh đầy đủ, hẳn hoi.. nhưng mà cũng chỉ là để cho vui í mà.. chứ còn vẫn còn ối đường vào nữa í..
Qua cổng.. đi đc 1 đoạn ngăn ngắn, bằng phẳng.. là lại có 1 con dốc nữa.. nhưng là dốc xuống ..cái dốc này cũng có ng đã từng gãy răng ùi í.. hehe..

1 dốc lên, 1 dốc xuống.. hơi lằng nhằng nhể.. nhưng đấy là đg để đi qua 1 dãy núi đấy.. thế mới bảo là nhà máy có 1 bức tường rào lý tưởng.. keke..

Đến đây thì là vào lòng chảo ùi.. (hơi na ná giống Điện Biện Phủ ) ..trung tâm của nhà máy..

Xuống hết con dốc 2.. thì sẽ đập vào mắt là 1 khu sản xuất rộng lớn của nhà máy.. trg nì sản xuất toàn những thứ liên quan đến sắt thép.. rồi các chi tiết máy móc.. hay jỉ jì í.. e cũng chả kể hết đc.. và cũng sản xuất cả thuốc súng.. bom mìn j đó.. hehe.. (thỉnh thoảng ngồi nhà e vẫn đc nghe tiếng bom đạn thật đếy.. keke)

Qua cái cổng nhà máy 'sản xuất' kia.. là 1 con dốc be bé đi lên.. ..lên đến đỉnh dốc thì là bắt đầu vào đến khu tập trung đông dân nhứt.. chỗ này bằng phẳng.. trải rộng.. tất cả mọi nhà đều tập trung ven con đường chính.. (đường này đẹp còn hơn đường quốc lộ 2 ngày xưa í..) ..nhà nào nhà nấy đất đai đều rộng thênh thang.. bát ngát.. nhưng vẫn ko rộng bằng nhà iem..

Nói đến nhà iem.. (giờ bán rồi.. hơi phí.. hêhê..)

Nhà e cũng nằm trên cái trục đường chính ấy.. tọa lạc ở nơi đc xem là thế 'rồng cuộn hổ ngổi' ..hêhê.. đùa tí thôi.. chả đến mức í đc đâu.. nhưng mà nghe ng ta nói thì là nhà e ở chỗ đất đẹp nhứt nhà máy đếy ạ.. trung tâm nhà máy (quay compa thì đúng là trung tâm ná.. ) ..gần chợ.. gần trường học.. nằm ở lưng chừng dốc (ko phải mấy con dốc kia đâu ) ..đất đai cao ráo..

..tả thì là đường thênh thang rùi ná.. mà lại là đoạn đg đẹp nhứt, rộng nhứt.. hữu thì dựa núi (thực ra là đồi thui.. nhưng mà nó cũng to to cao cao.. nên gọi thế cho nó oai.. hehe..) ..trước mắt thì là 1 cái ao.. còn sau lưng thì tất nhiên là nhà hàng xóm ùi..

Vây quanh nhà thì là vượn tược.. cây cối xanh tốt.. đủ các thể loại cây ăn quả.. ngày xưa nhìu quả lắm í.. nhưng mà đến luk e chuyển đi thì hình như bọn cây í nhớ e hay sao í.. hình như là ko còn ra hoa kết trái nữa..

Cồng vào nhà thì nổi bật cực kì lun ná.. 1 bên thì 1 cây mít cổ thụ.. (..hề hề.. tuổi đời bằng e mà) ..dưới gốc thì là 1 khóm trúc.. bên kia thì 1 cây ổi và 1 cây xoài mini.. keke.. đấy.. chửa đi vào mà đã thấy toàn cây ăn quả ùi đếy.. (đây chính là chỗ e mơ tới nè.. hehe..)

À mà đến ngay cả cái cổng nhà e cũng mô phỏng theo 1 con dốc nhá.. hehe.. ngoài đường dốc.. về đến nhà vẫn cứ dốc típ..

Nhà e thì kiến trúc chả có j đặc biệt lắm.. nên e chả kể.. e chỉ kể cảnh vật xung quanh thui.. hehe..

Đứng từ tầng 2 nhà e ná.. nhìn ra phía xa xa là 1 dãy núi hùng vĩ ná.. hôm nào mà trời quang mây tạnh.. trg xanh hem sương mù.. thì có khi còn nhìn rõ cả ng đi trên í nữa đếy.. ..khổ nỗi đấy là chỗ tập bắn của Sư đoàn 316.. nên chả có ma nào dám vác xác lên đếy cả.. hề hề.. có ngày chết oan chứ chả..

Mà nhắc đến TQg thì chắc ai cũng nghĩ đến sông Lô í nhờ..

Theo như cảm giác của ng miền núi thì con sông í xa nhà e lắm í.. tận 2km lận.. còn theo như ng đồng bằng.. mà nhứt là dân HN í.. thì chỉ có 2km thui.. hehe..

Bờ con sông í thỉnh thoảng cũng có những bãi đá nhô ra.. đẹp phết.. cũng có kỉu nước vỗ rì rào ná.. ..ra đấy ngồi thì mát mà thik cực í.. nhưng mà để ra đc đấy thì cũng gian nan vất vả phết.. ngày xửa ngày xưa e đã từng phải cực kì chật vật mới leo trèo ra ngoài í đc.. rồi sau đó lại chật vật leo vào.. mà thực ra là leo xuống rùi leo lên í.. ..luk í mà rơi xuống thì chỉ có nước toi mạng thui.. hehe.. cũng may là giờ e còn đc ngồi ở đây mà kể.. hèhè..

Đi xa ra khỏi nhà e thêm vài km nữa.. thì đến một khu dân cực nghèo.. (ngày xưa thế.. còn bi jờ thì e ko rõ.. ) ..cảnh vật ở đấy cũng đẹp lắm í.. hêhê.. cánh đồng ngô rộng bát ngát.. tuyệt đẹp với những hoa ngô.. rồi cả những dãy núi đá.. những con suối róc rách.. còn có cả những cái lò gạch nghi ngút khói.. hèhè.. giờ e cũng ko thể nhớ hết nổi nữa.. ko còn tưởng tượng ra đc nữa.. đã lâu lắm rùi e ko về.. mà ra đây thì lại càng lâu.. có khi phải 7, 8 năm rùi í..

hôm trc papa ra đấy.. có chụp vài kỉu ảnh.. nên cũng mường tượng ra đc chút ít..

Thôi.. kể in ít thôi.. xì tóp ở đây..

Outro..

Nói tóm lại là.. khu nhà e ở í.. đc bao bọc bởi hàng loạt những dãy núi đá.. khá giống với lòng chảo.. cảnh rứt là đẹp (đấy là đối với e ná ) ..đứng đâu nhìn cũng thấy núi.. khí hậu thì mát mẻ.. nhìu cây (e iu cây mà.. hehe..)

E thik nhất là cái cảm giác đc hứng gió mỗi đêm.. khi mà e đứng trên sân thượng nhà e í.. mọi thứ lung linh cực kì.. hehe.. nhưng giờ thì hết cơ hội đc thế ùi..

Nói chung là.. nơi đâu gắn với tuổi thơ mình thì thường rất rất đẹp.. và mình rất iêu mến.. hehe.. nên là e iêu TQg nhà e nhứt.. HN cũng đẹp nhưng chỉ nhì thui.. làm sao mà HN lại có thể thân thương như nơi mà e đã e ra đc..

E vừa vô Google tìm thử xem có cái ảnh nào về Z129 hem.. để minh họa cho nó thêm phần sinh động.. nhưng mà chả thấy j.. có vẻ như nơi ấy còn quá xa xôi hẻo lánh với mọi ng í nhở.. để hum nào e vìa.. rùi chụp vài tấm.. haizzz..

***

Bài viết của em gái tôi, tôi rất thích :)

Vì sao lúc ô tô chuyển động ta thấy các nan hoa của vành xe chuyển động lúc ngược lúc xuôi?

2009-06-05T00:24:00.001+04:00

Tình cờ trong lúc tìm 1 câu trả lời thì thấy 1 câu hỏi khác trên Yahoo! Hỏi & Đáp khá thú vị nên post lại vào Hỗn tạp:

Hỏi:
Vì sao lúc ôtô chuyển động ta thấy các nan hoa của vành xe chuyển động lúc ngược lúc xuôi?

Trả lời (có sửa đi đôi chút cho rõ ràng):
Nguyên nhân không phải là do ảo giác của mắt, mà là do mắt ta cảm nhận được 24 hình mỗi giây, đó cũng là số lần chụp của các máy quay phim chụp hình.

Khi xe hơi bắt đầu chạy (còn rất chậm), bạn thấy bánh xe chuyển động tới bình thường, vì khi đó thời gian để 1 nan hoa của bánh xe dịch chuyển tới vị trí của nan hoa phía trước nó hãy còn lớn hơn hơn 1/24 giây.

Khi xe chạy nhanh hơn, sao cho một nan hoa dịch chuyển được một quảng đường đúng bằng khoảng cách giữa các nan hoa trong 1/24 giây thì: khi máy quay chụp các hình liên tiếp (hay mắt nhận các hình ảnh liên tiếp), máy sẽ chụp được các hình đúng vào thời điểm mỗi nan hoa của bánh xe dịch chuyển đến đúng vị trí của cái nan hoa trước nó (và giống hệt nó), làm cho ta thấy dường như bánh xe không quay, trong lúc xe vẫn chuyển động so với cây cối hai bên đường.

Còn vì sao thấy bánh xe quay lui? Đó là khi, trong khoảng thời gian bằng 1/24 giây mỗi nan hoa của bánh xe dịch chuyển được một quảng đường (trên cung tròn) gần bằng 2 lần khoảng cách giữa các nan hoa. Như vậy, trên 2 hình chụp liên tiếp ta thấy dường như vị trí của các nan hoa không nhích về phía trước, mà là về phía ngược lại.

Có đôi mắt dõi theo bạn

2009-06-01T00:11:00.000+04:00

Có một đôi mắt, dõi theo bạn từng ngày. Có một đôi tai, luôn lắng nghe từng lời bạn nói. Có đôi bàn tay, hăm hở làm theo bạn...

Và có cậu bé đáng yêu, mơ một ngày nào đó sẽ là người giống bạn.

Bạn đã là thần tượng của chú bé đáng yêu.

Bé vẫn luôn tin tưởng, bạn là người thông minh nhất, không một nỗi nghi ngờ. Bé đặt trọn niềm tin, lắng nghe điều bạn nói, dõi theo điều bạn làm.

Và cậu bé sẽ nói, và cậu bé sẽ làm, như cách bạn từng làm.

Có một cậu bé, với đôi mắt tinh anh, tin rằng bạn luôn đúng, và dõi theo bạn từng ngày. Bạn đang là gương sáng, qua những gì bạn làm.

Cậu bé sẽ dõi theo, để lớn lên giống bạn.

- Khuyết danh

***

Một bài viết hay trích từ blog Thư quán.

Chuyện giữa Sài Gòn

2009-05-21T22:12:00.000+04:00

Một câu chuyện có thật, cảm động. Cuộc đời còn nhiều người bất hạnh, và mỗi người đừng nên thờ ơ trước mỗi bất hạnh đó.

Câu chuyện được kể lại từ đây: "Chuyện giữa Sài Gòn".

Tối, nó chở bạn gái dạo vòng vòng đường phố Sài Gòn, trời hôm nay khá mát mẻ vì mới sau một trận mưa tuy nhỏ nhưng đủ để làm ẩm ướt quần áo. Đi đến Nguyễn Trãi, khu vực buôn bán các mặt hàng sầm uất tại Quận 5, nó chạy chầm chậm để vừa có thể ngắm nhìn các cửa hàng với ánh đèn sáng lóa, với nhiều nhãn hiệu quần áo thời trang nổi tiếng, vừa có thể trò chuyện với đứa bạn gái đang ngồi sau lưng. Gần đến đoạn vòng xoay Phù Đổng, nó chợt thấy một thằng nhỏ, gọi là nhỏ vậy chứ thật ra thằng ấy nhìn có vẻ cũng đã hơn 20 tuổi, thằng bé đang đứng nói chuyện gì đó với một ông bảo vệ tại cửa hàng, điệu bộ khá lễ phép, tiếp đến ông bảo vệ xua tay, và thằng nhỏ quay đi. Điều khiến nó thấy là lạ với thằng nhỏ là trông nó khá ốm, người nó mặc chiếc áo thun có tay dài qua cùi chỏ, vai đeo một chiếc ba lô lép xẹp, và gương mặt nó thì bị hóp lại ở hai bên gò má, phần cánh tay lộ ra khỏi áo thì tố cáo rằng nó rất ốm, vừa quay mặt ra thì nó ngồi xuống ở một bãi rác, đến đó thì xe của nó cũng đã đi qua, nhưng nó vẫn cố quan sát xem thằng nhỏ ấy sẽ làm gì. Qua kính chiếu hậu, nó thấy thằng nhỏ thọc tay vào một bao ni lông đựng rác, lôi ra một hột vịt lộn người ta đã ăn hết, chậm rãi nó dùng tay móc phần thừa cho vào miệng, thấy cảnh đó nó thật sự sốc. Ngay lập tức nó đem toàn bộ những gì nó đã quan sát được kể ngay cho bạn gái nó, và dường như hiệu ứng sốc đã bị lây ngay sang bạn nó.

2 đứa nó cứ hỏi nhau những câu hỏi mà chắc chắn chả đứa nào trả lời được, nào là tại sao thằng nhỏ lại đi lang thang với bộ dạng như thế, nó đã nói gì với ông bảo vệ để khi xong nó lại quay sang móc rác ra ăn… Chỉ có một điều mà 2 đứa chắc chắn là thằng nhỏ hiện đang rất đói, và mất khoảng 10 giây suy nghĩ, nó quay xe lại – khi đó đã đến KS New World, nó bảo bạn gái nó lôi dùm trong túi ra 10 ngàn VNĐ để đưa cho thằng nhỏ đó. Trở lại đường Nguyễn Trãi, nó dáo dác tìm và cuối cùng cũng thấy được thằng nhỏ đang dựa một thùng rác đặt dọc trên đường đi, chính xác hơn thì nó vừa ôm bụng vừa tì lên thùng rác, mặt nhăn lại, tiếp đến rồi chậm rãi, nó tiếp tục mở thùng rác và lôi ra một bịch nước. Tức tốc, nó bật đèn xi nhan để xin đường quay ngoắt xe ngay trước mặt, thằng nhỏ nhìn lên thấy có 2 đứa đậu xe ngay thùng rác thì có vẻ nó chột dạ, đóng ngay nắp thùng rác lại và định rảo bước đi. Ngay lập tức nhỏ bạn ngồi sau lưng nó chìa ra tờ tiền 10 ngàn được gấp đôi ngay trước mặt và bảo “em cầm lấy mua gì ăn đi”, cử chỉ đó làm thằng nhỏ có vẻ hoảng sợ, nó đưa ánh mắt nghi hoặc nhìn 2 đứa suốt, đồng thời một số người trên đường cũng nhìn 2 đứa nó như thể chúng nó đang giở trò gì với thằng nhóc, còn thằng nhỏ thì “đứng hình” có đến hơn 5 giây đồng hồ, phải đến lần nhắc lại thứ 3, nó mới dám chìa tay ra nhận tờ tiền, đồng thời làm 2 đứa nó bất ngờ bằng một hành động rất lễ phép – khoanh 2 tay lại và cúi gập người xuống cảm ơn (như trong phim Hàn Quốc hay chiếu, có điều trong phim họ không khoanh tay), thằng nhỏ lặp lại hành động đó 2 lần làm 2 đứa nó rất áy náy, nên nó quyết định đưa xong thì rồ ga để đánh xe đi ngay, riêng bạn gái nó thì vẫn ngoái lại nhìn xem thằng nhỏ sẽ làm gì, và hình ảnh cuối cùng về thằng nhỏ mà bạn gái nó thấy được là có một ông ngồi bên đường đã gọi thằng nhỏ lại hỏi chuyện khi nó vừa quay đi, và nó tiếp chuyện ông với 2 tay đang khoanh lại rất lễ phép.

Có lẽ 2 đứa nó sẽ chẳng bao giờ trả lời được câu hỏi mà tụi nó đã đặt ra, cũng như biết chính xác tại sao thằng nhỏ đó lại đi bới rác ăn như vậy, song hành động đó đã làm tụi nó phần nào bớt cảm thấy áy náy khi thấy 1 thằng bé lại đi lục thùng rác để ăn giữa một con đường phồn hoa tấp nập như thế.

Chèn thêm Copyright vào cuối Feed trong Blogger

2009-05-06T17:48:00.005+04:00

Feed trong Blogger tuy không được tùy biến 1 cách thoải mái như ở trong WordPress, nhưng chúng ta vẫn có thể làm cho nó tốt hơn so với mặc định. Bài viết này sẽ trình bày cách thêm 1 (hoặc nhiều) dòng có dạng "copyright" vào cuối Feed trong Blogger.

Ở đây tôi dùng chữ "copyright" do người ta thường chèn các thông tin dạng này vào cuối feed. Nó hoàn toàn không phải là 1 sự bắt buộc, và tất nhiên bạn có thể chèn các link quảng cáo (refferal) của mình, hay các lời chúc, hoặc hình ảnh, ...

Có 2 cách để thực hiện điều này:

Cách 1: Sử dụng chính Blogger

Cách này chỉ đơn giản là dùng các thiết lập có sẵn của Blogger để làm. Để thực hiện, hãy vào DashBoard -> Settings -> Site Feed.

Bạn sẽ thấy 1 ô Post Feed Footer, đó chính là nơi bạn có thể chèn thêm 1 số dòng chữ tùy ý vào cuối Feed. Nội dung của phần này có thể chứa các ký tự HTML, do đó, bạn có thể chèn các link hay hình ảnh tùy ý.

VD đối với Hỗn tạp Blog tôi chèn 1 đoạn như sau:


<p>Bài viết tại <a href="http://hontap.blogspot.com/">Hỗn tạp Blog</a>. Cám ơn bạn đã dành thì giờ để đọc, và rất mong bạn cho ý kiến để bài viết được tốt hơn.<p>

Cách 2: Dùng FeedBurner

Nếu bạn sử dụng FeedBurner để gửi feed, bạn có thể tận dụng công cụ này để thêm vào 1 đoạn cuối Feed.

Trong FeedBurner, bạn hãy vào Tab Optimize và chọn Summary Burner ở cuối menu bên trái. Sau đó nhấn vào Active nếu bạn chưa kích hoạt dịch vụ này.

Sau khi kích hoạt, bạn chỉ cần điền phần nội dung sẽ hiển thị ở cuối feed trong ô Teaser. Lưu ý là ở đây không chấp nhận HTML nên bạn sẽ không thể ghi các link hay hình ảnh ở đó được.

Ngoài ra, bạn cũng nên chú ý thêm ô Maximum Length ở bên trên, nó quy định số kí tự trong mỗi bài viết sẽ được gửi đi.

Hai cách trên hoàn toàn không "đụng chạm" đến nhau, có nghĩa là bạn hoàn toàn có thể sử dụng đồng thời cả 2, hoặc lựa chọn 1 trong 2 cái tùy ý mình. Cách 1 theo tôi nghĩ là đơn giản hơn và cho phép HTML nên thoải mái hơn trong việc bổ xung nội dung, đồng thời cũng có sẵn trong Blogger nên thao tác thuận tiện. Hiện giờ tôi cũng đang dùng cách này đối với Hỗn tạp.

Nghịch chút với biến trong bash shell

2009-04-28T00:46:00.002+04:00

Trong Linux thì bash shell có thể coi như 1 công cụ lập trình nhỏ, dùng để xử lí nhiều thao tác tự động. Nắm vững cách sử dụng cách lệnh cũng như lập trình với bash shell, chúng ta có thể làm được nhiều việc mà nếu không có chúng sẽ rất khó khăn.

Trong lúc tìm 1 script nhỏ để đổi tên hàng loạt file, tôi có tìm được tới bài viết này. Ở đây có 2 điểm nhỏ khi xử lí biến trong bash shell khá thú vị, đó là:

1. Nếu có 1 biến $f, thì biến ${f%.txt} sẽ tìm kiếm xâu ".txt" ở cuối biến đó và xóa nó đi.

VD (lấy luôn từ link trên):

f=new-ham.txt # define $f as 'new-ham.txt'
echo ${f%.txt} # display 'new-ham'

2. Cũng tương tự như trên, nhưng thay vì tìm kiếm 1 xâu ở cuối của biến, biểu thức ${f#new-} sẽ tìm kiếm xâu "new-" ở đầu biến.

Với biến $f được khai báo như ở trên thì:

echo ${f#new-} # display 'ham.txt'

Tôi ghi chú lại ở đây để dễ nhớ, sau này còn tra cứu :).

Tùy biến cách hiển thị feed trong WordPress

2009-04-23T16:11:00.003+04:00

WordPress cung cấp cho chúng ta 2 cách hiển thị feed là hiển thị toàn bộ hoặc 1 phần bài viết trong feed (Full Feed và Summary Feed). Nếu hiển thị toàn bộ bài viết trong feed thì tất nhiên sẽ giúp người đọc dễ dàng hơn trong việc theo dõi bài viết, nhưng nó cũng có 2 điểm bất cập sau:

- Một là người đọc sẽ ít ghé thăm trang web của bạn hơn. Hiển nhiên vì nội dung đã được truyền tải đầy đủ rồi. Người ta sẽ chỉ vào nếu như họ muốn trao đổi qua comment trên đó, hoặc khi có vấn đề gì cần hỏi. Kinh nghiệm của tôi cho thấy là số lượng này rất ít, và thường là những bạn bè, hay khách cực kì thân thuộc với website mới ghé vào kiểu này.

- Hai là dễ bị ăn cắp bài viết. Nếu bạn cung cấp Full Feed thì ăn cắp bài viết dễ dàng lắm, hoặc là đăng kí nhận feed qua email của tài khoản trong Blogger để bài viết được tự động gửi lên Blogger, hoặc là dùng các plugin đọc Feed rồi chuyển nó thành bài viết trong WordPress, ...

Cho nên tôi thấy ít khi người ta để dạng Full Feed "nguyên trạng" mà thường thêm 1 số thông tin kèm theo ở cuối bài viết như "Copyright by ... " và kèm thêm vài link quảng cáo của chính họ.

Còn đối với dạng Summary Feed thì nội dung truyền tải sẽ khá ngắn gọn, đối với WordPress mặc định là 55 từ. Nội dung bài viết sẽ không chứa các kí tự HTML và nhất là hình ảnh, do đó sẽ làm giảm đi sự thu hút của người đọc. Tuy nhiên, nó lại khắc phục được 2 nhược điểm trên của Full Feed.

Tóm lại là mỗi kiểu có những điểm mạnh và điểm yếu riêng. Trong 1 lần trao đổi với anh nlfb, nhờ những gợi ý đó của anh trong việc theo dõi các feed của các blog nổi tiếng, tôi viết thêm 1 hàm PHP này để tùy biến việc hiển thị feed cho tốt hơn, khắc phục được nhược điểm của 2 loại feed trên. Vốn ban đầu là viết riêng cho TaiPhanMem.org và cho anh nlfb, bây giờ cùng chia sẻ luôn với mọi người.

<?php
/*
* Show WordPress RSS Feed in the beautiful format.
* Copyright (C) Rilwis (rilwis@gmail.com)
*/
function insertToFeed($content) {
 global $post;

 $category = get_the_category();
 $category = $category[0];

 $catLink = get_category_link($category->cat_ID);
 $catName = $category->cat_name;

 $content = strip_tags($post->post_content, '<ul><li><img>');

 $contentWords = wordwrap($content, 1000, '[rw]');
 $contentWords = explode('[rw]', $contentWords);

 $content = $contentWords[0];

 $content = preg_replace('/\[caption(.*?)\]/', '', $content);

 $content = preg_replace('/\[\/caption\]/', '', $content);

 $pageDom = new DomDocument();

 $content = mb_convert_encoding($content, 'HTML-ENTITIES', 'UTF-8');
 $pageDom->loadHTML($content);
 $content = $pageDom->saveXML();

 $content = $content.'<a href="'.get_permalink().'">Read more and download</a>. <a href="'.get_permalink().'#comments">Comments</a>. Posted in <a href="'.$catLink.'">'.$catName.'</a>.<hr />Copyright ©'.date('Y').' <a href="'.get_bloginfo('home').'">'.get_bloginfo().'</a>. If you want to get some helps or disscuss, please visit our forum at <a href="http://forum.taiphanmem.org">http://forum.taiphanmem.org</a>. Thank you for reading our feed.';

 return $content;
}

add_filter('the_excerpt_rss', 'insertToFeed');
add_filter('the_content_rss', 'insertToFeed');
?>

Đoạn code trên bạn chỉ cần paste vào trong file functions.php của theme đang dùng trong WordPress là có thể sử dụng.

Giải thích và tùy biến cách hiển thị trong hàm:

Lấy tên của Category tương ứng với bài viết

$category = get_the_category();
$category = $category[0];

$catLink = get_category_link($category->cat_ID);
$catName = $category->cat_name;

Đoạn code này dùng để lấy tên của Category tương ứng với bài viết. Ở đây tôi chỉ lấy tên của category đầu tiên. Bạn cũng có thể sửa lại 1 chút bằng cách quét qua toàn bộ mảng $category và lưu tên của chúng thành 1 mảng mới rồi khi nào cần hiển thị thì dùng hàm implode() cũng được.

Loại bỏ các thẻ HTML không cần thiết và rút ngắn nội dung

Phần công việc này tương ứng với đoạn code sau đây:

$content = strip_tags($post->post_content, '<ul><li><img>');

$contentWords = wordwrap($content, 1000, '[rw]');
$contentWords = explode('[rw]', $contentWords);

$content = $contentWords[0];

$content = preg_replace('/\[caption(.*?)\]/', '', $content);

$content = preg_replace('/\[\/caption\]/', '', $content);

$pageDom = new DomDocument();

$content = mb_convert_encoding($content, 'HTML-ENTITIES', 'UTF-8');
$pageDom->loadHTML($content);
$content = $pageDom->saveXML();

Như các bạn thấy, tôi dùng hàm striptags để loại bỏ các thẻ HTML và giữ lại các thẻ chính như p (để các đoạn văn được phân tách rõ ràng), img (giữ lại hình ảnh), strong, ul, li. Mục đích của chỗ này là để cho nội dung được rút ngắn bớt mà vẫn giữ được 1 vài định dạng cơ bản. Bạn cũng có thể thêm hoặc bớt 1 số thẻ HTML nếu muốn tại chỗ này.

Sau đó, hàm wordwrap được dùng để tách nội dung ra theo số lượng kí tự cho sẵn. Ở đây tôi lấy là 1000 kí tự. Lưu ý là con số 1000 này không phải là chính xác 100%, do hàm wordwrap sẽ cắt đến hết 1 từ, không để xảy ra tình trạng 1 từ bị chẻ đôi (dùng cách này không phải bận tâm về việc 1 kí tự Unicode bị "chặt giữa"), và cũng do trong nội dung của chúng ta còn sót lại 1 số thẻ HTML. Tuy nhiên, có thể áng chừng như vậy. Bạn có thể sửa nó để tăng, giảm số lượng kí tự thể hiện, tốt nhất là bạn nên thử xem số lượng bao nhiêu thì phù hợp với blog của bạn.

2 dòng tiếp theo là dùng để loại cặp shortcode trong WordPress dùng để hiển thị hình ảnh [caption ...]...[/caption]. Nếu như bạn dùng các shortcode khác thì nên bổ xung nó ở đây.

Và đoạn cuối cùng là để trả lại định dạng XHTML được định dạng đúng. Nguyên nhân phải làm chỗ này là có thể trong quá trình cắt bằng wordwrap, 1 số thẻ HTML bị cắt vào đúng giữa. Việc dùng hàm saveXML() sẽ giúp chúng ta đóng các thẻ này lại 1 cách hợp lí.

Hiển thị Feed

Sau khi đã làm xong các bước trên, Feed của chúng ta đã khá hoàn thiện, bước dưới đây là để hiển thị nó:

$content = $content.'<a href="'.get_permalink().'">Read more and download</a>. <a href="'.get_permalink().'#comments">Comments</a>. Posted in <a href="'.$catLink.'">'.$catName.'</a>.<hr />Copyright ©'.date('Y').' <a href="'.get_bloginfo('home').'">'.get_bloginfo().'</a>. If you want to get some helps or disscuss, please visit our forum at <a href="http://forum.taiphanmem.org">http://forum.taiphanmem.org</a>. Thank you for reading our feed.';

return $content;

Trong phần này, ngoài những gì đã được làm ở các bước trên, bạn chú ý thêm về cách lấy link của bài viết thông qua hàm get_permalink(), lấy thông tin của blog thông qua get_bloginfo(). Những thứ này tôi dùng để tạo link đến bài viết (dạng như Read More trong feed) và ghi 1 số thông tin về Copyright. Bạn nên sửa lại cho phù hợp với blog của mình.

Tất nhiên là bạn có thể chèn thêm bất kì các đoạn mã HTML nào vào chỗ này, bao gồm cả các đoạn mã quảng cáo của Google Adsense (hay bất kì dịch vụ nào nữa).

Tích hợp vào các hàm về feed của WordPress

Sau khi đã làm xong các bước trên, việc tích hợp vào các hàm feed của WordPress chỉ đơn giản là thực hiện 2 lệnh dưới:

add_filter('the_excerpt_rss', 'insertToFeed');
add_filter('the_content_rss', 'insertToFeed');

Ở đây tôi add_filter cho cả 2 hàm, tương ứng với 2 lựa chọn hiển thị Full Feed và Summary Feed của WordPress, có nghĩa là dù bạn chọn là cái gì cũng không ảnh hưởng tới Feed, tất cả đã được hàm này làm hộ cho rồi.

Kết quả của việc làm này các bạn có thể xem qua Feed của TaiPhanMem.org. Chúc các bạn có những kiểu feed đẹp và hiệu quả.

Love Bridge 9 - Tháng 4 - Khúc giao mùa...

2009-04-15T21:34:00.001+04:00

Mùa hè đã về theo tiếng gọi của mùa xuân, và Love Bridge bọn tôi cũng đã hoàn thành chương trình cho tháng 4 này, 1 chương trình chào đón những ấm áp, những niềm vui của 1 khoảnh khắc thời gian mới.

Trong chương trình lần này, có 2 sự đặc biệt: đầu tiên là khách mời của chương trình - 1 bạn đã từng học tiếng Nga trong năm dự bị, nay đã chuyển lên Moscow, nhưng vẫn luôn gắn bó với Tambov; thứ nữa là kỷ niệm Love Bridge tròn 1 tuổi.

Mời mọi người cùng thưởng thức những âm điệu của khúc giao mùa tháng 4:

Link download

http://www.mediafire.com/?tbies1xzmnv

Link nghe trực tiếp

http://www.esnips.com/doc/cee6e166-c903-4f46-b45c-787295484bf3/Love-Bridge-9---Thang-4---Khuc-giao-mua

List các bài hát trong chương trình:

01. Tháng Tư về
02. Bay đến ước mơ
03. Ta đã yêu trong mùa gió
04. Trái tim thật thà

* Nhịp đập âm thanh : Dirt room ( Blue October )

05. Tôi là tôi 2
06. Nếu em không phải là giấc mơ
07. Буду
08. Dạ khúc

* Khách mời Love Bridge : Hồng - tenbigstar1209 ( from Moscow )

09. Tôi mơ
10. Mùa đông đã qua
11. Hơi ấm ngày xưa

Một vài trao đổi về Page Rank

2009-04-12T02:00:00.002+04:00

Là 1 webmaster, có lẽ không ai còn lạ gì với chỉ số Page Rank (PR) của Google dùng để đánh giá 1 trang web. Chỉ số này được nói đến nhiều bởi uy tín của nó trong nhiều chỉ số khác như Alexa Rank, Compete Rank, Link Popularity, ... Tuy vậy, 1 điều bất cập về PR là Google không đưa ra 1 lịch trình cụ thể về thời gian để cập nhật, vì thế mỗi khi có đợt update là các webmaster lại truyền tin cho nhau để xem website của mình thế nào.

Vào đầu tháng 4 vừa rồi, Google cũng đã cập nhật PR. Tôi và anh nlfb cũng có 1 buổi nói chuyện về lần cập nhật này, và có 1 số điểm muốn chia sẻ với mọi người.

Như mọi người đã biết, trong nhiều tài liệu về SEO thì PR được nói đến như 1 chỉ số dựa trên các link liên kết đến trang web được xét. Chi tiết về cách tính toán chỉ số này, các bạn có thể đọc thêm ở 1 bài viết trước trong Hỗn tạp. Nói nôm na là bạn càng có nhiều link liên kết đến trang web của mình thì chỉ số PR của trang web đó càng cao. Ở đây chú ý 1 điểm là PR được tính theo từng trang web (web page) trong 1 website, chứ không tính theo domain như Alexa Rank (khá nhiều người bỏ qua điểm này khi nói về PR của 1 website, vì rằng có thể trang homepage của bạn có PR 2, nhưng 1 trang nào đó trong website lại có thể có PR 4 chẳng hạn).

Thế nhưng trong đợt cập nhật PR vừa rồi, chúng tôi (gồm tôi và anh nlfb) để ý thấy 1 số blog của người Việt được tăng PR, còn 1 số thì giữ nguyên (ở đây tôi nói PR của website là ám chỉ PR của homepage, các đoạn sau cũng sẽ vậy). Liệu có phải là các link liên kết quyết định không?

Nếu bạn theo dõi 1 website, VD như Hỗn tạp, thì bạn sẽ thấy thỉnh thoảng lắm mới có thêm 1 liên kết bạn bè. Dù rằng thời gian đầu có thể rất nhiều, nhưng sau đó, rất ít khi được cập nhật. Tôi nghĩ rằng các blog khác cũng vậy. Khi bạn dạo qua các blog trong danh sách Friends bên phải của tôi, bạn sẽ thấy rằng phần lớn chúng tôi liên kết thành vòng tròn, nghĩa là bạn sẽ bắt gặp các gương mặt quen thuộc ở hầu hết các blog đó, vẫn cứ là blog này, blog kia, ... Và vì phần lớn các blog này đều là các blog cá nhân, mang ít nhiều dấu ấn của tác giả, nên tôi nghĩ chuyện trích dẫn từ các blog, diễn đàn, website khác tới các bài viết trên từng blog là không nhiều. Bạn có thể thử search Google để thấy điều đó. Như thế sẽ dẫn tới 1 khả năng là lượng link đến 1 blog khó mở rộng được, hoặc ít ra là hạn chế trong chừng mực nào đó.

Vậy thì tại sao 1 số blog lại được tăng PR, còn 1 số thì không?

Anh nlfb có đưa ra 1 ý kiến lí giải cho trường hợp này, rằng các blog này đều có giới hạn PR của nó. Nghĩa là 1 blog có thể lên PR 4 trong 1 năm, lên PR 5 trong 3 năm, nhưng sau đó sẽ không thể lên tiếp lên được PR 6. Bạn (cũng như tôi) sẽ thắc mắc rằng điều này vô lí, vì như vậy thì trước khi sinh ra blog, ta cũng đã biết được giới hạn mình sẽ bị kìm? Hoặc là trong thời gian ta viết blog mà có 1 sự chuyển biến xuất sắc, 1 sự đổi hướng mang tính đột phá thì ta vẫn không được đánh giá cao?

Trả lời cho thắc mắc này, chúng ta cùng xem xét tiếp. Thực tế là các website có PR cao từ 8 trở lên rất ít, và chúng thường chiếm 1 lượng traffic khổng lồ, VD như twitter chẳng hạn. Cỡ 1 blog như chúng ta thì khó có thể vươn lên tầm traffic đó. Như thế, ta sẽ thấy rằng dường như có 1 mối liên hệ giữa lượng traffic với PR. Lượng traffic này từ đâu ra? Nó là do người dùng tạo ra. Vậy tại sao người dùng tạo ra traffic đối với trang web này mà lại không tạo ra traffic đối với trang web kia?

Bạn hãy đứng ở vị trí của người dùng để trả lời cho câu hỏi đó. Hãy trả lời tại sao bạn muốn vào trang web này mà không vào trang web kia, rằng tại sao bạn lại lưu bookmark của nó hay thích đọc nó 1 cách chi tiết và cẩn thận? Đó là vì bạn đã nhận được 1 cái gì đó từ trang web đó, là vì trang web này đã tạo ra 1 giá trị cần thiết và hữu ích dành cho bạn.

Google đủ thông minh để nhận ra điều đó. Google đánh giá website dựa trên việc nó có mang lại nhiều lợi ích cho cộng đồng hay không, PR gần như thể hiện giá trị ấy (link cũng là 1 yếu tố trong việc xét giá trị website, vì nhiều link tương đương với có nhiều website coi website của mình có giá trị).

Nếu coi lại 1 lần nữa 1 số blog, có thể chúng ta sẽ nhận ra rằng 1 số blog có phạm vi bài viết khá rộng, ngược lại 1 số blog có phạm vi hẹp theo những chủ đề xác định. Điều này sẽ ảnh hưởng đến lượng người khách truy cập của blog đó. Hiển nhiên rằng nếu bạn yêu thích âm nhạc, bạn sẽ không vào Hỗn tạp, hoặc nếu bạn thích WordPress, bạn sẽ khó lòng vào các blog thủ thuật máy tính, ... Có nghĩa là khi đã xác định được phạm vi của blog, thì các giá trị mà blog đó mang lại cho người dùng sẽ được xác định 1 cách tương ứng. Nói 1 cách thẳng thắn thì nếu đã xác định hướng đi, có nghĩa là chúng ta đã tự bó hẹp chính chúng ta. Tuy vậy, cần phải xem xét 2 khía cạnh thêm, mà theo tôi nghĩ là phạm vi của hướng đi đó và độ sâu của các bài viết (nói 1 cách hình tượng là sự triển khai theo chiều rộng và chiều sâu). Ví như 1 blog về WordPress thì phạm vi khá hẹp (nếu làm nhiều trên WP, bạn sẽ cảm thấy dường như càng ngày càng ít cái để nói, Blogger có lẽ cũng thế), nên nó cần chiều sâu của các bài viết để tạo ra giá trị mới và thu hút người đọc. Hay như 1 blog về phần mềm (như taiphanmem.org của tôi) thì có phạm vi khá rộng, nên sự chuyên sâu có thể đặt nhẹ hơn. Nhưng dù thế nào đi nữa, chúng ta cũng thấy rằng chúng ta đã bị bó hẹp theo 1 nghĩa đen, và điều đó gián tiếp thu nhỏ lượng người đọc của chúng ta. Bạn hãy cân nhắc điều này khi tạo ra 1 website, hay khi định hướng cho website.

Nếu bạn còn mơ hồ về mối liên hệ giữa PR và giá trị của website, bạn hãy coi ví dụ về website của Adobe. Nó đã từng được Google tặng cho PR 10, hiện nay là 9. Và chính vì PR cao như thế, nó đã bị chỉ trích khá nhiều. Nguyên nhân là vì nó không có nội dung! Hãy thử đọc website đó, và trả lời xem rằng nó cung cấp thông tin gì cho bạn. Rất ít, cực ít nếu như không muốn nói là gần như 0 (bản thân tôi dù vào khá nhiều lần, nhưng chưa bao giờ dừng chân để đọc). Đứng về phương diện SEO thì điều này là tối kị, 1 website không có nội dung thì đừng mong gì đến SEO. Thế nhưng điều ngược lại là website của Adobe lại thu hút lượng traffic khổng lồ cùng với chỉ số PR cao chót vót. Đó là vì họ đã tạo ra những sản phầm cần thiết cho người dùng, là Flash Player, là SWF Player, là Adobe AIR hay các sản phẩm đồ họa như Photoshop, ... Hãy nghĩ đến tầm quan trọng của các sản phẩm này khi mà bạn vào 1 trang web và không xem được flash, bạn sẽ làm gì? Flash vẫn là 1 chiếc xương sườn quan trọng của các website. Và vì thế, người dùng cần nó, nó có giá trị, nó cần cho cộng đồng, Google nhận thấy điều đó: PR 9 là điều tất yếu.

Nếu lướt web nhiều, bạn sẽ nhận thấy nhiều trang web đơn giản bằng html, nội dung đơn thuần và viết rất lâu rồi, không có các kĩ thuật SEO, nhưng PR lại rất cao, 6 hoặc 7. Có lẽ đó là vì cách lí giải trên, theo giá trị của website.

Vậy thì cái gì là thước đo giá trị của 1 website?

Trả lời cho câu hỏi này, chúng ta hãy nghĩ về giá trị mà website tạo ra. Giá trị đó cần phải được kiểm chứng bởi người dùng. Bởi vì thế, nên thước đo sẽ là 1 tập hợp các chỉ số nào đó của người dùng mà tôi nghĩ rằng ngay cả Google cũng đang cố gắng để mô phỏng cho hoàn thiện. Nếu bạn theo dõi bằng Google Analytics, bạn sẽ bắt gặp nhiều chỉ số dạng này, như lượng truy cập, thời gian đọc trang, số trang đọc trong website hay lượng bounce rate, ... Tất cả những cái này đều nói lên sự quan tâm của người dùng đối với website. Và nó phần nào ảnh hưởng tới sự quan trọng của website đó. Thuật toán chính xác mà Google dựa vào để tính toán PR có lẽ sẽ không ai biết, trừ họ, nhưng chúng ta có thể phỏng đoán và xác định cho mình những gì cần làm để tạo ra các giá trị hữu ích cho người dùng. Đừng làm các website vô nghĩa trừ phi bạn dành nó cho chính bạn. Hãy nghĩ đến người khác, và đặt mình vào vị trí của họ để hiểu rằng họ cần gì và chúng ta nên làm gì.

Hi vọng rằng những ý kiến rút ra từ cuộc trao đổi của 2 anh em chúng tôi sẽ giúp các bạn phần nào trong quá trình SEO cho website. Chúc các bạn luôn có những website và blog tuyệt vời.

Ghi chép đầu tuần

2009-04-06T21:46:00.002+04:00

Tranh thủ lúc đợi thằng bạn về ăn cơm, ngồi viết 1 chút cho blog khỏi "rêu phong".

***

Dạo này thấy trong người khá mệt mỏi. Có lẽ do thời tiết thay đổi làm nhiều người bị cảm cúm. Mình sụt sịt 2 tuần rồi :(. Tuyết giờ đã tan hết, trời cũng đã nắng lên nhiều. Chỉ là vẫn còn gió nên vẫn lạnh, còn bụi mù nữa. Cũng chẳng mấy chốc mà chớm hè, lúc đó cỏ mọc xanh rờn, hoa nở khắp nơi, cây cối trổ lộc, lại đi hái táo về ăn. Nhanh lắm, một khi đã tới thì chỉ cần vài ba ngày là thay đổi khắp mọi thứ. Rồi cả thời tiết nữa, sẽ nóng gần bằng ở nhà, rồi sẽ lại có những buổi chiều tụ tập dưới chân "ốp" (khu KTX) ngồi tán phét, ...

***

Tuần vừa rồi phải đuổi theo thằng bạn học cùng. Nó làm bài nhanh quá, đã gần xong, trong khi mình cứ thong thả. Học với nó cũng có cái hay, không theo không được. Mỗi lần như thế, làm bài xong là cảm giác thoải mái, lâng lâng, không còn phải lo lắng rằng ngày mai mình sẽ làm gì, tính xem lúc nào nộp bài, liệu cứ thế này có kịp không (mà chắc chắn rằng các câu trả lời đều bị "mua chuộc" rồi). Giờ thì cũng đã tạm ổn, chỉ có điều mấy ngày cuối tuần không được nghỉ "dưỡng sức" mà lại thêm sụt sịt.

Thằng bạn mình là nó chỉ khoái xem phim rồi ... hết! Nên nó rảnh là nó nghĩ đến học chứ ở đất Tambov này không biết làm gì. Nó không có đam mê lướt web như mình, hay đọc báo cũng không, blog thì càng không. Bên này nó vậy, web, game online và phim (mà muốn có phim thì cần có web để download) là thứ duy nhất khiến người ta giết thời gian nhanh chóng. Chả bù như ở VN, đôi khi tìm lúc rảnh cũng không có. Mấy đứa bạn tôi hồi nọ có nói với tôi là tôi may mắn hơn bọn nó vì còn có sở thích web, còn có thể viết blog, làm web, nghịch linh tinh ... còn bọn nó thì đôi khi ngủ dậy, mở máy tính ra để chơi game (quen tay) vì không còn biết làm gì cho hết ngày.

***

Vừa mới đọc blog của em gái, thấy nó viết lung ta lung tung mà đọc lại thấy vui :). Cái ngôn ngữ 9x kia mình kịch liệt phản đối dùng, mà sao đọc của nó thấy rất dễ truyền đạt cái sự vui vẻ, phấn khích của nó sang mình. Hay thật, mình thì không làm được chuyện đó, có lẽ tính nó thế, tính mình lại khác. Được cái 2 anh em rất hợp nhau nên dù thế nào thì cũng không thành vấn đề :D

***

Kết thúc dòng cuối cùng cũng là lúc thằng bạn gõ cửa, trở về từ ... mấy trận bóng đá. Bụng đói quá rồi, "cẩu xực" thôi. Chúc mọi người 1 tuần vui vẻ!

StatOwl.com – Công cụ phân tích người dùng Internet

2009-04-03T01:03:00.001+04:00

Nếu là webmaster, chắc hẳn bạn đã từng dùng qua công cụ Google Analytics, cho phép bạn theo dõi các thông số về người dùng duyệt qua website của bạn như các thông tin trình duyệt, hệ điều hành, độ phân giải màn hình, … Thế nhưng bạn chỉ có thể theo dõi được trên 1 website của bạn mà thôi. Bây giờ với trang web http://statowl.com bạn có thể phân tích những số liệu đó của người dùng khắp toàn Internet.

Trang web này cung cấp các thông tin về người dùng Internet theo các chỉ mục phân loại ở tay trái. Dưới đây chúng ta cùng xem qua 1 số thống kê đáng chú ý:

1.Phân tích về trình duyệt của người sử dụng:

Để xem thống kê này, bạn nhấn vào mục Web Browsers bên tay trái rồi chọn Market Share.

Bạn có thể chọn loại biểu đồ khác trong menu Chart Type cho phù hợp với sở thích, mặc định là bản đồ dạng nhân bánh (pie chart). Dưới đây là ảnh chụp của biểu đồ trên ở dạng cột 3D:

Ngoài ra, để kết quả thêm khách quan, bạn cũng có thể thay đổi khoảng thời gian thống kê ở menu TimeFrame, có các lựa chọn 3 tháng, 6 tháng, 1 năm hoặc tùy chọn.

2.Thống kê về hệ điều hành của người dùng

Bạn chọn mục Operating Systems, sau đó chọn Market Share.

3.Xem độ phân giải màn hình

Hãy vào mục System Settings và chọn Screen Resolution:

Ngoài những thống kê ở trên, bạn còn có thể xem thống kê về version của flash plugin được cài trên trình duyệt, thống kê về tốc độ kết nối của người dùng, thậm chí là cả những cách thức mà người dùng sử dụng Google để tìm kiếm, … Đối với các thống kê này, ngoài phần biểu đồ trực quan, bạn còn có thể xem các bảng dữ liệu chi tiết ở dưới. VD dưới đây là bảng thống kê các bộ máy tìm kiếm được sử dụng nhiều nhất:

Hy vọng các thông tin này sẽ hữu ích cho các webmaster trong việc thiết kế web, viết các ứng dụng flash hay tối ưu SEO cho website.

Giới thiệu cộng đồng WordPress Việt Nam

2009-03-30T01:31:00.001+04:00

Mặc dù phát triển đã khá lâu, nhưng bây giờ chúng ta mới thực sự có 1 sân chơi dành riêng cho cộng đồng WordPress Việt Nam. Website và diễn đàn thảo luận về WordPress bằng tiếng Việt này được lập ra bởi bạn Trần Minh Quân (nick CA RO). Tuy mới ra đời chỉ khoảng 1 tuần trở lại đây, nhưng diễn đàn cũng đã có sự tham gia của 1 số anh tài trong làng WordPress Việt Nam hiện nay, điển hình là QAD và hutek.

Hiện nay diễn đàn đang trong giai đoạn khởi đầu và cần sự tham gia của chúng ta. Nếu bạn cảm thấy có năng lực, hoặc nhiệt huyết, bạn có thể đăng kí vào nhóm dịch Codex, nhóm Kỹ thuật hay nhóm Mod điều hành diễn đàn.

Tôi cũng mới biết tin này qua blog của bác hutek, và cũng đã tham gia diễn đàn. Hi vọng rằng chúng ta sẽ cùng trao đổi hiệu quả và ngày càng "chuyên nghiệp" hơn trong các vấn đề liên quan đến WordPress.

Nếu bạn dùng WordPress, tại sao lại không tham gia nhỉ ;). Hãy nhớ link của nó nhé: http://WordPressVN.net.

TaiPhanMem.org thay đổi giao diện

2009-03-24T22:34:00.003+03:00

Trong những ngày vừa qua, tôi tập trung vào làm lại 1 giao diện mới cho trang web TaiPhanMem.org. Giao diện cũ nhận được khá nhiều ý kiến góp ý là đơn giản quá và không thu hút, hơn nữa cũng đã sử dụng 1 thời gian khá dài rồi nên việc tìm kiếm 1 thiết kế mới lúc này là hợp lí. Đến hôm nay là tròn 10 ngày kể từ khi bắt đầu công việc, giao diện đã hoàn tất và đưa vào sử dụng.

Đây là ảnh chụp giao diện mới của TaiPhanMem.org:

Trong giao diện mới này ngoài thiết kế bố cục các trang gồm trang chủ, trang archive (bao gồm category), và trang bài viết được khác đi thì tôi cũng bổ xung thêm chức năng Advanced Search, chức năng Report phần mềm (do là site về phần mềm nên yêu cầu về report link die, crack, ... lúc nào cũng có), hiển thị thumbnail và giới thiệu ngắn gọn về phần mềm, ... Ngoài ra cũng sử dụng thêm 1 số plugin hữu ích khác như Smart Sort (dùng để sắp xếp bài viết trong Category, rất tuyệt!), WP-Cumulus (dùng để làm các tag bay bay), ...

Lần làm theme mới này tôi cũng học được khá nhiều điều với WordPress, từ cách thao tác với nội dung bài viết đến việc tạo các query post theo ý mình (những điều này tôi đều nhờ Google cả), và tôi cũng học được thêm nhiều về thiết kế nhờ vào việc theo dõi những trang web hay về thiết kế web. Mỗi phần trên TaiPhanMem.org có lẽ sẽ gây cho bạn cảm giác quen thuộc, là vì tôi cóp nhặt mỗi nơi 1 chút, gom về lại thành giao diện của mình :D.

Mặc dù khá mệt (không biết vì mệt do làm theme này hay là do thời tiết chuyển mùa :D) nhưng tôi cũng thấy vui vui vì mấy anh em làm trang TaiPhanMem.org đều thấy thích giao diện này. Không biết các bạn nghĩ sao, tôi rất mong nhận được ý kiến và nhận xét của các bạn!

Cách tận dụng các mạng xã hội để quảng bá website

2009-03-10T19:09:00.002+03:00

Thời gian vừa qua tôi mới có dịp tìm hiểu và sử dụng các mạng xã hội. Bài viết này xin được chia sẻ 1 chút kinh nghiệm của bản thân trong việc sử dụng các mạng xã hội 1 cách hiệu quả để quảng bá website. Rất mong sự góp ý của các bạn.

Mạng xã hội và những lợi thế của nó

Có rất nhiều mạng xã hội đang được tận dụng hiện nay để quảng bá website, trong số đó có thể kể ra vài tên tuổi chính như:

- Về bookmark: đứng đầu có lẽ là delicious, tiếp đến Digg, và Stumble Upon, ...
- Về status: đại gia chắc thuộc về Twitter và Identi.ca, ...
- Về micro blog: có lẽ nổi bật là Tumblr, ...
- Về kết nối bạn bè: Facebook và MySpace chắc không có ứng cử viên sánh bằng, ngoài ra, ở Việt Nam thì Yahoo! 360, ...

Và còn 1 loạt các "dạng mạng xã hội" khác như FriendFeed chuyên dùng để cập nhật Feed và status, Flickr chuyên về chia sẻ ảnh, hay 1 loạt các nền tảng blog như WordPress.com, TypePad, ...

Vấn đề đặt ra là 1 người bình thường khó có thể tham gia 1 cách thường trực trên các mạng này cùng 1 lúc. Thông thường, người ta chỉ chọn 1-2 mạng chính và hoạt động mạnh trên đó, còn các mạng khác thì bỏ trống. Việc chọn 1 mạng xã hội để quảng bá website sẽ đem lại lợi ích khá lớn, vì nó giúp bạn:

- Thông báo 1 cách nhanh chóng những thay đổi trên website tới người khác
- Tận dụng những liên kết chéo giữa bạn bè, người quen trên mạng xã hội để tạo ra traffic cho website
- Và có thể như BlogViet phân tích, việc các bộ máy tìm kiếm thường xuyên ghé thăm các mạng xã hội này cũng giúp website bạn được index nhanh hơn.

Việc để trống các mạng xã hội khác sẽ làm mất đi những lợi thế trên của bạn, điều đó thật đáng tiếc. Trong phần dưới đây, tôi sẽ nêu 1 vài công cụ giúp bạn tự động update những mạng xã hội đó thông qua Feed của website.

Đưa feed lên các mạng xã hội

Để đưa feed của website lên 1 dịch vụ nào đó, VD như Twitter, có nhiều dịch vụ đáp ứng:

TwitterFeed.com

Dịch vụ này cho phép lấy feed từ website của bạn và gửi lên Twitter, Identi.ca, Hellotxt và Ping.fm. Twitter và Identi.ca là các dịch vụ update status khá tương đồng nhau. Về Hellotxt và Ping.fm chút nữa chúng ta đề cập sau.

TwitterFeed làm việc tốt, đặc biệt là nó cho phép sử dụng OpenID, nên hầu như chúng ta không phải đăng kí lại (nên nhớ là nếu bạn sở hữu 1 account Google, Blogger, Yahoo!, WordPress.com, ... thì bạn đã có sẵn 1 địa chỉ OpenID rồi). Nó thao tác tốt với tiếng Việt, và cho phép rút ngắn đường link thông qua rất nhiều dịch vụ miễn phí như TinyURL, Tr.im, ... Ngoài ra, với 1 tài khoản, bạn có thể thêm bao nhiêu link feed cũng được.

Điểm dở của dịch vụ này là thời gian update và số lượng. Nó chỉ cho tối đa 5 bài viết trong 1 lần update và khoảng thời gian update ngắn nhất là 30 phút. Nếu blog (website) của bạn nhỏ thì đây không phải là vấn đề. Tuy nhiên, với các website update liên tục với số lượng lớn thì điều này không tốt lắm.

Pingvine.com

Dịch vụ này tương tự như TwitterFeed, tuy nhiên chỉ cho phép update trên Twitter, Identi.ca và Ping.fm (kém TwitterFeed ở Hellotxt). Pingvine khắc phục được 2 nhược điểm trên của TwitterFeed với khả năng update feed 5 phút một lần, và không giới hạn số lượng.

Tuy nhiên điểm dở của dịch vụ này là xử lí tiếng Việt kém, chữ Việt hiện ra không đúng. Đồng thời nó cũng không rút ngắn đường link. Nếu link feed của bạn được sử dụng qua FeedBurner thì bạn sẽ thấy nó có dạng

http://feedproxy.google.com/~r/hontap/~3/L4ehcinlFkU/chuc-mung-8-3-mot-nua-yeu-thuong.html

Quá dở phải không?

Hiện nay thì website này còn đang dính 1 lỗi là không sửa được link feed hoặc xóa link feed. Tôi cũng bị trường hợp này, và đang gửi thông báo đến cho họ, hi vọng họ sẽ sớm sửa lỗi.

Có 1 điểm vừa là ưu điểm, vừa là nhược điểm của dịch vụ này, đó là bạn không cần phải đăng kí. Chỉ cần điền username/password (đối với Twitter) hay key (đối với Ping.fm) và địa chỉ Feed là bạn có thể sử dụng ngay. Tuy vậy, vì đó mà mỗi tài khoản (Twitter hay Ping.fm) chỉ tương ứng với đúng 1 feed, nghĩa là bạn không thể dùng nó với nhiều blog như TwitterFeed.

PingVine do lỗi tiếng Việt nên tôi nghĩ nó sẽ tốt với các blog, website tiếng Anh.

FriendFeed

FriendFeed bản thân nó như cái tên gọi là cho phép bạn update feed của các blog, website lên chính account của mình tại đó. Nhưng không chỉ có thế, nó có thể được dùng như 1 trang update status hệt như Twitter. Điểm đặc biệt của nó là cho phép update feed hay status của mình lên Twitter. Tức là mỗi lần feed của bạn có bài viết mới, hoặc bạn update 1 status trong FriendFeed thì những bài mới, status mới đó cũng sẽ được gửi qua Twitter tương ứng.

FriendFeed có khả năng tùy biến khá cao, cho phép bạn update 1 lúc nhiều feed (bạn có thể chọn trong số các feed mà bạn đã thêm vào FriendFeed, không nhất thiết chọn tất cả) để update qua Twitter. FriendFeed cũng có khả năng tự rút gọn link thông qua dịch vụ của chính nó. Tốc độ update ở FriendFeed khá cao (theo tôi nhận thấy, vì không có thông tin chính thức từ trang chủ).

Hiện nay tôi và bác Tỉnh ở BlogViet đang dùng FriendFeed để update feed qua Twitter.

Các công cụ update All In One

Nếu bạn chỉ sử dụng 1 trong các công cụ kể trên, có khả năng bạn chỉ có thể update 1 hoặc vài mạng xã hội và vẫn bỏ sót nhiều mạng còn lại. Vì thế hãy tận dụng nốt những công cụ dưới đây:

Ping.fm

Giống như chức năng ping trong WordPress, trang Ping.fm này làm 1 nhiệm vụ: mỗi khi bạn gửi cho nó 1 "thứ gì đó", nó lập tức gửi "thứ đó" tới tất cả các mạng xã hội mà bạn chọn. Giống như 1 quả bóng bị đục thủng nhiều lỗ, mỗi khi bạn đổ nước vào, nước sẽ phun ra khắp các hướng.

Cái "thứ gì đó" mà tôi nói ở đây nên là các bài viết trong feed của bạn. Nhưng làm thế nào để gửi feed đến Ping.fm 1 cách tự động? Xin hãy dùng TwitterFeed hoặc PingVine mà tôi nói đến ở trên. Bạn sẽ có 1 quy trình quảng bá tương tự như sau:

Bài mới => Cập nhật feed => TwitterFeed đọc feed đó và gửi tới Ping.fm => Ping.fm phân phát nó tới khắp các mạng xã hội còn lại.

Khả năng của Ping.fm rất lớn, nghĩa là nó cho phép cập nhật tới vài chục mạng xã hội, bao gồm từ các mạng đình đám nhất như FaceBook, MySpace, Twitter, FriendFeed, LinkedIn đến Yahoo! 360, Tumblr, WordPress.com, Blogger, ... Nói chung, bạn có thể dùng nó để update hầu như tất cả các mạng phổ biến.

Đặc biệt hơn là Ping.fm có thể update cả delicious. Trong giới hạn hiểu biết của mình, tôi mới chỉ biết Ping.fm này là công cụ duy nhất cho phép tự động bookmark lên delicious. Chỉ tiếc là nó vẫn chưa hỗ trợ Digg và Stumble Upon.

Còn 1 điểm thú vị nữa của Ping.fm khiến nó trở thành 1 công cụ cực kì hữu hiệu là bạn có thể update bằng cách gửi tin nhắn thông qua Yahoo! Messenger, GTalk, Email, ... Nếu bạn dùng Yahoo! Messenger như tôi, thì chỉ cần gửi tin nhắn đến nick pingdotfm là dịch vụ sẽ tự động update tất cả các mạng mà bạn chọn.

Hellotxt

Hellotxt có thể coi là anh em song sing của Ping.fm. Về chức năng, nó tương tự như trên nên tôi không trình bày kĩ. Tuy vậy, dịch vụ này thua Ping.fm ở 2 điểm:

- 1 là không cho update lên mạng delicious vốn rất nổi tiếng
- 2 là không cho update thông qua Yahoo! Messenger, 1 công cụ chat mà người Việt chúng ta dùng rất nhiều. Nó chỉ cho phép dùng GTalk hay Jabber, tuy nhiên cũng chỉ đang ở dạng thử nghiệm bêta.

Đọc đến đây chắc các bạn cũng hình dung được cách sử dụng các công cụ trên để cập nhật tự động account của mình tại các mạng xã hội. Do điều kiện chưa được thử nghiệm hết các công cụ trong chúng, và chưa khám phá các công cụ tự động khác, nên bài viết có lẽ còn thiếu sót nhiều, rất mong được các bạn góp ý và chia sẻ kinh nghiệm với tôi trong vấn đề này.

Chúc các bạn blogging vui vẻ! Và rất vui nếu được kết nối với các bạn thông qua Twitter (mạng xã hội mà tôi dùng chủ yếu hiện nay) tại địa chỉ: http://twitter.com/rilwis.

Chúc mừng 8-3 - Một nửa yêu thương

2009-03-08T14:00:00.001+03:00

PHỤ NỮ

Nếu một lần nữa được sinh ra
Em vẫn xin sẽ làm con gái
Đàn ông các anh quá dạn dày từng trải
Nên thèm nghe tiếng nhẹ nhàng dịu êm.

Một lần nữa em vẫn xin là em
Với nông nổi, vội vàng, hấp tấp
Đàn ông các anh nhìn xa trông rộng
Nên cần người đôi lúc biết lắng nghe.

Con gái chúng em tựa cánh đồng quê
Ngựa các anh phi mỏi chân dừng nghỉ
Đàn ông vẫn coi mình thông minh trong ý nghĩ
Không có chúng em, lấy ai để sánh so.

Các anh nghĩ mình khoẻ mạnh vô bờ
Chân yếu tay mềm chúng em đâu dám sánh
Không có chúng em, các anh đâu thành “phái mạnh”
Lấy ai để có thể chở che.

Chúng em biết nói những điều các anh thích nghe
Biết khiêm tốn, nhún nhường khi cần thiết.
Biết nhóm lên, giữ gìn ngọn lửa bếp
Vun trồng hạt giống các anh để lại cho đời.

Em vẫn xin được làm con gái thôi
Để bù vào những gì anh còn thiếu
Tuy suốt đời sẽ là “phái yếu”
Để yêu và mãi sẽ được yêu…

...

Love Bridge số 8 “ Một nửa yêu thương…” - số đặc biệt dành tặng cho ngày quốc tế phụ nữ mùng 8.3…

Hãy lắng nghe những lời thì thầm yêu thương được gửi tới một nửa của thế giới - những người Mẹ, những người Chị, những người Bạn và những người Em gái …các bạn nhé

Dẫu cho, đôi khi không có một lời lẽ nào,không có một bài hát nào có thể nói đủ những tình cảm của ta dành cho nửa kia của thế giới.... thì những nhịp đập khẽ khàng của trái tim cũng sẽ giúp ta ủ ấm những nỗi nhớ nhung và sẽ thay ta nói lên tất cả...

LIST BÀI HÁT TRONG LB 8

1. From Sarah with love
2. Người mẹ hiền yêu dấu
3. Bóng mưa
4. Quê hương
5. Mây và Núi

*Nhịp đập âm thanh- Love hurts

6. Con cò
7. Miss you
8. Bóng cả
9. Biển đêm
10. Gửi tình cho gió

*Khách mời LB

11. Bonjour Viet Nam
12. Nước trong nguồn
13. Ona odna
14. Enternal flame
15. Bông hồng cài áo

Link download LB8

http://www.mediafire.com/?mwkzmymm5ny

Link download trực tiếp từ host của diễn đàn

http://svtambov.com/lb/lb8.mp3

Nghe trực tiếp tại đây (Kéo xuống cuối bài viết có phần media nghe trực tiếp)

Thêm 1 hệ thống comment nữa cho blog

2009-03-04T03:08:00.002+03:00

Hôm qua lang thang trên mạng tôi tình cờ thấy 1 website dùng hệ thống comment của IntenseDebate. Hệ thống comment này cũng tương tự như DISQUS mà tôi đã giới thiệu ở 1 bài viết trước (hiện đang được dùng trên Hỗn tạp). Tuy vậy, nó có 1 vài ưu điểm tốt hơn DISQUS thế này:

- Cho phép sử dụng OpenID
- Lựa chọn nhiều theme hơn cho comment, bao gồm cả việc tự tạo CSS cho nó
- Cho phép export comment ra file XML

Đặc biệt là nó có khá nhiều widget hay dành cho blog như:
- Button hiển thị tổng số comment và số người comment
- Danh sách comment mới nhất
- Những bài viết phổ biến nhất. Chú ý là nó không tính theo số comment nhé, mà tính theo cả lượng đọc nữa. Dùng cái này có thể thay thế widget của Feed2JS được.
- Xem những người đọc blog lâu nhất

Ngoài ra thì việc quản lí comment bằng công cụ này cũng khá tốt. Có chức năng lọc comment, threated comments, hay gửi email khi có comment, ...

Cách cài đặt hệ thống comment này trên Blogger cũng đơn giản như DISQUS, bạn chỉ cần upload file template của bạn lên website, để cho nó chỉnh sửa rồi copy template đó ngược trở lại vào template của bạn là được. Bạn cũng có thể cài đặt nó trên nhiều dạng website/blog khác nữa, không chỉ Blogger, tất cả đều có hướng dẫn khá chi tiết bằng hình ảnh khi bạn làm.

Hi vọng rằng các công cụ này sẽ giúp cho việc quản lí cũng như trình bày comment trên blog của các bạn được tốt hơn.