Lưu trữ trên Firebase ư? Lạ đúng không, chắc các bạn từng nghe đến các tên Firebase rồi! Không nhớ lầm thì bài đăng cũ nhất của Anh Nhím Blog chính là hướng dẫn các bạn tạo cái lượt xem cho blogspot thông qua Firebase ấy. Hôm nay Anh Nhím Blog sẽ hướng dẫn các bạn lưu trữ file css và js trên Firebase.
Mục lục:
- Mục Đích
- Thực Hiện
- Lời Kết
Thực Hiện
1. Đăng ký và đăng nhập tại đây. Firebase (Là một sản phẩm của GOOGLE nên các bạn có thể đăng nhập qua gmail nha.)2. Sau đó vào link sau : https://console.firebase.google.com/
3. Nhấn vào Create New Project nó sẽ hiện cái bảng nhỏ nhỏ. Các bạn Nhập tên (lấy tên Blog luôn cho sau này dễ quản lý). rồi chọn nước VN hay nước nào cũng được rồi nhấn Create Project
- Chọn Storage
- Chọn nhấn tạo Folder (Chọn xong nhập tên rồi Nhấn ADD Folder)
- Click chuột vào Folder mới tạo (bạn có thể tạo nhiều folder khác nhau chứa các file css, js khác nhau cho dễ quản lý.)
5. Sau đó Nhấn Upload File hoặc kéo thả chuột file css. js vào cũng được.
6. Sau đó nhấn chọn file mới upload nó sẽ hiện cái bảng nhỏ nhỏ bên phải ra rồi chọn File location chọn link cuối cùng là nó tự copy cho mình là xong
7. Lúc này bạn đã có link file css và js rồi, bây giờ chèn vô blogspot:
Chú ý: trước khi chèn link vào blog thì bạn hãy vào link dưới để chuyển mã html cho cái link vừa rồi chứ bạn mà chèn thẳng sẽ lỗi ngay.
Convert Html* Đối Với Link CSS
<link href="https://firebasestorage.googleapis.com/v0/b/anh-nhim-blog.appspot.com/o/X%20Film%20HD%2FButton%20Ep%20And%20Frame%2Ffilm.js&alt=media&token=ee105b21-b196-44da-8b2e-293f4a4cbc26" rel="stylesheet"/>
* Đối Với Link JS
<script src='https://firebasestorage.googleapis.com/v0/b/anh-nhim-blog.appspot.com/o/X%20Film%20HD%2FButton%20Ep%20And%20Frame%2Ffilm.js&alt=media&token=ee105b21-b196-44da-8b2e-293f4a4cbc26' type='text/javascript' />
Lời Kết
Vậy là mình đã hướng dẫn các bạn Sử Dụng Firebase Lưu Trữ Javascript Và CSS Cho Blogspot , nếu có thắc mắc các bạn cứ comment bên dưới hoặc liên hệ mình, mình sẽ giải đáp. Chúc các bạn thành côngnguồn : http://www.anhnhim.net/
» Hướng Dẫn Chèn Liên Kết: <a href="Link" rel="nofollow">Tên</a>
» Tích vào ô Thông báo cho tôi (Notify me) để nhận thông báo phản hồi của Admin
» Không chửi tục, nói bậy, quảng cáo thông qua khung Comment.
» Bình luận của bạn sẽ được gửi đến Admin để kiểm duyệt.
Biểu Tượng Cảm XúcBiểu Tượng Cảm Xúc