fbpx

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ều ngày và không biết xử lý công việc lưu file js của temp

Bài viết liên quan

Danh sách website đã thực hiện bởi Seo Online

Danh sách website đã thực hiện bởi Seo Online

Danh sách những website dự án đã thực hiện bởi Seo Online, Chúng tôi tự hào luôn hoàn thành công việc của một nhà lập trình website sáng tạo cùng tiến bước với cộng đồng kinh doanh online trong nhưng năm tiếp theo... Công ty Seo
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

Như các bạn biết thì Blogger đã có tính năng tạo trang tĩnh (static page) để dùng tạo các trang giới thiệu, liên hệ, quy định sử dụng, chính sách riêng tư, diễn đàn, … Một đặc điểm đặc trưng của các trang tĩnh là không hiển th
Thay đổi tiêu đề bài viết thành thẻ h1 trong seo blogspot

Thay đổi tiêu đề bài viết thành thẻ h1 trong seo blogspot

Tầm quan trong nhất trong seo blogspot là các thẻ H, nếu như bạn tối ưu nó thành công xem như bạn đã làm được 30 đến 40% của việc tôi ưu hóa công cụ tìm kiếm trên Google, và các site tìm kiem1 khác..... Đối với 1 website yếu tố q
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 nghệ hiện nay mọi người tận dụng internet để giới thiệu

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.

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

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

Nguyên Tắc Xây Dựng Thương Hiệu Cá Nhân & Doanh Nghiệp

Nguyên Tắc Xây Dựng Thương Hiệu Cá Nhân & Doanh Nghiệp

Startup hay tự khởi nghiệp kinh doanh có thể là mục tiêu đầy vinh quang của nhiều người trẻ, nhưng để đi tới con đường thành công đó, không phải là điều đơn giản. Khó khăn là điều đầu tiên ai cũng gặp phải khi bắt đầu khởi nghiệp
Công Phượng kém may mắn Việt Nam hòa Jordan 1-1, ĐTVN dự Asian Cup 2019 với vị trí nhì bảng

Công Phượng kém may mắn Việt Nam hòa Jordan 1-1, ĐTVN dự Asian Cup 2019 với vị trí nhì bảng

ĐT Việt Nam đã vượt qua vòng loại với 9 điểm, đứng thứ hai sau ĐT Jordan (11 điểm). Trận đấu gặp Jordan thuộc lượt cuối bảng C Asian Cup 2019 sẽ quyết định đội bóng nào giành vị trí nhất bảng. Highlight trận đấu Hiện đội tuyển
Làm bánh bao kim trứng muối, món ăn vặt đang “hot rần rần

Làm bánh bao kim trứng muối, món ăn vặt đang “hot rần rần"

Bí quyết cách làm bánh bao kim trứng muối đang hot hiện nay. Công thức làm bánh bao kim trứng muối, món ăn vặt đang “hot rần rần”. Hương vị béo ngậy của trứng muối cùng lớp vỏ mềm mịn, thơm lừng sẽ đánh gục bạn ngay trong lần đầu
Cô gái Thái Nguyên bị chồng đánh đuổi ra khỏi nhà vì mang tiền về cho bố mẹ

Cô gái Thái Nguyên bị chồng đánh đuổi ra khỏi nhà vì mang tiền về cho bố mẹ

Có rất nhiều gia đình giàu có nhưng chi tiêu dè xẻn và ít khi cho ai đồng nào. Không ít chàng trai hay người đàn ông muốn tán gái xinh nhưng không chịu bỏ đồng nào mua quà biếu bố mẹ cô ấy. Rất nhiều cô gái xinh vì mờ mắt trước gi
Play All Replay Playlist Replay Track Shuffle Playlist Hide picture