Cấu trúc Landing Page Blogspot Kết Hợp Với Giao Diện Html Miễn Phí

Gia Bảo
Hôm nay Gia Bảo chia sẻ Series  nội dung bài viết " Cách Tạo Landing page BlogSpot Từ Template Html Miễn Phí", giúp các bạn tạo trang Langding Page đơn giản, miễn phí bằng cách sử dụng 2 nền tảng thiết kế web miễn phí Blogspot & Templte Html Free.
 
 Hình ảnh minh họa mẫu Giao Diện Landing Page Xe Đạp
 
Landing Page là gì ? bạn xem bài viết chi tiết theo link sau nhé :
Sau đây là Demo một số mẫu giao diện Landing page thiết kế đẹp, chuẩn Ui Ux thích hợp dùng làm trang tĩnh giới thiệu công ty, doanh nghiệp, quảng bá sản phẩm thượng hiệu cá nhân.
  1. Blogspot & Template Html Ziofy thiết kế bởi html.design  :  Click Xem mẫu thực tế  
  2. Blogspot & Template Html Spering thiết kế bởi html.design  :  Click Xem mẫu thực tế  
  3. Blogspot & Template Html Jetcycle thiết kế bởi html.design  :  Click Xem mẫu thực tế  
  4. Blogspot & Template Html Modern Cycle thiết kế bởi html.design  :  Click Xem mẫu thực tế          

Trong nội dung bài viết này chúng ta sẽ tìm hiểu cấu trúc trang landing Page sử dụng nền tảng Blogspot & html :

Đầu tiên các bạn tìm hiểu về cấu trúc trang blogspot trắng tinh, nền tảng thiết kế blogspot đơn giản nhất, được xem là thủ thuật blogspot cơ bản giúp các bạn Rip, cover tùy chỉnh giao diện theo ý muốn. Có 2 kiểu tạo mẫu template trắng tinh bạn xem tại link bên dưới nhé.

  • https://minhquydesign.com/tao-trang-web-trang-tinh-tren-blogger-com   

Từ cấu trúc blogspot trắng tinh chúng ta sẽ có cấu trúc dùng thiết kế blogspot landing page như sau :

<html>
<head>
<!-- Css theo quy định Blogspot -->
<b:skin>
<![CDATA[ /* Chèn Css vào đây */ ]]>
</b:skin>
<!-- End Css theo quy định Blogspot -->

<!-- Phần Code Giữa Cặp code <head>...</head> của template html   -->

Code phần đầu, copy  phần code trong cặp thẻ  <head>...</head> template html của bạn 

<!-- End Phần Code Giữa Cặp code <head>...</head> của template html   -->

</head>

<!-- Bắt đầu chèn  -->

<body>

<!-- Bắt đầu chèn code giữa cặp code <body>...</body> của template html -->

Code phần thân, copy  phần code trong cặp thẻ  <body>...</body> template html của bạn

<!-- End Bắt đầu chèn code giữa cặp code <body>...</body> của template html -->


<!-- Code <b:section... theo quy ước của blogspot -->
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='yes'>
</b:section>
<!-- End Code <b:section... theo quy ước của blogspot -->

</body>

</html>

Phần kế chúng ta sẽ thực hiện code webtạo  trang blogspot landing page  từ template html được liệt kê như sau.     

  1. Tạo trang Landing Page Blogspot - Kỹ Năng Viết Lách ( Template Html Free :  Spering  thiết kế bởi html.design) 
  2. Tạo trang Landing Page Blogspot - Marketing Online ( Template Html Free :  Ziofy  thiết kế bởi html.design) 
  3. Tạo trang Landing Page Blogspot - Xe Đạp Điện ( Template Html Free :  Jetcycle  thiết kế bởi html.design)
  4. ...  
Gia Bảo