Thứ Sáu, 5 tháng 8, 2016

Cách up file js và css lưu trữ bằng google hosting lên trực tiếp template blogspot

Chào mọi người. với những người chơi blogger thì thường dùng drive của google làm nơi lưu trự css cũng như js, có thể nói drive là một hosting của blogger.
Tuy nhiên theo thông tin thì tới ngày 31/08 google sẽ hủy tính năng hosting drive. tức là những file lưu trự này sẽ không còn hoạt động nữa hay nói cách khác là bị die link.


Hôm nay mình sẽ hướng dẫn các bạn up code trực tiếp lên Template blogger của bạn. Điều này sẽ không làm blog của bạn không bị lệ thuộc vào bất kỳ trang lưu trự nào. Điều này cũng không ảnh hưởng quá nhiều đến tốc độ tải trang mà đôi khi sẽ giúp website của bạn nhanh hơn. 


Hướng dẫn up những file js, css từ hosting trực tiếp vào template blogger

Bước 1: Vào code kiểm tra xem blog của bạn đang lưu trữ js, css ở đâu ( chỉ kiểm tra xem có lưu ở drive ko thôi nha)
- Ctrl + F tìm googledrive.com.
Ví dụ: bạn tìm được 2 link sau
Link css: <link href="https://googledrive.com/host/..........." rel="stylesheet" type="text/css" />
Link js: <script src="https://googledrive.com/host/..........." type="text/javascript" />
Thì các bạn hay coppy link của nó: https://googledrive.com/host/...........

Bước 2: Các bạn paste link url của googledrive lên trình duyệt. Nhứ hình minh họa dưới


Ở bước này cửa số trình duyệt sẽ hiển thị ra đoạn code. bạn copy lại.
Bước 3. Copy code vào trong blog theo công thức sau ( đặt code ngay dưới file google drive bạn vừa tìm được nha)
- Với file css thì lưu ở dạng sau:
<style type="text/css" >
/* code*/
</style>
- Với file js thì bạn lưu ở dạng sau:
<script type='text/javascript'>
//<![CDATA[
/* code*/
//]]>
</script>
Bước 4: Xóa đoạn hosting googledrive và lưu lại.
ok, giờ các bạn thư xem blog của các bạn có hoạt động bình thường không.
Lưu ý trương hợp file js mà các bạn không lưu được. các bạn thử để ý xem nó có bị lập //<![CDATA[ , //]]> 2 lần không nếu có các bạn xóa bớt 1 cái đi và save lại nhé!.
Cảm ơn các bạn đã tin tưởng và ủng hộ Chu Bằng Ai Ti!


EmoticonEmoticon