Lưu trữ CSS và Javascript trên Google Drive sẽ giúp cho website của bạn đỡ nhẹ nhàng và hoạt động nhanh hơn, bạn chỉ cần một đường link duy nhất là có thể lấy ra toàn bộ css, javascript hay bất cứ file nào trên đó để ra sử dụng rồi.
Ngoài việc chúng ta có thể tải lên CSS, Javascript, chúng ta còn có thể tải nhiều liệu loại file khác nữa để sử dụng như hình ảnh, nhạc, video, flash...đơn giản chi cần lấy link folder kèm theo tên file như một hosting bình thường.
Step1: Upload file lên Google Driver
Chẳng hạn Sao chép CSS Từ Blogger
Tới Blogger Bảng điều khiển »Template» Chỉnh sửa HTML và tìm kiếm thẻ:
<b:skin><! [CDATA [
Sao chép toàn bộ mã Css này đến thẻ đóng
]]></b:skin>
và tão 1 file css để up lên
Đầu tiên mình sẽ tạo ra một Folder để lưu trữ file và chia sẻ
Tiếp tục chúng ta chia sẻ folder đó như lần trước, chọn vào More → Share → Share...
thay đổi tùy chọn Private sang Public để chúng ta có thể lấy được file trong đó để sử dụng
chia sẻ xong thì Save lại.
Click folder tải lên toàn bộ file mà bạn muốn, khi hỏi chia sẻ thì OK. Sau khi hoàn thành trên thanh địa chỉ của trình duyệt bạn sẽ thấy đường link của folder đó có dạng như sau
https://drive.google.com/#folders/0B04m_ldP5JJzMFNwY2pOX3llVlkĐể bạn lấy được một file bất kì bạn giữ lại phần đuôi của đoạn mã trên, còn lại chuyển đường dẫn lại, kèm theo tên file bạn muốn sử dụng như sau
https://googledrive.com/host/0B04m_ldP5JJzMFNwY2pOX3llVlk/leftclick.xmllà bạn đã lấy được link để sử dụng. Google Driver vẫn hoạt động tốt ngay cả với folder con, link tới file sẽ như thế này
https://googledrive.com/host/0B04m_ldP5JJzMFNwY2pOX3llVlk/test/test.txtChú ý: Folder test có một file test.txt
Bây giờ còn đơn giản hơn nữa nè, tại Google Drive folder mà bạn đã chia sẻ, tick chọn vào ô vuông ở đầu trang bạn muốn lấy địa chỉ url
Ngoài lấy link toàn bộ file để sử dụng, bạn còn có thể tận dụng nó tải lên cả một website bằng html lên để sử dụng.
Step 2: Thêm Google Drive Hosted file CSS trong Blogger
Vào Blogger »Template»Chỉnh sửa HTML.
Bây giờ tìm đến thẻ <head> paste đoạn code dưới đây cho link Css :
1<link href="https://googledrive.com/host/your-uploaded-file-code/" rel="stylesheet"></link>
Và đoạn code này cho link Javascript:
1<script src="https://googledrive.com/host/your-uploaded-file-code/" type="text/javascript"></script> </head>
Upload file Javascript và CSS lên Google Drive cho Blogger bạn cần gôm các file lại thành 1 file để Blog load nhanh hơn. Chúc bạn thành công!!!
Tag :
Blog Tips
0 Comment "Hướng dẫn upload file Javascript và CSS lên Google Drive cho Blogger"