Hiển thị các bài đăng có nhãn Blog Templates. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn Blog Templates. Hiển thị tất cả bài đăng

Tại sao Blogspot - WordPress bị chặn và cách vượt qua mà không phải dùng VPN hoặc đổi DNS

Hiện nay hai nền tảng blogging là Blogspot (Blogger - của Google) và WordPress đuợc rất nhiều blogger (từ người dùng nghiệp dư đến người dùng chuyên nghiệp) khắp thế giới sử dụng. Đặc điểm của cả hai hệ thống này đều có hạ tầng tốt, bảo mật cao, dễ dàng tuỳ biến, SEO tốt, và tất nhiên là hoàn toàn miễn phí.

Thế nhưng Blogspot và WordPress đều bị các ISP ở Việt Nam chặn toàn bộ (chặn DNS, đổi sang dùng Google DNS hoặc Open DNS là được), nghĩa là các web/blog có địa chỉ dạng .blogspot.com hay .wordpress.com đều không thể "truy cập bình thường" ở Việt Nam.

Vậy nên bài viết này đi tìm câu trả lời cho 2 câu hỏi:
  1. Tại sao Blogspot/WordPress bị chặn?
  2. Làm cách nào để vượt qua mà không phải dùng VPN hoặc thay đổi DNS? (để bất kỳ người dùng nào cũng có thể truy cập được).


1. Tại sao Blogspot/WordPress bị chặn?

Thông thường thì các dịch vụ kiểu này sẽ bị chặn khi:
  • Vi phạm pháp luật của Việt Nam
  • Vi phạm "thuần phong mỹ tục" của Việt Nam
  • Là đối thủ cạnh tranh trực tiếp với các ISP ở Việt Nam
Nhìn tất cả 3 cái nội dung trên, thì thấy Blogger lẫn WordPress đều không vi phạm vào điều gì cả, và cũng chẳng có ISP nào ở Việt Nam cung cấp dịch vụ blog để mà cạnh tranh trực tiếp. Vậy tại sao lại chặn? Ở "xứ thiên đường" này chỉ chỉ cần một lý do duy nhất: "chính trị".

Vậy "chính trị" ở đây là gì? Là do hai cái nền tảng này ngon quá nên có kha khá các blog "không vừa mắt" theo quan điểm của Nhà nước Việt Nam, phần lớn là các blog kiểu "báo lề dân" đối lập với hơn 600 "báo lề đảng", điểm ra thì cũng được vài cái như: Boxit, Dân Làm Báo, Quan Làm Báo, Chân Dung Quyền Lực (Blogspot) hay Anh Ba Sàm (WordPress). Trước thì cũng không chặn, dưng hai cái hệ thống này lại ngon, khó/không hack vào được, tấn công cũng không xong, cướp cũng không nổi, thế nên có cái mệnh lệnh "từ nơi lạ" là chặn lại, vậy là chặn thôi (và đừng có hỏi hay thắc mắc).

Giờ thì rõ rồi chứ, vậy làm thế nào để không bị chặn nhỉ? Có mấy cách như sau:
  • Google (Blogspot)/WordPress kiện Nhà nước Việt Nam về việc hạn chế sản phẩm của họ
  • Nhà nước Việt Nam "tự dưng" thay đổi (hay còn gọi là "tự diễn biến") nên bỏ mệnh lệnh chặn đi.
Khả dĩ không? HOÀN TOÀN KHÔNG

Thế nên buộc phải chấp nhận, và tìm cách khác thôi.

2. Vượt qua như thế nào?

Thực ra đây mới chỉ là chặn DNS (cho đến tháng 12/2016), nghĩa là cái ISP ở Việt Nam mỗi khi có yêu cầu (request) vào các sites/blogs .blogspot.com hoặc .wordpress.com thì trả về lỗi là không tìm thấy nên người dùng bình thường sẽ thấy trình duyệt web báo lỗi (nên sẽ không vào nữa). Do đó để vượt qua một cách đơn giản thì đổi DNS của máy tính/điện thoại sang sử dụng máy chủ DNS của nước ngoài chứ không dùng máy chủ DNS của các ISP ở Việt Nam nữa. Ví dụ như:
  • Google DNS: 8.8.8.8 và 8.8.4.4
  • Open DNS: 208.67.222.222 và 208.67.220.220
  • Symantec (Norton) DNS: 199.85.126.20 và 199.85.127.20
Cách khác (lời khuyên là nên dùng cách này, để lúc nào cũng an toàn): sử dụng VPN.

Nếu dùng máy tính, trình duyệt là Chrome thì cài cái extension có tên là "Hotspot Shield" vào là xài được ngay, còn trên mobile thì có cả mớ, nhưng nên dùng loại app trả tiền cho nó xịn (trên iOS thì nên bỏ $3 ra mua cái VPN Master Pro là ngon, còn không thì cứ tìm cái app miễn phí Hotspot Shield là cũng đủ ngon).

Gọi là "đơn giản" nhưng thực ra không đơn giản vì người dùng bình thường không biết làm cái món này. Vậy liệu có cách thức nào đơn giản hơn nữa để người dùng "bình thường" có thể "truy cập bình thường"? Câu trả lời là CÓ.

Để thực hiện được câu trả lời này thì cần làm 2 bước sau:

Bước 1:

Chuyển sang sử dụng tên miền (domain) riêng chứ không dùng mặc định ở .blogspot.com hoặc .wordpress.com nữa. Khi đó thì cần chi phí mua một cái tên miền, khoảng 250k/năm rồi đưa vào hệ thống blogging.

Đối với Blogspot thì miễn phí (giống như cái blog này là dùng tên miền riêng - tyrionguyen.com), còn đối với WordPress thì phải sử dụng bản trả phí ($3/tháng - ít nhất là cho bản Personal)

Bước 2: (thực ra bước này chỉ áp dụng đối với Blogspot)

Do các tài nguyên ảnh khi biên tập nội dung trong Blogspot sẽ được upload lên máy chủ của Google, sẽ có các địa chỉ là bp.blogspot.com, điều này dẫn tới có dùng tên miền riêng thì vẫn bị chặn không hiển thị được ảnh (vì tất cả các địa chỉ kết thúc với .blogspot.com là bị chặn tuốt tuột, không phân biệt đó là cái gì cả), thế nên mới cần dùng "mẹo" để xử lý tình huống này.

Và cái "mẹo" này là chỉnh ảnh trỏ sang địa chỉ khác (chỉ là địa chỉ khác của Google, còn vẫn là hệ thống máy chủ này), và cái mẹo này đòi khỏi phải cập nhật vào mẫu (template) một vài dòng code Javascript, thế nên cần biết một chút "kỹ thuật" để sửa mã HTML của mẫu (template), còn hem biết thì tìm ai đó biết mà nhờ thôi 😛😛😛😛😛

Cụ thể là đổi các địa chỉ ảnh từ ".bp.blogspot.com" sang "lh4.googleusercontent.com" hoặc "lh5.googleusercontent.com", vì bản chất đây là hệ thống máy chủ dùng để host các nội dung của người dùng, nhưng có nhiều tên miền khác nhau (để sử dụng cho các dịch vụ khác nhau mà).

Cụ thể hơn thì chính là đoạn code Javascript tý xíu ở dưới (với giả định sử dụng jQuery - $):
$('img').each(function(){
  this.src = this.src.replace(/[0-9]+.bp.blogspot.com/, 'lh4.googleusercontent.com');
});

Đơn giản thế thôi, test thử bằng cách dùng điện thoại (tắt wifi đi rồi dùng 3G - của MobiFone hoặc VinaPhone) truy cập lại chính cái blog này sẽ thấy ngon lành và tất cả các ảnh đều hiển thị tốt 😃😃😃

Hoặc là có cách đơn giản hơn, nếu thấy cái template "Simple Magazine" hiện tại của blog này đủ ngon để dùng, thì chỉ cần lấy về dùng là xong (trong template có sẵn cái đoạn mã trên để điều chỉnh ảnh và cả những thứ khác liên quan rồi), thế thôi.....

Mẫu (template) cho Blogspot dạng tạp chí đơn giản

Như hôm trước viết một cái post về đổi giao diện cho blog kiểu đơn giản và sạch sẽ (clean, clear and simple).

Giờ đã hoàn thành ngon lành, để dùng một mình thì phí nên share ra đây để ai cần dùng thì cứ lấy về mà dùng.

Mẫu này có mấy tính năng sau:
  • Hiển thị dạng tạp chí: hiển thị dạng slider (chỉ ở trang chủ - nhớ chỉnh cấu hình và nhập 1 dòng vào nội dung HTML ở phần bố cục, đó là cái nhãn sẽ tìm kiếm các bài nổi bật), chữ to, ảnh to, dãn cách lớn
  • Hiển thị danh sách nội dung có hình ảnh lớn và chữ to
  • Chia sẻ nội dung với một số mạng xã hội (Facebook, Twitter, Google+, Linked In, Pinterest)
  • Hộp tìm kiếm
  • Danh sách bài cùng chủ đề (cùng nhãn)
  • Danh sách bài khác (bài mới nhất)
  • Danh sách bài đọc nhiều nhất
  • Danh sách nhãn/phân loại (labels/tags/categories)
  • Đặt sẵn icon để sửa bài (khi xem chi tiết - nhớ chỉnh cấu hình để cho hiển thị cái edit icon này)
  • Phân trang danh sách nội dung, mặc định 10 bài/trang (nhớ chỉnh cấu hình để cho hiển thị 10 bài trên trang chính)
  • Hiển thị hệ thống bình luận của Facebook phía trước danh sách bình luận của Blogspot  😂😂😂 Thế nên muốn quản được còm thì cần đăng ký một cái app ở Facebook, đặt rõ ID của app và của account ở phần meta tags, còn nếu không muốn dùng hệ thống còm của Facebook thì tìm trong mẫu dòng sau và xoá đi là xong (<div class="comments fb-comments" data-colorscheme="light" data-numposts="7" data-width="100%"/>)
Đặc điểm công nghệ:
  • Dạng responsive, chạy tốt trên tất cả các thiết bị từ mobile tới máy tính (sử dụng Bootstrap 3)
  • Tự điều chỉnh menu thành 2 cấp (chỉ định các mục menu cấp 2 bằng cách đặt dấu gạch chân [ _ ] - underscore) ở vị chí đầu tiên
  • Khi xử lý các nhãn, thì nhãn có nội dung "Nổi bật" sẽ được bỏ qua (vì đây là nhãn dùng cho hiển thị bài nổi bật dạng slide ở trang chủ)
  • Sử dụng font Roboto của Google Fonts để đem lại cách hiển thị tốt nhất khi đọc nhanh
  • Các icon đều sử dụng Font Awesome 4, độ phân giải cao mà dung lượng lại bé 😋
  • Cuối cùng (và cũng là hay ho nhất) 😍😍😍: tất cả các ảnh (nội dung, nền, link, ...) đang hosted ở địa chỉ "bp.blogspot.com" sẽ được "chuyển" sang sử dụng "lh.googleusercontent.com" để tránh bị chặn bởi ISP Việt Nam (vì ISP Vietnam "nhận lệnh lạ" để chặn DNS của tất cả các site .blogspot.com hoặc .wordpress.com)
Download XML tempate ở đây:
  • Minified: đã nén toàn bộ CSS và Javascript để trang chủ còn khoảng 20KB (tải nhanh nhất đối với mobile)
  • Original: không nén CSS và Javascript, để vọc hoặc muốn xem tui làm gì (kích thước các trang web sẽ tăng lên khoảng 2-3 lần)
Hướng dẫn upload và cập nhật vào Blogger.com thì có, dưng viết sẽ dài quá nên đọc tạm hướng dẫn của các bạn Sora Templates tý nhé.