Chặn Blogspot chuyển hướng sang tên miền quốc gia

Google có một danh sách các tên miền theo từng quốc gia, ví dụ như khi bạn vào Google.com từ:

• Việt Nam sẽ thấy chuyển sang Google.com.vn
• Nhật Bản sẽ thấy chuyển sang Google.co.jp
• ...

Tương tự với Blogger (Blogspot), người dùng từ các quốc gia khác nhau sẽ thấy bị chuyển sang các tên miền khác nhau. Tuy nhiên, gần đây một số độc giả ở nước ngoài báo lỗi với tôi rằng truy cập vào Juno_okyo's Blog thì thấy tình trạng trang bị refresh (tải lại) liên tục, khiến không thể đọc được bài viết. Để khắc phục vấn đề này, các bạn hãy thêm /ncr (no country redirect) vào cuối tên miền blog để ngăn chặn chuyển hướng đến phiên bản blog địa phương.
Read More

Read More

Sử dụng Composer trong CodeIgniter

Tải các thư viện PHP cần thiết

Trước tiên, tạo một tập tin composer.json trong thư mục application và chỉ định các thư viện PHP mà bạn cần dùng cho dự án của bạn. Ví dụ:
Read More

Read More

Tắt thanh ngôn ngữ trong Windows 10/8.1

Tình hình là sau khi tôi mua laptop mới thì nó cài sẵn Windows 8.1, mà từ phiên bản 8.1 trở lên thì cái thanh ngôn ngữ (Language Bar) nó hiển thị khác với các phiên bản trước của Windows nên không tắt được theo cách thông thường. Bài viết này sẽ hướng dẫn cách tắt thanh ngôn ngữ trong Windows 8.1/10 cho bạn nào chưa biết nhé!
Read More

Read More

[Show] C# - MYCHAT Nhắn tin, gửi file qua LAN

Bọn mình vừa mới học xong môn Lập trình mạng. Nói thẳng ra là lúc học trên lớp không để ý mấy, bị hổng nhiều quá, nên học xong mới quyết định viết 1 cái app nho nhỏ. Chẳng biết đặt tên là gì nên cứ đặt đại là MYCHAT  :D
Về cơ bản my chat có những tính năng sau:

• Nhắn tin qua lại trong mạng (LAN)
• Gửi file, hỗ trợ file dung lượng lớn (chưa test max, nhưng theo lý thuyết thì khoảng 2TB :) ). Nếu file là ảnh thì sẽ hiển thị trực tiếp
• Hỗ trợ nhiều client, server gửi đồng loạt cho các client nhưng client chỉ gửi cho server thôi, tùy chỉnh nickname, giao diện màu sắc cho từng client
• Giao diện phẳng
• Sau khi đóng chương trình, các file vừa nhận sẽ bị xóa, vì vậy nếu muốn giữ lại file thì phải copy ra thư mục khác trước khi đóng chương trình…

Trong chương trình đã sử dụng

• Truyền tin qua socket TCP, sử dụng StreamWriter, StreamReader
• Đa tiểu trình, đồng bộ hóa, delegate
• FileStream, FlashWindow
• HTML, JS, Uri,…

Giao diện chương trình

Giao diện khởi chạy, sẽ có lựa chọn là server hoặc client, nếu chạy là client thì bạn phải nhập địa chỉ IP của server vào ô

Giao diện phía client

Giao diện phía server, cột bên phải là danh sách các client đã kết nối

=> DOWNLOAD <=

Read More

HTTPS sẽ là giao thức mặc định của Blogger/Blogspot

Bắt đầu từ tháng 9/2015, Google đã ra thông báo chính thức hỗ trợ HTTPS cho Blogger. Tuy nhiên vẫn cho phép người dùng sử dụng cả hai giao thức cùng lúc, tức là có thể truy cập bằng cả HTTP và HTTPS. Theo tôi nghĩ thì Google đã cho người dùng thời gian để khắc phục vấn đề Mixed Content nên cho tới tận bây giờ (4/2016) thì Google mới bắt đầu thông báo HTTPS sẽ là giao thức mặc định.

Read More

Read More

Xây dựng bộ lọc bình luận spam trên Facebook

Bài viết này ghi lại quá trình mà tôi hỗ trợ xử lý một fan-page ngăn chặn các bình luận spam. Tôi đã sử dụng những công cụ nào và ngăn chặn spam ra sao? Cùng theo dõi nhé!
Read More

Read More

Chương trình xem ảnh sử dụng PictureBox và OpenFileDialog trong C#

Chào các bạn!

Nhiều bạn thắc mắc muốn thao tác với ảnh bằng C# Winform thì làm như thế nào, hôm nay mình sẽ hướng dẫn các bạn cách kết hợp hai control cơ bản là PictureBox và OpenFileDialog để làm một chương trình "Picture Viewer" trong C#

Đầu tiên các bạn tìm hiểu sơ lược về hai control này nhé.

PICTURE BOX TRONG C#

PictureBox là một control khá hữu dụng của C# .NET. Nó cung cấp một vùng hình chữ nhật để chèn ảnh bất kỳ và kích cỡ có thể tùy chỉnh bằng nhiều cách khác nhau.

Picturebox hỗ trợ nhiều định dạng ảnh: BMP, GIF, JPEG, EXIF, PNG và TIFF, ICO... (các định dạng được GDI+ hỗ trợ)

PictureBox có thể lấy ảnh từ ổ cứng của bạn hoặc từ Internet

Đầu tiên mình sẽ hướng dẫn các bạn chèn ảnh từ ổ cứng:

Mình sẽ dùng ảnh PNG trong ví dụ bên dưới, các định dạng khác cũng làm tương tự.

Tại sao chúng ta lại phải thiết lập thuộc tính Width và Height? Vì ảnh của chúng ta và kích cỡ của PictureBox có thể khác nhau rất nhiều, nếu như không thiết lập thì ảnh có thể sẽ bị crop. Ngược lại muốn crop ảnh theo kích cỡ mong muốn thì cứ thiết lập thuộc tính Width, Height của PictureBox

Picturebox cũng có các thuộc tính tương tự như các control cơ bản khác, tuy nhiên có một số thuộc tính mới cần nói như SizeMode.
Thay vì thiết lập thuộc tính Width và Height của PictureBox, hoặc hình ảnh. Chúng ta có thể thiết lập nhanh bằng một số tùy chọn .NET cung cấp sẵn:

Chúng ta còn các SizeMode khác như (Normal, Zoom: căng ảnh nhưng duy trì tỉ lệ aspect ratio, AutoSize: tự thiết lập size của pictureBox bằng với size của ảnh, CenterImage: Center ảnh vào trung tâm PictureBox, StretchImage: căng ảnh lên theo 2 chiều cho vừa với khung pictureBox)

Tiếp theo là chèn ảnh từ Internet. Ví dụ trên mình đã dùng thuộc tính ImageLocation để chèn ảnh bằng địa chỉ của nó. Vậy thì địa chỉ hình ảnh trên Internet thì sao nhỉ?
Chúng ta thử gán nhanh cho thuộc tính ImageLocation trong cửa sổ properties với giá trị: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_4AjKZmor_E-j353JRuB0l1GGX47HwNwZLHCzfjmwP9QpvTLE80Z-c9D5nmhcmaRP3O1Z_dNYmEyC2DY8Zw3VUZ8yFtrs50LGOG1lgLXnSugYDxLeKlb3Mt0h0s4YD7EKGmgH3Rr9mpg/s1600/cooltext125983511023412.png. Sau đó chạy thử chương trình lên và kết quả sẽ là:

Về phần sự kiện của PictureBox thì chúng ta cũng có các sự kiện cơ bản như các control khác (Click, Mouse Hover,...). Vậy là xong phần PictureBox, chúng ta cùng sang control thứ hai cần thiết để hoàn thành chương trình này.

OPEN FILE DIALOG TRONG C#

OpenFileDialog (OFD) cho phép người dùng browse một thư mục hoặc tệp tin. Là control thường thấy trong rất nhiều ứng dụng. Nhất là các gói cài đặt thường cho bạn chọn thư mục để cài.

Để cài đặt một OFD các bạn kéo nó ra từ thanh Toolbox, nhóm Dialogs.
Thường thì chúng ta sẽ thiết lập các thuộc tính cho OFD ở ngay trong khung Properties. OFD cũng có thuộc tính Name, Title, Tag,.. như các control khác. Tuy nhiên một số thuộc tính mới như:
- FileName: Tên mặc định của File. Nếu các bạn gõ vào đây "fileName1" thì khi mở hộp thoại "fileName1" sẽ đặt mặc định trong ô FileName. Vậy nên các bạn nên xóa và để trống thuộc tính này
- Filter: Bộ lọc file. Thông thường ta chỉ cần một số loại file nhất định, nhưng nếu thư mục có quá nhiều file khác nhau thì việc tìm kiếm sẽ mất nhiều thời gian. Nên chúng ta có thể thiết lập thuộc tính Filter để lọc ra các loại file mong muốn.
Ví dụ: ofd.Filter = "Windows Bitmaps|*.bmp|JPEG Files|*.jpg"
Cứ theo định dạng mô tả | *.đuôi tệp tin. Giữa những loại tệp tin với nhau cũng là một dấu gạch đứng |.
- CheckFileExist, CheckPathExist: Các bạn để mặc định là true để OFD kiểm tra file và đường dẫn có hợp lệ, tồn tại không.
- InitialDirectory: Thư mục mặc định mà khi OFD được show ra sẽ nằm ở đó.
- MultiSelect: Nếu các bạn muốn chọn nhiều file một lúc thì cho bằng true.
- ...

Để mở hộp thoại OFD, chúng ta cần một button và thiết lập cho nó sự kiện Click để chạy code show OFD.

DIALOG RESULT

DialogResult là một biến kiểu Enum, dùng để nhận giá trị trả về của var.ShowDialog(). Để kiểm tra xem người dùng vừa click nút nào, dự định làm gì.
DialogResult chứa các giá trị như: OK, Cancle, Ignore, Try, Yes, No,...

Vậy thì tiếp theo làm sao để ta lấy được hình ảnh từ OFD? Chung ta sẽ lấy đường dẫn của ảnh vừa chọn bằng thuộc tính FileName của OFD.

 Image img = Image.FromFile(openFileDialog1.FileName); 

Vậy là chúng ta đã học xong được tất cả các chức năng chính của PictureBox và OpenFileDialog rồi. Giờ chỉ còn kết hợp nó để làm chương trình xem ảnh thôi :D

Mình sẽ cung cấp code mẫu ở đây luôn. Ai có gì không hiểu thì bình luận hoặc pm trực tiếp mình qua facebook/email nhé

Chúc các bạn học tốt! Chào và hẹn gặp lại

Read More

Tản mạn lan man phần 2: Thank you, Karmi Phúc!

Bài viết này nói về Karmi Phúc - tác giả của Facebook Favorite - một người bạn đặc biệt, người khiến tôi trở thành Chrome Extension Developer.
Read More

Read More

Khoe "áo mới" - Clean Blog Template

Xin chào! Chắc các bạn cũng đã nhận ra Juno_okyo's Blog có giao diện mới rồi nhỉ?

Đây là template Blogger đầu tiên do tôi tự làm, convert dựa trên template Clean Blog được cung cấp miễn phí bởi Start Bootstrap. Và dưới đây là những gì tôi đạt được khi tự tay làm một template thay vì dùng hàng sẵn có.

Đạt điểm tối đa của PageSpeed Insights

Khó có thể kiếm được một template Blogger nào đạt 100/100 điểm trên PageSpeed Insights (công cụ đo tốc độ tải trang uy tín của Google). Và một điều nữa có thể khiến bạn ngạc nhiên đó là template gốc mà tôi convert sang thì chỉ đạt 87/100 điểm.

Giao diện thân thiện với thiết bị di động

Điều này khá dễ hiểu vì template này được dựng trên Bootstrap - một CSS Framework đã quá nổi tiếng, đặc biệt là về khả năng responsive (tương thích đa thiết bị).

Không những thân thiện mà template này còn đạt điểm gần như tuyệt đối về trải nghiệm người dùng.

Hỗ trợ đầy đủ SEO tag và Rich Snippet

Đây là kết quả kiểm tra bằng công cụ của Google.

Lý do chọn Clean Blog để convert thành Blogger Template?

Đơn giản là vì đây là template có phong cách giống với Ghost và Medium - 2 nền tảng viết blog mà tôi rất thích. Và việc quyết định tự làm một template với mục đích chính là để tìm hiểu thêm và core của Blogger, nền tảng blog mà tôi đã gắn bó được một thời gian dài.

Bạn có muốn biết tôi đã học được những gì sau khi tạo ra template này? Hay muốn biết làm thế nào mà tôi có thể đạt được điểm tối đa trên Google PageSpeed Insights? Hãy đón đọc trong bài viết tiếp theo nhé!

Read More

[Bài 12] - Các tham số Event trong C#

Chào các bạn!

Chắc hẳn qua một thời gian dài học C# cùng với blog các bạn cũng đã từng nhiều lần sử dụng event trong chương trình của mình nhỉ?
Ví dụ cơ bản với một sự kiện nhận biết chuột vừa được click xuống

private void btn_MouseDown(object sender, MouseEventArgs e)
{
   //Do something...
}

Các bạn có bao giờ thắc mắc các tham số object sender và MouseEventArgs e là gì không?
Đó là những tham số của event, được tạo và gán giá trị bởi Visual C#. 

THAM SỐ ĐẦU TIÊN: object sender
Sender mang kiểu dữ liệu object dùng chung, tổng quát.
Sender chứa một tham chiếu tới control/object đã gây ra event. Chúng ta có thể ép kiểu sender lại trở thành control/object để xử lý
Ví dụ: 

//Thay đổi text của button được click

protected void btn_Click (object sender, EventArgs ea)
{

    Button btn = sender as Button; 
    if(btn != null)
    {
        btn.Text = "I was clicked!";
    }
}

THAM SỐ THỨ HAI: MouseEventArgs e
Tham số này là nơi hành động thực sự xảy ra, tham số e cũng chứa một đối tượng, nhưng là kiểu cụ thể của một loại các tham số của mouse event, chứa các dữ liệu của event
Vậy thì MouseEventArgs sẽ chứa gì?
Bạn có thể tham khảo EventArgs Class từ MSDN hoặc các nguồn khác để xem thông tin, hoặc gọi biến e ra, rồi ấn dấu chấm "." để xem các thuộc tính/phương thức của e.

Trong đó:
 - Clicks: trả về số lần người dùng đã click chuột vào control đó
 - Button: trả về nút đã được nhấp (trái, giữa, phải)
 - X, Y: trả về tọa độ x,y mà con trỏ đang ở lúc sự kiện khởi chạy
 - ...

Mỗi event handler đều có các tham số riêng cho nó. Ví dụ btn_Click và btn_MouseClick sẽ có hai tham số EventArgs và MouseEventArgs khác nhau. Nên tùy theo nhu cầu sử dụng mà ta sẽ gọi sự kiện cho hợp lý

Trên là những gì cơ bản về tham số của event, các bạn có thắc mắc thì bình luận mình sẽ giải đáp. 
Chào và chúc các bạn học tốt!!

Read More