Hiển thị các bài đăng có nhãn Blogspot. Hiển thị tất cả bài đăng
Đổi giao diện cho blog - chu kỳ 5 năm ;-)
Chuyện là thế này, blog thì tạo ra từ hồi 2004, tất nhiên lúc đầu là rất hăng, viết loạn xạ, cọp loạn xạ về. Và theo thời gian là cứ nhạt dần nhạt dần...
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
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:
- Tại sao Blogspot/WordPress bị chặn?
- 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
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.
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
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(){Đơ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 😃😃😃
this.src = this.src.replace(/[0-9]+.bp.blogspot.com/, 'lh4.googleusercontent.com');
});
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.....
Làm thế nào để xoá các ảnh đã upload lên Blogspot (Blogger)?
Thường thì giải pháp của Google là dùng cái Picasa Web, dưng từ ngày có cái Google Photos thì cái Picasa này lại éo chạy được "bình thường".
Vậy nên muốn vào thì phải có đường dẫn đặc biệt, và đây là đường dẫn để vào quản lý các ảnh của Picasa, trong đó có phần ảnh đã upload lên Blogger rồi (tất nhiên xoá được).
URL: http://picasaweb.google.com/lh/myphotos?noredirect=1
Cứ thế mà chiến thôi
Mẫu (template) cho Blogspot dạng tạp chí đơn giản
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)
- 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)
I'm comming home...
Chẳng là tui làm theo cái hướng dẫn của Blogger, đặt lại ngày tháng cho một cái post tại phần "Post Options" ở ngay dưới (như hình bên) nhưng thế quái nào đó mà lúc nào nó cũng lấy thời gian hiện tại (ngày và giờ lúc bấm vào cái nút "Publish") để đặt cho các post cũ đã chỉnh sửa này. Thế là một loạt các post bị toán loạn, có cái từ đời tám hoánh nào rồi thì sau khi sửa lại nhảy tót lên đầu, thế có điên không?
Sau vài lần như vậy, gửi issue cho Blogger, rồi cả cho supporter của Google thì chỉ nhận được email trả lời cảm ơn và hứa hẹn sửa, nhưng sau 2 tháng thì vẫn thế, và bờ-nốc của tui loạn hết cả. Bực cái thái độ (thực ra là cú vì không có cách nào can thiệp được), thế nên hạ béng nó xuống cho rảnh nợ. Và cứ thế, gần 1 tháng đã qua...
Hôm nay rảnh rang cái đầu, nghĩ thấy có thể do mình đặt ngôn ngữ là tiếng Việt, thế nên ngày tháng cũng là kiểu tiếng Việt nên có thể thằng Blogger.com này không có hiểu được (phọt phẹt nhở), thế là mở trở lại, vào phần Settings đặt lại ngôn ngữ là English (United States) một phát, chuyển ngày tháng kiểu Mỹ là tháng/ngày/năm thử cái xem, bốp, hố hố, được ngay.... Hoá ra thế, vậy nên tui hăm hở cho bờ-nốc quay trở lại, và hí hoáy viết cái post này để công bố: "I'm comming home... I'm come back...."
Giao diện mới, tinh thần mới, ... và nhiều cái mới...
Chuyển sang một giao diện mới chắc chắn sẽ đi kèm với một tinh thần mới, và nhiều cái mới nữa... (kể bây giờ không được vì chửa có nghĩ ra cái gì). Nhưng kể ra cái weblog này cũng viết linh tinh được 200 posts, tính ra cũng kha khá (vì viết một nửa, copy và bình luận một nửa), thế nên nghĩ cái đoạn re-publish cũng thấy oải vì server dạo này đông người quá. Nhưng ơn trời, đã re-pulish xong (cũng khá khá thời gian).
Vậy viết vài dòng lăng nhăng để tạm thay cho cái thông báo "mẹt" mới, giờ "ngất" phát đã, sáng còn "đi khách"....
Đọc nhiều nhất
-
Đường Định mệnh (Sự nghiệp/May mắn)
Dẫn nhập: ngày trước cũng tò mò về cái chủ đề chỉ tay, rồi xem tay, rồi tự đọc và tìm hiểu loạn xị cả lên, thực ra kết quả chính là để loè g... -
Phim: Buddha – Cuộc Đời Đức Phật Thích Ca
Bộ phim Buddha về cuộc đời Đức Phật Thích Ca Mâu Ni từ đản sanh đến niết bàn. Bộ phim lấy cảm hứng ( hoặc cũng có thể gọi là được chuyển t... -
Xem phim "Analyze This" của Robert De Niro
Hôm nọ có xem cái phim "Analyze This" của Robert De Niro về xem, thấy vui vui, nay giới thiệu sơ sơ với mọi người... -
Nguyệt Ánh: Chill-out là thương hiệu của tôi
Chủ đề cuộc gặp lần này xoay quanh dự án Nguyệt Ánh Chill-out của Nguyệt Ánh đang được chú ý trên báo chí, trong các forum âm nhạc và cả ở ... -
Nếu không có thực lực, bạn chỉ là kẻ ăn bám
Dựa vào núi núi đổ, dựa vào người người chạy, chỉ có tự dựa vào chính mình mới là đáng tin cậy nhất. Ba mẹ có là ông nọ bà kia đi chăng nữa... -
Tại sao nhà Tây Sơn sụp đổ?
© Giang Lê - The X file of History Trong lịch sử Việt Nam tồn tại không ít các cuộc khởi nghĩa nông dân; tuy nhiên đỉnh cao nhất phải kể ... -
36 câu hỏi để yêu nhau
20 năm trước, nhà tâm lý học người Mỹ Arthur Aron đã tự soạn ra một bộ 36 câu hỏi, với mục đích khiến cho hai người hoàn toàn xa lạ yêu nhau...
Tham khảo
Liên kết web
Phân loại
Báo chí
(55)
Văn hoá
(33)
Tâm lý
(29)
Tán nhảm
(27)
Công nghệ
(25)
Blog
(17)
Xã hội
(16)
Nghề nghiệp
(15)
Phim
(15)
Quora
(14)
Con người
(13)
Kinh doanh
(13)
Nhạc
(13)
Cuộc sống
(11)
Kỹ năng
(11)
Marketing
(11)
Công cụ
(10)
Lập trình
(10)
Lịch sử
(10)
Sách
(10)
Cặp đôi
(9)
Phát triển
(9)
Thiền
(8)
Tình yêu
(8)
Tản mạn
(7)
Sức khoẻ
(6)
Chính trị
(5)
Giáo dục
(5)
Hạnh phúc
(4)
Kim Dung
(4)
Kiếm hiệp
(4)
Mạng xã hội
(4)
Phát triển cá nhân
(4)
Phần mềm
(4)
Tiền tệ
(4)
Tài chính
(4)
Thực hành
(3)
Tâm linh
(3)
Quản lý công việc
(2)
Quản lý thời gian
(2)
Tiếp thị
(2)
Chăm sóc khách hàng
(1)
Làm việc
(1)
Lãnh đạo cá nhân
(1)
Nguỵ biện
(1)
Quản lý cá nhân
(1)
Thương hiệu
(1)
Tình dục
(1)