Sử Dụng Firebase Lưu Trữ Javascript Và CSS Cho Blogspot

Sử Dụng Firebase Lưu Trữ Javascript Và CSS Cho Blogspot

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



4. Sau đó nó hiện bảng quản lý cái Project đó như sau

  1. Chọn Storage
  2. Chọn nhấn tạo Folder (Chọn xong nhập tên rồi Nhấn ADD Folder)
  3. 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&amp;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&amp;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ông
. . .

Comments (7)

  • Nguyễn An
    Nguyễn An
    cảm ơn bài viết của bạn!
    • Nguyễn Đăng Hậu
      Nguyễn Đăng Hậu
      cảm ơn bạn. Mong bạn tiếp tục ủng hộ.
      • Dung nguyen hoang
        Dung nguyen hoang
        Admin cho mình hỏi sao phần conver link hình như bị lỗi. Mình conver xong link ko ra đúng. Nó toàn ra thế này {
        "error": {
        "code": 403,
        "message": "Permission denied. Could not perform this operation"
        }
        }
        • Nguyễn Đăng Hậu
          Nguyễn Đăng Hậu
          chịu
          • Nguyễn Đăng Hậu
            Nguyễn Đăng Hậu
            hahaha
            • Nguyễn Đăng Hậu
              Nguyễn Đăng Hậu
              • Nguyễn Đăng Hậu
                Nguyễn Đăng Hậu