Hướng dẫn Rip Template Html Free kỹ năng viết lách mẫu giao diện Spering được thiết kế bởi html.design

Gia Bảo

Phần trước Gia Bảo đã chia sẻ Hướng dẫn Rip Template Html Free IGTU Electronics, dùng kiếm tiền từ mô hình Affiliate Marketing bằng cách tạo thu nhập thụ động từ hoa hồng được thanh toán bởi web cung cấp nền tảng Affiliate thông qua việc  giới thiệu, tiếp thị link liên kết tới gian hàng bán điện thoại thông minh Oppo, Iphone, SamSung,... Hôm nay Gia Bảo tiếp tục  chia sẻ hướng dẫn cách Rip Template Html Free kỹ năng viết lách mẫu giao diện Spering – Free Hire Freelancer Website Template.

Hình ảnh mẫu template html miễn phí - Spering


Cách làm tương tự như Rip template html miễn phí IGTU Electronics các bạn xem cách làm theo link sau đây :

Sau đó bạn làm tương tự bằng cách  chỉnh sửa link Css trên phần code giữa cặp thể <head>...</head> như sau   :

Bạn tìm đoạn code trên file index.html template Spering :

 <!-- bootstrap core css -->
  <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />

  <link href="https://fonts.googleapis.com/css?family=Poppins:400,700&display=swap" rel="stylesheet">
  <!-- Custom styles for this template -->
  <link href="css/style.css" rel="stylesheet" />
  <!-- responsive style -->
  <link href="css/responsive.css" rel="stylesheet" />

Sau đó thay bằng đoạn code sau :

  <!-- bootstrap core css -->
  <link rel="stylesheet" type="text/css" href="https://cdn.shopify.com/s/files/1/2027/2569/files/ky-nang-viet-lach-1-bootstrap.css?v=1634960862" />

  <link href="https://fonts.googleapis.com/css?family=Poppins:400,700&display=swap" rel="stylesheet">
  <!-- Custom styles for this template -->
  <link href="https://cdn.shopify.com/s/files/1/2027/2569/files/ky-nang-viet-lach-1-style.css?v=1634960862" rel="stylesheet" />
  <!-- responsive style -->
  <link href="https://cdn.shopify.com/s/files/1/2027/2569/files/ky-nang-viet-lach-1-responsive.css?v=1634960862" rel="stylesheet" />

Tương tự Rip mẫu giao diện IGTU Electronics,  bạn tiếp tục chỉnh sửa code link Javascript giữa cặp thẻ <body>...</body> như sau :

Bạn tìm đến đoạn code sau :

  <script src="js/jquery-3.4.1.min.js"></script>
  <script src="js/bootstrap.js"></script>
  <script src="js/custom.js"></script>

Thay nó thành đoạn code sau :

  <script src="https://cdn.shopify.com/s/files/1/2027/2569/files/ky-nang-viet-lach-1-jquery-3.4.1.min.js?v=1634960862"></script>
  <script src="https://cdn.shopify.com/s/files/1/2027/2569/files/ky-nang-viet-lach-1-bootstrap.js?v=1634960862"></script>
  <script src="https://cdn.shopify.com/s/files/1/2027/2569/files/ky-nang-viet-lach-1-custom.js?v=1634960862"></script>

Sau khi lưu lại trên Blogspot ( lưu ý sửa lỗi html phù hợp với ngôn ngữ Xml trên blogspot - nếu phát sinh lỗi không tương thích code blogspot sẽ báo dòng code bị ảnh hưởng bạn chỉ cần sửa lại đến khi rà soát hết lỗi là Ok  )  

Xem mẫu mẫu giao diện Spering – Free Hire Freelancer Website Template sau khi Rip dùng làm Template Blogspot :  Kỹ năng viết lách tại đây

Gia Bảo