Showing posts with label Code. Show all posts
Showing posts with label Code. Show all posts

Hướng dẫn lưu trữ file CSS, file Javascripts trên mạng với Google Drive cho website/blog

    Khi xây dựng một trang web ngoài yếu tố cần thiết như nội dung sinh động, hấp dẫn, bạn còn phải tìm và chọn cho mình một host (dịch vụ lưu trữ trực tuyến) thật tốt để lưu trữ các file css, các file javascripts,... Thông thường bạn sẽ phải bỏ tiền túi ra để mua những host đó. Vậy tại sao bạn không tận dụng không gian của Google Drive để làm nơi lưu trữ nội dung web vừa nhiều lại vừa miễn phí ?

    Để phục vụ cho các bài viết sau về tùy chỉnh code ngày càng phức tạp hơn, Videothuthuatblog xin hướng dẫn các bạn cách lưu trữ file CSS, file Javascripts trên mạng với Google Drive.

   Để sử dụng tính năng trên của Google Drive yêu cầu bạn cần có một tài khoản Google, nếu chưa có tài khoản Google, bạn có thể tham khảo hướng dẫn cách tạo tài khoản Google mà chúng tôi đã giới thiệu trong những bài viết đầu tiên của blog này.

   Google Drive cho phép đồng bộ dữ liệu trên máy tính, điện thoại của bạn, nghĩa là khi thư mục được đồng bộ với Google Drive có thêm tệp tin mới, nó sẽ được cập nhật tự động lên host (tất nhiên bạn phải cài đặt phần mềm hỗ trợ và máy tính, điện thoại của bạn phải được kết nối internet).

   Ở phạm vi bài đăng này, để tập chung tôi chỉ hướng dẫn các bạn cách upload file lên host và sử dụng chúng để chia sẻ lên mạng, bạn có thể tham khảo thêm bài viết hướng dẫn cách tạo file css và javascript (js) để thực hành theo hướng dẫn bên dưới.

   1. Đầu tiên, bạn truy cập địa chỉ https://drive.google.com/ , nếu muốn tạo thư mục để dễ quản lý, bạn nhấp chuột vào nút lớn màu đỏ có chữ Create (Tạo) và nhấp chọn tùy chọn Folder (Thư mục) từ trình đơn xổ xuống. Cửa sổ pop-up xuất hiện bạn nhập tên của thư mục rồi  click nút Tạo.

    2. Để tải file css và javascript lên host, bạn click vào biểu tượng mũi tên tải lên (xem hình trên) sau đó click chọn Tệp. Cửa sổ xuất hiện, bạn chọn file cần up lên host.


  - Sau khi tải lên bạn tiếp tục click chuột  phải vào file cần lấy link (1) sau đó click biểu tượng Chia sẻ (Share) (2)

  - Sao chép toàn bộ đường link trong textbox để chia sẻ.


  - Sau khi sao chép địa chỉ liên kết trông như thế này

https://docs.google.com/file/d/0B509fBm-AMACLXpCd2otY196ek0/edit?usp=sharing

    - Ở đây các bạn chỉ cần quan tâm đến đoạn code màu tím 0B509fBm-AMACLXpCd2otY196ek0.

    - Để chia sẻ file js ở trên lên mạng, bạn thêm đoạn code màu tím vào sau URL bên dưới:

https://googledrive.com/host/

    - Khi đó các bạn sẽ được link host như bên dưới. Và đây chính là link bạn có thể sử dụng cho blog của mình hoặc chia sẻ lên mạng.

https://googledrive.com/0B509fBm-AMACLXpCd2otY196ek0/

Hướng dẫn cách khóa chuột phải để chống sao chép nội dung bài viết cho website, blog

        Website hay blog của bạn đang xây dựng đã bắt đầu có nội dung? Bạn đã bỏ rất nhiều công sức để xây dựng nội dung độc đáo cho các bài viết của mình, bạn đang lo lắng sẽ bị một ai đó sao chép (ăn cắp) bài viết của bạn mà không xin phép. Ở bài viết trước,Videothuthuatblog đã hướng  dẫn bạn cách khóa chuột trái cho website và blog nhằm ngăn chống sao chép bài viết. Bài viết này,Videothuthuatblog sẽ tiếp tục hướng dẫn bạn cách khóa chuột phải để chống sao chép nội dung bài viết cho website, blog.

        - Cách thực hiện rất đơn giản, bạn vào phần quản trị blog >> Click chọn Template >> Edit HTML



     - Copy đoạn code dưới đây và dán chúng (paste) vào phần chỉnh sửa HTML sau thẻ mở <head> hoặc trước thẻ đóng </head>
       Mẹo: Để thực hiện nhanh, bạn nhấn đồng thời Ctrl + F và dán vào ô tìm kiếm từ <head> hoặc </head>



     - Với đoạn code trên, khi khách truy cập click chuột phải lên website, blog của bạn thì lập tức sẽ xuất hiện thông báo Chức năng này đã bị vô hiệu!
     
     - Cuối cùng, bạn lưu Template lại và kiểm tra kết quả hoạt động của code trên.

   Chú ý: Nếu code trên bị lỗi (do loại template khác nhau) bạn thử lại với mẫu dưới đây nhé




      Nếu chưa rõ, bạn có thể quan sát video hướng dân sau:

Hướng dẫn cách khóa chuột trái cho website và blog

      Website hay blog của bạn đang xây dựng đã bắt đầu có nội dung? Bạn đã bỏ rất nhiều công sức để xây dựng nội dung độc đáo cho các bài viết của mình, bạn đang lo lắng sẽ bị một ai đó sao chép (ăn cắp) bài viết của bạn mà không xin phép. Bài viết này, Videothuthuatblog sẽ hướng dẫn bạn cách khóa chuột trái cho website, blog (không quét chọn, bôi đen được bất kỳ nội dung nào trên bài viết), do đó sẽ hạn chế được phần lớn bài viết của bạn bị đánh cắp.


     - Cách thao tác rất đơn giản, bạn chỉ cần vào phần chỉnh sửa HTLM, dán đoạn mã dưới đây vào sau thẻ mở <head> hoặc trước thẻ đóng </head>
     Mẹo: Để thực hiện nhanh, bạn nhấn đồng thời Ctrl + F và dán vào ô tìm kiếm từ <head> hoặc </head>


    - Sau khi thực hiện xong, lưu Template và xem kết quả trên blog

    Dưới đây là Video Hướng dẫn cách khóa chột trái cho website và blog:

    Chú ý: Để ngăn cản copy (sao chép) bài viết từ website, blog của bạn, bạn cũng nên thêm chức năng khóa chuột phải cho website, blog. Nội dung này sẽ được Videothuthuatblog hướng dẫn ở bài viết sau.

Hướng dẫn cách tạo file CSS, JavaScript (JS)

    Khi tùy chỉnh code (template) hay thêm tiện ích cho blog, đôi khi bạn gặp phải những đoạn code JS (JavaScript) hay file CSS quá dài, khi chèn các đoạn mã này vào code sẽ dễ bị nhầm lẫn, bất tiện cho tùy chỉnh code vào các lần sau (do quá dài). Đặc biệt là tốc độ load trang web của bạn cũng bị chậm đáng kể. Vấn đề đặt ra ở đây là chúng ta cần tạo ra các file css, js riêng và lưu trữ chúng trên host, khi cần sử dụng, thay vì phải chèn cả đoạn code dài, ta chỉ cần chèn một liên kết.

     Thông thường để chỉnh sửa code và tạo file css, js chúng ta thường sử dụng Notepad có sẵn trong hệ điều hành Windows. Nhưng với Notepad có sẵn trong Window thì sau khi lưu file và up lên host nó thường có đuôi .txt. Tuy vẫn sử dụng bình thường nhưng nhìn không thuận tiện lắm, chúng ta muốn tạo được đúng file yêu cầu trước khi upload file lên host.

    Vậy muốn đuôi là .JS thì cần tải bản Notpad++ tại địa chỉ: Notepad++v6.4.5 và cài đặt. Sau khi cài đặt, bạn tiến hành chạy phần mềm, click vào menu Language để chọn ngông ngữ mà bạn cần soạn thảo, sau khi soạn thảo xong thì lưu file đó lại bằng cách vào menu File, chọn Save as. Xem hình dưới đây.


Có thể bạn sẽ thích:

LÊN ĐẦU TRANG