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

Tags: Lập trình websiteThiết kế web
Đố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ề

Bài viết liên quan

Phong cách thời trang thể thao cho nàng năng động

Phong cách thời trang thể thao cho nàng năng động

Mùa hè đến cũng là lúc các cô nàng nô nức đến phòng gym để luyện tập thể thao mong có thân hình bikini với phong cách cực cá tính và khỏe khoắn. Item được các chị em lự
Hỏi đáp đặt phòng khách sạn

Hỏi đáp đặt phòng khách sạn

Trungdan.com là một trang chuyên về dịch vụ đặt phòng khách sạn và tư vấn du lịch trong nước và quốc tế, để có được những chuyến đi vui vẻ và nhiều niềm vui thì ai cũng cầ
Phát hiện xác nạn nhân bị "cháy sém" tại Thủ Đô

Phát hiện xác nạn nhân bị "cháy sém" tại Thủ Đô

Vào khoản 7h45 sáng ngày 29/11, tại bờ đê sông Nhuệ (thôn Gia Phúc, xã Nguyễn Trãi, huyện Thường Tín, Hà Nội), một người nhặt rác tá hỏa khi phát hiện một người đàn ông tử vong
Việc Làm Củ Chi - Chuyên trang tuyển dụng HRVN.COM.VN

Việc Làm Củ Chi - Chuyên trang tuyển dụng HRVN.COM.VN

Với sự ra đời của rất nhiều trang web của cá và của những tổ chức chuyên về lĩnh vực tuyển dụng việc làm.Nhưng để duy trì được web chạy ổn định và có tuổi đời đủ vừ

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.

Bài viết liên quan

Thiết Kế Web Chuẩn SEO- SEO Từ Khóa Chuyên Nghiệp

Thiết Kế Web Chuẩn SEO- SEO Từ Khóa Chuyên Nghiệp

Trang web họat động hiệu quả sẽ đảm bảo khả năng mang về nhiều truy cập, nhiều đơn hàng. Sau đây, Công ty Seo Online sẽ hướng dẫn bạn thiết kế web chuẩn seo. Thời đại công
Thiết kế giao diện mobi cho blogspot

Thiết kế giao diện mobi cho blogspot

Để sử dụng giao diện mobile blogger thì trước tiên ta phải kích hoạt nó lên! 1- Đăng nhập vào Blog 2- Chọn Mẫu (Template) 3- Tại ô điện thoại di động (Mobile template) bấm vào
Cách xoá comment facebook trong website

Cách xoá comment facebook trong website

Để quản lý và nhận thông báo khi có comment trên website của bạn, bạn làm theo các bước sau +Truy cập https://developers.facebook.com/apps +Click vào nút: Apps ==>  Register as a Developer +N
Khắc phục photoshop gõ không được tiếng việt có dấu

Khắc phục photoshop gõ không được tiếng việt có dấu

Thật ra mình cũng như các bạn là những tội đồ về việc sử dụng photoshop mà không gõ được tiếng việt có dấu, ban đâu mình tìm hết trên diễn đàn và làm theo nhiều hướng dẫn c