[Blogspot] Hướng dẫn sử dụng Github lưu trữ Javascript và CSS cho Blogger

Chào các bạn,
Dạo này sắp đi học nên bận quá, không có nhiều thời gian để viết bài cho các bạn. Nên hôm nay tự nhiên mới nghĩ ra chủ đề để viết.
Khi nãy đang loay hoay sửa lại cái template vì thấy tự nhiên nó cứ load chậm và thấy 1 vài file .js (Javascript) chèn vào blog bị die link hoặc khó truy cập từ lỗi của trang chủ chứa file đó. Mà như thế thì ảnh hưởng đến SEO lắm!
Vì vậy mà mình đã vừa chuyển hết file Javascript sang 1 host mới rồi. Mấy host như Google Code không cho phép upload và lưu trữ file nữa. Còn đối với Dropbox, Google Site và Google Drive thì mình không quen lắm (Google Drive còn phải đổi link chèn vào blog nữa nên thôi mình chia tay nó luôn :D )
Đổi lại, mình quyết định dùng Github từ bây giờ để làm host lưu trữ file Javascript (.js) và CSS (.css) cho blog. Nhận thấy host này ổn định và tốc độ load cũng ok nên mình chia sẻ cho anh em dân thủ thuật.

Lưu ý: Hẳn sẽ có nhiều bạn biết về Github và còn quá quen thuộc với nó rồi nên bài này chỉ dành cho những bạn chưa biết hoặc muốn đổi host thôi nhé.

Sử dụng Github đăng kí và upload file .js và .css cho blogger

Cách thực hiện: Bước 1: Truy cập trang Github và đăng kí cho mình 1 tài khoản.

Điền đầy đủ thông tin rồi click Sign up for Github

Bước 2: Tại giao diện Welcome to Github, các bạn làm theo các chỉ dẫn (trong caption) của mỗi hình.

Chọn Free, tích vào Help me set up an organization và click Continue to setup organization

Điền đầy đủ thông tin cần thiết và click Create organization

Phần này là mời bạn bè. Nếu không mời ai hãy click Continue 

Tùy chọn chi tiết về tổ chức. Hãy Skip this step nếu muốn bỏ qua bước này

Đến bước này, bạn phải vào mail và kích hoạt tài khoản đã nhé. Không thì không thực hiện được bước tới đâu!

Bước 3: Sau khi hoàn thành xong việc đăng kí và tùy chọn tài khoản thì đến bước tạo mục lưu trữ upload file lên để sử dụng:

Chọn Create a new repository

Điền tên và mô tả, tích vào Initialize this...README và click Create repository

Chọn Upload files để bắt đầu tải file lên host

Thực hiện theo từng bước như hình để hoàn tất việc upload và lưu trữ

Sau khi upload file lên host, giờ muốn sử dụng thì phải lấy link file đó trước.

Hãy click đúp chọn file vừa upload lên xong và chọn Raw.

Chọn Raw

Khi đó sẽ hiển thị ra giao diện cho các bạn lấy link. Tại đây cũng sẽ hiển thị đầy đủ code của file đó.

Các bạn hãy copy đoạn link được khoanh đỏ và điển vào link như dưới. Sở dĩ không dùng hoàn toàn link (đường dẫn) trên để đảm bảo tính ổn định thôi. Lưu ý là lấy từ cuong815 trở đi nhé.
https://rawgit.com/
Nó sẽ có dạng như sau: https://rawgit.com/cuong815/TSM-Fan/master/jslammuot.js
Để chèn Javascript và CSS vào blog thì sử dụng đoạn mã dưới:

Cho .js: <script src='Link file .js' type='text/javascript'/>
Cho .css:  <link href='Link file .css' rel='stylesheet'/>

Ok! Vậy là xong rồi đó. Từ giờ nếu chưa có host hoặc muốn đổi host chuyên để upload và lưu trữ file .js và .css thì Github là lựa chọn tốt và đơn giản cho các bạn đấy.

Chúc các bạn thành công!

TSM Blogger

Chào mừng các bạn đến với TSM. Blog chia sẻ thủ thuật blogspot, tin tức công nghệ, thể thao, kho template blogspot và nhiều thứ khác. Mong các bạn luôn ủng hộ để blog luôn vững mạnh!