Hiển thị các bài đăng có nhãn Web. Hiển thị tất cả bài đăng
Hack bảo vệ nội dung (content protection) của website
Á đù, cái éo gì thế nhở? Éo cho chọn nội dung hả?
Kéo xuống dưới thấy cái logo DMCA (dù nội dung này là copy từ chỗ khác - có link về nguồn gốc, củ chuối), đoán là cài một đoạn Javascript để không cho chọn nội dung (thời gian trước cũng đã đi hỗ trợ anh em cọp nội dung ở chỗ khác có cái "chưởng" này nên cũng quen rồi). Thế nên tý toáy xem là cái gì, thì đúng là có đoạn Javascript chống chọn, chống bấm chuột phải, chống bấm tổ hợp phím Ctrl+C hoặc Ctrl+Shift+I (để mở phần Inspect của Chrome), túm lại là tìm mọi cách để chống cọp nội dung từ đó về. Nhưng đã đưa lên web thì là đưa ra public rồi, toàn mã HTML thì đừng có chơi kiểu này, lộn mề.
Loay hoay tý thì làm cái bụp, để sau đó chọn và copy thoải mái 😋, thế nên pốt ra đây để ai cần thì dùng (thi thoảng mềnh cũng quay lại lấy để dùng) - chú ý: chỉ áp dụng cho trình duyệt Chrome.
Cụ thể các bước như sau:
Bước 1: mở tab mới của Chrome, bấm chuột phải và chọn Inspect (nếu dùng trên Windows thì bấm tổ hợp phím Ctrl+Shift+I là mở được cái này)
Bước 2: mở cái địa chỉ website/nội dung có phần chống cọp/bảo về nội dung ở trong tab này (lưu ý: nhớ thực hiện bước 1 trước đã)
Bước 3: sau khi trang web đã tải về/hiển thị xong, chọn tab "Console" (tại cửa sổ Inspect), copy đoạn mã Javascript (ở dưới) để hack/phá cái cơ chế bảo về nội dung, dán vào phần hiển thị hiện tại của tab "Console" rồi gõ Enter phát, thế là xong, giờ thì chọn mí cả copy thoải mái luôn
Đoạn mã Javascript để hack/phá cái cơ chế bảo về nội dung như sau:
document.body.onselectstart=function(){return true};document.body.onmousedown=function(){return true};document.body.dragstart=function(){return true};document.onkeydown=function(){return true};document.keypress=function(){return true};document.ondragstart=function(){return true};document.oncontextmenu=function(){return true};window.onkeydown=function(){return true};
Hi hi hi hi hi 😀😂😆😊😋😍😏😘
Cách khác (còn dễ hơn nữa): cài cái extension có tên Allow Copy vào Chrome rồi muốn làm gì thì làm, click để xem trên Chrome Store để mà cài 😀😂.
Một số blogs thú vị (2016)
- Action.vn: thông tin về startup
- iSocial: cộng đồng iSocial trên Facebook (về online marketing và mạng xã hội)
- Online Marketing của EQVN: same same iSocial (dưng không ngon và nhiều bằng)
Công nghệ, Lập trình, Web:
- ABSTRACTION HUB - của ông ẻm Trương Đắc Bình, khá nhiều bài hay về UI/UX, cafe, book review
- Lập trình & Cuộc sống: chủ yếu dịch bài từ blog công nghệ của các bạn Mẽo
- TechMaster Blog: giống VinaCode, đôi khi anh em ở VinaCode lại quẳng lên đây trước
- Hanoi Scrum: thực hành scrum ở đất Hà Nội
- Tạp chí Lập trình: tùm lum cả
- Kipalog: Keep a log - tùm lum cả, dưng chủ yếu ngó cái Javascript/Angular
- Awwwards: nhanh mục web đẹp (đoạt giải)
- Webdesign Inspiration: web đẹp, tham khảo bét nhè
- Agile Hobo: .NET, Xamarin, Visual Studio,....
Thông tin & Nghiên cứu:
- Blog của GS. John Vu về khởi nghiệp & STEM (GS. John Vu chính là Dịch giả Nguyên Phong của cuốn sách Hành trình về Phương Đông)
- Nghiên cứu Quốc tế: kho tư liệu hay ho của nó
- Trạm Đọc (Read Station): cho các con mọt sách
- 3 SÀM: cho các loại thông tin "lề dân"
Tools & Toys:
- Video Grabber: tải video online (Youtube, Vimeo) về máy xem chơi (cái này là tool, éo phải blog)
- Tải với VIP link (FShare, ....) trực tiếp: linksvip.net - fastheme.com
- Xem bóng đá với AceStream/SopCast: LiveSport.ws (tiếng Nga) - TopBongBa
Khác:
- Phan Phương Đạt: nhân sự, đồ gỗ tự chế, nuôi trẻ - hay nhất: làm phòng cho bé gái
- The X file of History: lịch sử với cái nhìn mới (Facebook page, éo phải blog)
- Tolkien Legendarium Việt Nam: thế giới trong The Lord of The Rings (Facebook page, éo phải blog)
- Game Of Thrones (VN): về phim là chính, còn truyện đọc cả gần 10 năm nay mà vẫn chưa có đến tập cuối (Facebook page, éo phải blog)
- Hướng dẫn làm máy bay giấy: hình ảnh từ Google Search, Maker Space Flight (Pinterest)
Mười năm trước cũng có một cái post dư thế lày, giờ xem lại danh sách thì chết sạch, chỉ còn lại một vài cái là:
- Viet-Studies của GS. Trần Hữu Dũng (đội dư lợn viên phá cũng nhiều, cướp domain cũng lắm nên truy cập rất tậm tịt)
- Cái Tôi thì chuyển sang thành Tâm Ngã
- Thuận VietSpider thì đổi sang thành Tôi học Java
- Blog của bác TanNg thì chuyển sang WordPress, dưng giờ cũng chẳng mấy khi viết.
Vậy nên post ra đây để lúc nào cần lại mở cho nhanh vậy (rồi để 5-10 năm nữa review lại xem còn mấy cái số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
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.....
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)
iPhone, iPad + HTML5 video = iHaveHeadache!
Tiên sư cái thằng Apple, 3 ngày hôm nay thử mọi trò mọi rợ để play được cái video H.263 (MP4) video trên iPhone với iPad mãi mà không xong, giờ vẫn éo chạy được, điên quá.
Thử các loại tool chuyển đổi, nào là Free Video Converter, Handbrake, Miro, ....
Convert trên Windows không được, phi sang Mac OSX 10.7 cũng éo xong, mà chỉ lỗi trên Safari Mobile mới điên, còn WebKit trên Android, BlackBerry thì lúc nào cũng chạy được với cái "Convert to iPhone 4". Éo biết sao nữa, tiên sư cái thằng Apple.
Nào là đọc đủ thứ article/blog mới cả tool-toi, liệt kê ra đây phát để sau xem lại:
Đọ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... -
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... -
Hiệu ứng domino và bí quyết tạo lập chuỗi các thói quen tích cực trong cuộc sống
Các hành vi của con người đều có mối liên hệ tương tác lẫn nhau Hãy lấy ví dụ về trường hợp của Jennifer Lee Dukes. Sau hơn 2 thập kỷ, từ k...
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)