Chủ Nhật, 11 tháng 7, 2010

Blogger cho phép thêm share buttons trong bài viết

Đã từ lâu tính năng chia sẻ đã được tích hợp vào các blog. Có rất nhiều hướng dẫn giúp bạn có thể tạo được những nút chia sẻ bài viết rất bắt mắt để đưa vào blog. Nắm bắt được nhu cầu của người dùng, Blogger đã cho phép thêm tính năng chia sẻ bài viết mà không cần code của bên thứ 3. Chúng ta cùng tìm hiểu cách làm nhé.

Bạn đăng nhập vào trang quản trị blog, chọn mục Design và chọn Edit bên dưới khung Blog posts. Kết quả như hình dưới.

Thêm nút chia sẻ bài viết

Bạn đánh dấu vào mục Show share Buttons, lưu lại và kiểm tra kết quả.

Trong trường hợp bạn vẫn chưa thấy các nút này xuất hiện thì có thể template của bạn đã bị tùy chỉnh nên chúng chưa hiển thị được, bạn làm như sau.

Vào phần Edit HTML, chọn Expand Widget Templates. Các bạn tìm tới đoạn code có dạng như sau:

<div class='post-footer'>
hoặc
<div class='post-footer-line post-footer-line-1'>
hoặc
<iv class="post-footer-line post-footer-line-2">
hoặc
<div class="post-footer-line post-footer-line-3">
hoặc
<data:post.body>
Lưu ý: Ở đây mình hướng dẫn chung cho tất cả các blog, có thể template của bạn chỉ có một trong các dòng code trên.


Sau khi tìm thấy bạn thêm đoạn code dưới đây vào ngay sau nó:
<div style="clear: both;">
<div class="post-share-buttons">
<b:include data="post" name="shareButtons">
</b:include></div>
Lưu thay đổi vừa thực hiện, kiểm tra kết quả bạn sẽ thấy các nút chia sẻ nằm ở cuối bài viết.
Nếu muốn các nút chia sẻ xuất hiện ngay bên dưới tiêu đề bài viết, bạn tìm tới một trong các dòng sau:
<div class="post-header">
<div class="post-header-line-1">
</div>
và thêm đoạn code bên trên ngay trước nó.
Lưu ý: Bạn có thể sẽ không tìm thấy đoạn code trên nếu template đã có những tùy chỉnh nhất định.
Posted by Pavel

Học toán trực tuyến dành cho trẻ lớp 1

Hai giảng viên ĐH Tôn Đức Thắng (TP HCM) là Đinh Công Ninh và Vũ Đình Hồng vừa ra mắt website học toán trực tuyến dành cho học sinh lớp 1 tại địa chỉ http://hoctoan.360do.vn/
Nội dung chính của chương trình là những kiến thức toán lớp 1 gồm hai chủ đề chính: “Luyện tập một số kỹ năng ban đầu cho bé”, giúp trẻ nhận biết hình ảnh, phân biệt sự giống - khác nhau, phân biệt chẵn - lẻ, xác định vị trí của đối tượng, so sánh nhiều hơn - ít hơn…và chủ đề “Toán lớp 1”, gồm các bài tập dựa theo kiến thức sách giáo khoa toán lớp 1 của Bộ GD-ĐT.
Trang web đang trong thời gian miễn phí, phụ huynh chỉ cần truy cập và đăng ký một tài khoản là trẻ sẽ có cơ hội tham gia học toán.
Trên website, trẻ mẫu giáo cũng có thể luyện tập một số kỹ năng trước khi vào lớp 1.

Thứ Sáu, 9 tháng 7, 2010

Những công cụ tìm ảnh độc đáo

Trên mạng có rất nhiều công cụ tìm ảnh nhưng chắc chắn không có công cụ nào tốt và độc đáo hơn những công cụ dưới đây, kể cả Google.

Tìm gương mặt
Để tìm gương mặt, bạn đến địa chỉ www.pictriev.com . Trong khung Image name - nhấn nút Browse rồi tìm đến tấm hình mình muốn tìm kiếm gương mặt giống như trong đó, sau đó tự động trang web sẽ upload nó lên và tìm kiếm trên Internet để xác định cho bạn những gương mặt giống với gương mặt bạn đã chọn. Ở khung kết quả tìm kiếm ở bên tay phải, chương trình còn giúp bạn đánh giá độ tuổi, giới tính của gương mặt đưa lên cùng với mức độ tương quan so sánh giữa các gương mặt tìm được so với gương mặt trong ảnh của bạn. Công cụ này cũng đặc biệt hay ở chỗ khi một gương mặt được sao chép từ tấm hình nào đó thì nó có khả năng đi tìm giúp cho bạn tấm hình gốc ấy. Đó là tính năng mà Google, Yahoo! hay Bing search cũng không có được.
Lưu ý: Hình đưa lên phải có định dạng .jpg hoặc .png và kích thước dưới 200 KB.
Tìm hình động
Để tìm hình động, chắc chắn bạn phải tự đi kiếm vì các công cụ tìm ảnh hiện nay không thể phân biệt ảnh động và ảnh thường. Tuy thế, việc này với PicSearch thì hoàn toàn đơn giản. Hãy đến địa chỉ www.picsearch.com, nhấn chọn lên liên kết Advanced Search, trong danh mục các tính năng tìm kiếm, bạn đánh chọn lên dòng Only Animations để chỉ tìm kiếm các bức ảnh động. Tiếp đó, hãy điền từ khóa tìm kiếm vào khung bên trên và nhấn Enter để công cụ tìm cho bạn. Trong kết quả hiện ra, muốn xem chi tiết hình nào, bạn nhấn chọn lên nó để đến website gốc, nếu hình ấy trong website đã bị xóa mất thì bạn nhấn chuột lên link trong mục Image URL để xem.
Với mỗi bức hình, công cụ sẽ thống kê cho bạn biết về kích thước, dung lượng của nó. Nếu muốn vừa tìm hình động, vừa tìm hình thường thì trong Advanced Search bạn đánh chọn Images and Animations, muốn tìm hình trắng đen thì bạn chọn Only Black&White, vừa tìm hình trắng đen vừa tìm hình màu thì chọn Color and Black&White. Đặc biệt, nếu muốn tìm các bức ảnh nằm ngang hoặc nằm thẳng đứng hay hình vuông thì bạn chọn thêm Portrait, Landscape và Square. Muốn tìm hình ở kích thước nào, bạn chọn kích cỡ trong mục Pictures’ size must be.
Tìm hình cùng chủ đề
Bạn vào Google gõ từ khóa Forest (rừng) thì thấy đủ dạng ảnh liên quan đến rừng hiện ra, lẫn lộn và không theo bất kỳ một trật tự nào.
Trang web www.incogna.com có tính năng tìm hình tốt hơn Google ở chỗ nó có khả năng sắp xếp các kết quả tìm được. Với từ khóa Forest, bạn sẽ tìm được các nhóm kết quả riêng như lối đi trong rừng, tranh vẽ rừng... Sau khi vào trang web, bạn hãy điền từ khóa mình muốn tìm, trong kết quả hiện ra, đưa chuột lên hình nào thì nó sẽ tự phóng to lên, nhấn Maximize để xem ảnh với kích thước gốc; nhấn chuột lên bức ảnh để xem trang liệt kê các tấm hình cùng loại với bức ảnh bạn đang xem. Nhấn Open page để xem trang gốc chứa bức ảnh bạn quan tâm.
Lý Duy Trác(Thế giới @)

Thứ Năm, 8 tháng 7, 2010

Giải phẫu web framework theo mô hình controller first

Lập trình là nghệ thuật sắp đặt. Có nhiều mô hình web framework, tùy cách sắp đặt mà khác nhau, ví dụ controller first, view first. Bài viết này bàn về các thành phần cơ bản mà một web framework hiện đại theo mô hình controller first thường có.

Controller

Trước tiên request truyền từ web server sẽ đi qua một front controller duy nhất, ví dụ với framework viết bằng PHP là file index.php, bằng Perl là file index.cgi, bằng Java Servlet thì xem định nghĩa trong web.xml. Front controller sẽ dựa vào các luật mapping định nghĩa trong router để biết phải chuyển hướng request đến action nào nằm trong controller nào để xử lí thật sự.
Một luật mapping là một ánh xạ từ một cặp HTTP method (như GET, POST) + URL pattern (như /articles/{id}) đến một cặp controller + action. Xu hướng chung hiện nay là map theo kiểu REST. Các luật này giúp URL đẹp hơn (pretty URL). Đối với các ngôn ngữ bị gắn chặt vào web server như trường hợp PHP, Perl + Apache, thì để đạt tính năng pretty URL cần dùng đến mod_rewrite.
Router cần có thêm tính năng reverse mapping để ánh xạ ngược từ controller + action thành URL để dùng trong view (ví dụ link, form).
Action là hàm xử lí request để trả về response. Các action liên quan đến nhau được gom thành một controller. Trong một controller còn có before filter và after filter để chứa các đoạn mã giống nhau từ nhiều action trong controller đó.
Để tránh lỗi CSRF, khi viết action cần biết khi nào dùng GET khi nào dùng POST, form cần có security token.

Model

Ví dụ model là nơi chứa các xử lí liên quan đến database. Vì thường liên quan đến cơ sở dữ liệu quan hệ, nên thường model layer cần có tính năng ORM.
Qui tắc chung khi lập trình web là không bao giờ tin data do user nhập (ví dụ từ form). Do đó model cần có tính năng validation để kiểm tra data có đúng format không, và đương nhiên là có tính năng chống SQL injection xưa như trái đất.

View

Mỗi action thường cần một view để hiển thị màn hình trang web. Framework hiện đại cần tách logic ra khỏi presentation, để designer và coder dễ làm việc. Do đó phần view thường dùng template engine. Để đạt tốc độ cao, template engine không dùng cách thay thế chuỗi đơn thuần, mà dùng cách biến đổi template thành mã chương trình rồi biên dịch (ví dụ .jsp -> .java -> .class).
View hiện đại thì mỗi view không phải là một cục to uỳnh ứng với một địa chỉ URL của trang web thấy trên màn hình, mà còn có thể refactor ra được thêm thành layout, partial. Làm thế này để các action có thể dùng chung tối đa view của nhau.

Để chống lỗi XSS, template engine cần có tính năng tự động escape dữ liệu từ action.

Các thành phần khác

Ví dụ session, flash, i18n, cache, file upload, mailer, full text search.

Thứ Tư, 7 tháng 7, 2010

0.999... =1



Có nhiều cách để đi đến đẳng thức này.

Đơn sơ nhất là:

Nếu hai số khác nhau thì ta có thể tìm được một số khác nằm giữu hai số đó. Tuy nhiên bạn có thể chỉ ra một số nằm giữa 0.999... và 1?


Tiếp theo là:


Đặt x=0.(9) = 0.999... (Số thập phân vô hạn tuần hoàn với chu kì 9).
Ta có:
10x = 9.(9)
Lấy 10x-x:
10x - x = 9.(9) - 0.(9)
Điều này có nghĩa là
9x = 9
hay
x = 1
Vậy
0.(9) = 1


Thêm một lập luận nữa

Ta có:
1/3=0. 333...=0.(3)
Suy ra
3x1/3=3x0.333...

hay 1=0.999...= 0.(9).


Lập luận cuối cùng mà VnMath.Com muốn giới thiệu là:
Số 0.999... là tổng của một cấp số nhân lùi vô hạn

0.9999... = 0.9 + 0.09 + 0.009 + 0.0009 + ...
Ta có thể viết lại

Suy ra

Hiển thị công thức toán học

Cái này ko biết có ai dùng ko vì việc viết công thức khá phức tạp. Nếu ai đã từng tham gia các diễn đàn về toán học thì cũng đã biết cách viết công thức toán ở trên diễn dàn, cái này tương tự như thế chỉ thêm code chèn vào blog thôi
Đối với blog có theme nền viết entry màu trắng
<img src="http://www.codecogs.com/gif.latex? Công_thức">
Đối với blog có theme nền viết entry ko phải màu trắng (phải cho nó vào khung có nền trắng cho dễ nhìn):
<div style="border: 5px ridge #1a50b8; padding: 3px;background:#FFFFFF;"><img src="http://www.codecogs.com/gif.latex? Công_thức"></div>
Cách viết:

1. Hàm số mũ hoặc chỉ số phụ trên: Cơ số ^ Số mũ

Nếu Số mũ là một biểu thức hoặc có từ một kí tự trở lên thì Cơ số ^ {Số mũ}
VD: a^{b+c}

2. Chỉ số phụ dưới: Thành phần chính _Chỉ số phụ dưới
VD: a_n

Nếu chỉ số phụ dưới là biểu thức hoặc có từ một kí tự trở lên thì: Thành phần chính _{Chỉ số phụ dưới}
VD: a_{b+c}

3. Biểu diễn vecter: \vec{tên vecter} hoặc \overrightarrow {vecter}
VD: \vec{AB}

VD: \overrightarrow{AB}

4. Biểu diễn phân số: \frac{tử số}{mẫu số}
VD: \frac{a}{b}

5. Căn bậc hai: \sqrt{biểu thức khai căn}
VD: \sqrt{a+b}

6. Bảng chữ cái Hy Lạp: alpha = \alpha, bêta = \beta, gamma = \gamma, Delta = \delta, rô = \rho, omêga = \omega, xích ma = \sigma, Xi = \Psi, phi = \phi



Một số kí tự khác:



Ý nghĩa ẩn giấu sau 10 logo thương hiệu nổi tiếng

Nhiều người nhìn thấy logo của LG, Amazon hay FedEx hằng ngày mà không nhận ra những ý nghĩa đằng sau chúng.

Dù người ta đã tốn nhiều giấy mực để bàn về ý nghĩa của logo LG, một số người khác phát hiện ra rằng có một khuôn mặt pacman ẩn giấu đằng sau logo của hãng này. Pacman vốn là một trò chơi điện tử rất phổ biến ở Nhật Bản và các nước phương Tây trong thập niên 1980. Sức ảnh hưởng của trò chơi này lớn đến nỗi từng có cả một "văn hóa pacman" thời kỳ đó.
Khi nhìn logo của cửa hàng sách trực tuyến lớn nhất thế giới Amazon, người ta dễ dàng nghĩ đến một cái miệng cười thân thiện. Tuy nhiên, nếu nhìn kỹ hơn, mũi tên chạy từ chữ A đến chữ Z hàm ý tại cửa hàng của Amazon, khách hàng có thể tìm thấy mọi thứ từ A đến Z.
Nhiều người đã nhìn logo của FedEx hàng trăm lần mà không nhận ra rằng có một mũi tên được tạo ra bởi hai chữ cái E và X ở cuối cùng. Mũi tên ngụ ý tốc độ của hãng chuyển phát nhanh này.
Logo của công ty phần mềm nổi tiếng thế giới Sun Microsystems bao gồm 4 chữ Sun đan xen nhau và có thể đọc được khi nhìn từ mọi hướng. Các chuyên gia đánh giá đây là ví dụ tuyệt vời về các loại logo có tính đối xứng.
Khi mới nhìn logo của hãng kem hiện có mặt tại hơn 30 quốc gia trên thế giới, khách hàng chỉ thấy hai chữ cái B và R, viết tắt cho thương hiệu Baskin Robbins. Tuy nhiên, sau đó người ta sẽ nhận ra số 31 được nhấn mạnh bằng màu hồng và tò mò muốn biết con số này tượng trưng cho điều gì. Đây là chiêu quảng cáo cho ý tưởng của hãng về việc bán 31 loại kem trong tháng, mỗi ngày một hương vị khác nhau.
Hãng truyền thông NBC sở hữu một trong những logo nổi tiếng nhất trên thế giới, bao gồm hình một con công đang xòe rộng đuôi, cổ nhìn sang bên phải, biểu lộ hàm ý công ty này luôn nhìn về phía trước, không phải phía sau.

carrefour
Carrefour là tập đoàn bán lẻ hàng đầu thế giới. Do là một công ty của Pháp, từ Carrefour trong tiếng Pháp mang nghĩa "đường giao nhau". Logo của hãng bao gồm chữ “C” ở giữa và 2 mũi tên chỉ hai hướng ngược chiều.
ive-Ten là một hãng nổi tiếng chuyên sản xuất giày thể thao, có trụ sở tại Mỹ. Logo này khiến người ta không thể quên cái tên Five Ten, khi nhìn từ một hướng họ sẽ nhìn thấy con số 5 và nhìn từ hướng khác thì lại nhận ra số 10.

Toblerone
Logo của thương hiệu socola Toblerone ẩn giấu hình một con gấu trên hình đỉnh núi. Con gấu này là biểu tượng của thành phố Berne, Thụy Sĩ, nơi sản xuất ra loại socola nổi tiếng thế giới này.

folkware
Logo độc đáo của dịch vụ thực phẩm trực tuyến Forkware mang hình cái dĩa (fork) quấn tròn như một dây mạng (wire). Logo này cũng trông như ký hiệu @, mang tính công nghệ cao.
Theo VnExpress

Bài đăng phổ biến