Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

Thủ thuật tạo landing page blogspot

Chủ đề thuộc danh mục 'Hướng dẫn/Thủ thuật Blogspot tại đây' được đăng bởi khanhhlu, 3/12/15.

Lượt xem: 3,793

  1. khanhhlu Mới đăng kí

    Thư viện Luật học sẽ hướng dẫn các bạn tạo một trang landing page đơn giản ngay tại giao diện blogspot mà bạn đang dùng ( Đối với mọi giao diện blogspot ). Các bạn có thể thấy trang web http://www.yeuluat.com/ đang dùng là giao diện MagOne nhưng các bạn thử truy cập vào http://www.yeuluat.com/p/about.html thì giao diện sẽ khác.

    [​IMG]

    DEMO

    Bước 1: Giấu các thành phần không cần thiết
    Đầu tiên hãy vào Trang => Tạo trang mới , đặt tên cho trang ấy.
    Sau đó copy đoạn code sau dán vào phần HTML

    Code:
     <b:if cond='data:blog.url == &quot;YOUR-BLOG-PAGE-URL&quot;'>
    <style type='text/css'>
    /*--- Tìm tất cả các id và class cần ẩn cho các template blogger ---*/
    .sidebar-wrapper, .header-wrapper, .post-title, #blog-pager, .post-footer, #footer-wrapper, .comments {
    display: none !important; /*-- Các phần cần ẩn đi --*/
    }
    /*---Đối với template mặc định thì dùng đoạn code sau---*/
    .header-outer, .column-right-outer, .tabs-outer, .footer-outer {
    display: none !important; /*-- code ẩn header, footer, navbar và sidebar--*/
    }
    /*---Các phần cần làm rộng 100%---*/
    #content {
    width: 100% !important; /*---chiều rộng sẽ thay đổi lên 100%--*/
    }
    /*---Thay đổi nền---*/
    body {
    background: #FFF url('YOUR-IMAGE-URL') no-repeat scroll top center !important;
    margin:0;
    padding:0;
    }
    </style>
    </b:if> 
    Bước 2: Thiết kế trang landing page mà bạn muốn
    Mình sẽ cập nhật một vài mẫu landing page đơn giản mà bạn muốn thiết kế sau vì mình rất ít khi tạo landing page bằng blogspot.

    Bạn thêm css và cho giao diện bằng cách thêm đoạn code sau vào phần HTML ở bài viết, các bạn có thể copy đoạn css sau đây để xem thử.
    Code:
    <style>
    #my-landing-page-header {
    width: 100%;
    background: #000;
    font-size: 20px;
    padding: 20px 0px;
    color: #FFF
    }
    </style><div id='my-landing-page-header'> Hello World! This is my First 
    	
    Landing Page</div>

    Nguồn: http://www.yeuluat.com/2015/12/thu-thuat-tao-landing-page-blogspot.html

Ủng hộ diễn đàn