Lưu file js và css template lên host google drive

Đối với tất cả chúng ta ai đã view vào để xem bài viết này thì không ai mà chỉ xem cho biết mà ai cũng đang cần đến những hướng dẫn trong bài, mình đã như các bạn trong nhiều ngày và không biết xử lý công việc lưu file js của temp như thế nào, sao đó mình vô tình tìm được thông tin trên một blog, giờ mình share để chúng ta cùng nhau có tư liệu cho công việc quản lý temp của blogspot.

1. Tại sao phải lưu tập tin trên Google Drive?

  • Dung lượng lưu trữ lớn: Google Drive cung cấp cho bạn lưu trữ lên đến 15 GB dùng chung cho tất cả các dịch vụ của Google.
  • Dễ sử dụng: chúng ta đã quá quen thuộc với việc dùng email của Google nên việc sử dụng thêm Google Drive là không hề khó khăn.
  • Độ tin cậy cao: file luôn tồn tại và không bao giờ bị xóa.
  • Miễn phí: bạn hoàn toàn có thể lưu và chia sẻ file thoải mái.

2. Ưu điểm của Hosting CSS / JavaScript trong một tập tin là gì?

Nếu những ai đã quen thuộc với thiết kế web bằng Blogger thì đều biết rằng việc chỉnh sửa cả một đoạn code trên Blogger là vô cùng rắc rối và phiền phức khi phải phụ thuộc khá nhiều vào việc đặt code trong các thẻ (Tag) HTML. 
Do đó việc kết hợp tất cả các kiểu (style) và các đoạn mã vào trong một file duy nhất sẽ giúp ta tối ưu được đoạn code dài loằng ngoằng cũng như dễ chỉnh sửa và quản lý về sau.

3. Cách lưu tập tin CSS và Javascript lên Google drive

Sau đây là một đoạn code phân trang cho bài viết trên Blogger:

<style type=’text/css’>
#blog-pager{height: 28px;
padding: 10px 0 0;
overflow:hidden;
text-align:center;
}
.showpageArea a {text-decoration:underline; font-size: 16px;      text-align: center;}
.showpageNum a {font-size:16px;text-decoration:none;border: 1px solid #cccccc;margin:0 5px;padding:5px;}
.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}

.showpagePoint {font-size:16px;text-decoration:none;border: 1px solid #cccccc;background: #216FD9;margin:0 5px;padding:5px;color:#ffffff;}

.showpageOf {text-decoration:none;padding:5px;margin: 0 5px;}
.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:5px;}
.showpage a:hover {text-decoration:none;background: #cccccc;}
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}</style>
<script style=’text/javascript’>var pageCount=7;
var displayPageNum=5;var upPageWord=”Previous”;var downPageWord=”Next”;</script>
<script style=’text/javascript’ src=’//netoopscodes.googlecode.com/svn/netoops-page-nav-v2.js’></script>

Trong đoạn code trên,bạn sẽ thấy một lệnh sử dụng source code là một file javascript từ bên ngoài (màu đỏ). Điều ta cần làm là lưu lại file này lên Google drive để sử dụng thay vì dùng file của người khác để tránh tình trạng file bị xóa sau này.

a. Tạo file .js

Mở link file js này trong trình duyệt, click phải vào trang web chọn Save Page As –> Đặt tên file có kèm đuôi .js

b. Lưu file lên Google Drive

Các bạn hoàn toàn có thể tải file lên trực tuyến hoặc dùng ứng dụng Google Drive. Bạn cần lưu ý thay đổi quyền truy cập file thành Public để có thể sử dụng cho Blogger. Hãy làm như sau:
Click phải vào file –> chọn Share… như hình bên dưới:


Sau đó ta chỉ việc thay đổi quyền truy cập file từ Private sang Public theo hai bước sau:

 

 

c. Lấy link file để sử dụng cho Blogger

Trong bước trên ta đã thấy link chia sẻ của file, tuy nhiên link này chưa thể sử dụng trực tiếp cho Blogger được mà cần thay đổi chút ít. Cụ thể ta làm như sau:
Link gốc:

https://drive.google.com/file/d/0B5hv2a4VX3SRRGplZ3k5dlh4ZDQ/edit?usp=sharing

Link mới:

https://googledrive.com/host/0B5hv2a4VX3SRRGplZ3k5dlh4ZDQ

Khi thay đổi link, bạn cần phải đảm bảo mã file (màu đỏ) được giữ nguyên. 
Đến đây thì bạn đã có thể sử dụng link này cho các đoạn code bên trong Blogger của bạn.

May đồng phục
Tags: Lập trình websiteThiết kế web

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Bài viết liên quan:

Thiết Kế Website chuẩn di động là gì?

Thiết Kế Website chuẩn di động là gì?

Cách không cho bài viết hiển thị ngoài trang chủ blogger

Cách không cho bài viết hiển thị ngoài trang chủ blogger

Hợp tác share link dofollow

Hợp tác share link dofollow

Dân SEO cần biết: Xu hướng SEO mới nhất hiện nay

Dân SEO cần biết: Xu hướng SEO mới nhất hiện nay

Cài WordPress trên host miễn phí 000webhost

Cài WordPress trên host miễn phí 000webhost

Tạo form google liên hệ chuẩn đẹp

Tạo form google liên hệ chuẩn đẹp

Xem thêm nhiều hơn

Khách Sạn Huyền Bí 3 - Kỳ Nghỉ Ma Cà Rồng ( 2018 ) VietSub - Thuyết Minh

Khách Sạn Huyền Bí 3 - Kỳ Nghỉ Ma Cà Rồng ( 2018 ) VietSub - Thuyết Minh

video

Tâm sự của người đàn bà khi bị chồng nghe mẹ mà đánh vợ ngay trên bàn mổ đẻ

Tham quan lễ hội hải sản lên men khi du lịch Hàn Quốc

Tham quan lễ hội hải sản lên men khi du lịch Hàn Quốc

Ngôi sao Mỹ Eva Longoria tỏa sáng với tấm lòng nhân ái

Ngôi sao Mỹ Eva Longoria tỏa sáng với tấm lòng nhân ái

video

Những loại mặt nạ chống lão hóa da từ thiên nhiên

Xót xa với hoàn cảnh cả gia đình nghèo bỏng nặng do nổ hầm cầu

Xót xa với hoàn cảnh cả gia đình nghèo bỏng nặng do nổ hầm cầu

Nhận may đồng phục, cơ quan, xí nghiệp, công ty, nhà hàng, khách sạn, spa, thẩm mỹ viện, Mầm non, Cafe giá rẻ nhất, TpHCM, Bình Dương, Long An, Đồng Nai. May theo yêu cầu đơn hàng, nhận gia công Thêu, In, tên, logo công ty lên đồng phục, may đồng phục giá rẻ tại TPHCM, khăn và vật liệu trên vải, may rèm cửa các loại…

Sài Gòn “Ho Chi Minh” Viet Nam">