Google Drive là một giải pháp thật tuyệt vời để lưu tất cả mọi thứ trên đó nhằm giảm khối lượng lưu trữ trên blog. Google Drive là một dịch vụ lưu trữ miễn phí của Google cho phép mỗi tài khoản có thể lưu tối đa 15Gb dữ liệu trên đó (nếu sử dụng nhiều hơn sẽ phải nâng cấp lên tài khoản Pretium). Ưu điểm của nó là miễn phí, tải file dung lượng lớn và trích xuất dữ liệu với tốc độ cao. Lợi dụng điểm này nên rất nhiều người đã sử dụng Google Drive như một hosting miễn phí nhưng chất lượng cao. Thông qua bài viết này tôi sẽ hướng dẫn cách Lưu trữ CSS và Javascript trên Google Drive giúp tăng tốc độ tải trang cho blog và quản lý sử dụng file.
Cách lưu trữ CSS và Javascript trên Google Drive
1. Tìm mã CSS và Javascript để Upload
Trước tiên hãy chuẩn bị 2 file CSS và Javascript cần upload bằng cách đăng nhập vào Blogger, sau đó vào Mẫu và đến phần Chỉnh sửa HTML. Trong bảng HTML hiện ra, tìm đoạn mã dài nằm giữa cặp thẻ <b:skin>(.....)</b:skin>, sau đó lưu đoạn mã này bằng file Notepad với đuôi .CSS. Ví dụ: abc.css như hình bên dưới:
Tương tự như bước trên, để tìm đoạn mã Javascript, hãy tìm đoạn mã dài nằm giữa cặp thẻ <script type='text/javascript'>(.....)</script>, khi tìm được đoạn mã này hãy copy toàn bộ đoạn mã lưu bằng file Notepad với đuôi .JS. Lưu ý: Khi copy mã bạn phải copy hết toàn bộ mã nằm trong các cặp thẻ, kể cả khoảng trắng đầu tên hay cuối cùng. Chỉ cần thiếu một khoảng trắng hay thậm chí một dấu chấm sẽ gây ra lỗi.
(Lưu ý: Sau khi lưu 2 mã CSS và Javascript ra Notepad bên ngoài thì xóa các đoạn mã này trên web và ấn Lưu mẫu lại nhé)
Sau khi có được 2 file CSS và JS, bước tiếp theo đăng nhập vào Google Drive ở đây bằng tài khoản gmail của bạn và tiến hành upload 2 file này cùng một lúc.
Sau khi up load xong xuất hiện một bảng mới yêu Share các file này ở chế độ công khai, mặc định của nó ở chế độ riêng tư (Private) và nhớ chuyển nó thành chế độ công khai (Public) để trang web được phục vụ tất cả mọi người
Sau khi chia sẽ công khai xong sẽ xuất hiện bảng yêu cầu ấn vào Get Shareable link để lấy link sử dụng , copy 2 đường link này và lưu vào đâu đó để sử dụng cho bước tiếp theo (2 file CSS và JS sẽ có 2 đường link riêng biệt nhé )
2. Xử lý đường link sau khi Upload lên Google Drive
Sau khi upload xong bạn thu được hai đường link có dạng tương tự sau:
https://drive.google.com/file/d/0B9eVw8LwbrJ2d3JCc1JlMS1CTUE/view?usp=sharing
Bây giờ chỉ việc chuyển đường link trên thành đường link sau mới có thể chèn vào mã nhúng HTML:
https://googledrive.com/host/0B9eVw8LwbrJ2d3JCc1JlMS1CTUE
Rất đơn giản chỉ cần thay https://drive.google.com thành https://googledrive.com, file/d thành /host/ và loại bỏ phần phía sau đoạn mã là view?usp=sharing. Sau khi đã có được 2 đường link CSS và Javascript đã xử lý, bây giờ hãy sử dụng chúng để chèn vào web bằng cú pháp sau:
Đối với CSS sử dụng cú pháp:
<link rel = "stylesheet" type = "text / css" href =
"https://googledrive.com/host/0B9eVw8LwbrJ2d3JCc1JlMS1CTUE" />
Đối với Javascript sử dụng cú pháp:
<script type = "text / javascript" src = "https://googledrive.com/host/0B9eVw8LwbrJ2dnRnQWh2TFcxckU"> </ script>
3. Dán mã cú pháp vào HTML trang web:
Đến đây công việc cuối cùng rất đơn giản, chỉ cần dán 2 mã cú pháp phía trên vào dưới thẻ <head> trong bảng HTML và ấn Lưu Mẫu để hoàn tất
Như vậy là bạn đã hoàn thành xong công việc lưu trữ CSS và Javascript trên Google Drive. Bây giờ hãy vào trang webite và cảm nhận tốc tộ tải trang đã thay đổi rỏ rêt, tốc độ nhanh gấp 5 lần so với bình thường. Thật là tuyệt vời đúng không?
No comments:
Post a Comment