1. Cộng đồng SEO Kỹ năng game: Cộng đồng Diễn đàn SEO Kỹ năng game
    Fanpage facebook diễn đàn Kỹ năng game: Fanpage diễn đàn Kỹ năng game
    Group facebook diễn đàn Kỹ năng game: Group diễn đàn Kỹ năng game
    Có vấn đề gì thắc mắc hay hỏi admin, liên hệ: kynanggame@gmail.com
  2. Nội quy diễn đàn: Click xem ngay
    - Không đặt domain, liên hệ, in hoa toàn bộ tiêu đề topic, rao vặt tối đa 1 bài/ngày, không đăng liên tiếp
    - Để chèn link cần tối thiểu 5 bài viết và chèn tối đa 1 link ngoài ảnh
    - Không comment liên tiếp, không gửi bài với nội dung vô nghĩa, không đăng lại cùng 1 nội dung

Share template blogspot bán hàng kèm hướng dẫn

Thảo luận trong 'Lập trình web - Mã nguồn - Code' bắt đầu bởi Đỗ Mạnh Hồng, 25/4/2017.

  1. Đỗ Mạnh Hồng

    Đỗ Mạnh Hồng Thành viên

    Bài viết:
    9
    Đã được thích:
    0
    Là thành viên mới của diễn đàn Kynanggame nên mình có chút quà tặng cho tất cả thành viên tại đây và cho những bạn nào cần một website 0Đ để bán hàng đó chính là một template blogspot bán hàng chuyên nghiệp đẹp và chuẩn seo.
    [​IMG]
    Đây là template blogspot bán hàng với demo là một giao diện website bán tinh dầu, nhưng các bạn có thể áp dụng bán sản phẩm nào tùy ý nhé.
    + Những ưu điểm của template blogspot bán hàng này
    - Có giao diện mobile
    - Có giỏ hàng gởi thông tin về google docs
    - Có slider ảnh
    - Có bình luận facebook
    - Còn nhiều nữa các bạn xem demo nha
    Mã:
    Demo http://blogtinhdauonline.blogspot.com/
    + Tiếp đó mình sẽ hướng dẫn các bạn
    Tải mẫu lên bằng cách dùng notepad+++ mở file theme download được coppy tất cả và dán vào phần Chủ đề > Chỉnh sửa HTML nhé.

    Sau đó thì trở lại phần bố cục tại đây sẽ có nhiều bố cục nhưng tất cả đều trắng và bây giờ các bạn thêm những đoạn code sau vào

    + Đầu tiên là menu
    Mã:
    <div class='menuleft'>
    <div class='bg-menuleft'>
    <div class='dropdown-toggle' data-toggle='dropdown' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'>
    <span>
    <i aria-hidden="true" class="fa fa-home fa-2x"></i> DANH MỤC SẢN PHẨM
    </span>
    </div>
    <ul class='menuleft dropdown-menu homecat' role='menu' >
    <li><a href='#LINK' title=''><i class="fa fa-angle-right" aria-hidden="true"></i>
    Tinh Dầu Nguyên Chất</a></li>
    <li><a href='#LINK' title=''><i class="fa fa-angle-right" aria-hidden="true"></i> Đèn Xông Tinh Dầu</a></li>
    <li><a href='#LINK' title=''><i class="fa fa-angle-right" aria-hidden="true"></i> Máy Khuyếch Tán Tinh Dầu</a></li>
    <li><a class='atop' href='#LINK'><i class="fa fa-angle-right" aria-hidden="true"></i> Tinh Dầu Làm Đẹp</a>
    </li>
    <li><a class='atop' href='#'><i class="fa fa-angle-right" aria-hidden="true"></i> Nến Thơm Greenleaf</a>
    </li>
    <li><a href='#LINK' title=''><i class="fa fa-angle-right" aria-hidden="true"></i> Phụ Kiện</a></li>
    <li><a href='#LINK' title=''><i class="fa fa-angle-right" aria-hidden="true"></i> Phụ Kiện</a></li>
    </ul>
    </div>
    </div>
    <div class='menuright'>
    <ul class='mrul'>
    <li class='mrli'>
    <a class='mratop mdrop' href='#LINK'>Công Dụng Và Cách Dùng</a>
    </li>
    <li class='mrli'><a class='mratop mdrop' href='#LINK'>Hướng dẫn mua hàng</a>
    </li>
    <li class='mrli'><a class='mratop mdrop' href='#LINK'>Cửa hàng và đối tác</a>
    </li>
    <li class='mrli'><a class='mratop mdrop' href='#LINK'>Liên hệ - tuyển dụng</a></li>
    </ul></div>
    Tiếp đến là slider ảnh
    Mã:
    <div class='slide-auto'>
    <div class='slideshow'>
    <div class='nivoSlider' id='slideshow' style='background: url(&apos;https://1.bp.blogspot.com/-4xrTiWNr6_o/V43kjWLls3I/AAAAAAAAFbA/zV9fwpXWXicbxooW-WDeokJ2QaO6IPozQCLcB/s682/tinh%2Bdau%2Bonline%2B1.png&apos;) no-repeat; position: relative;'>
    <a class='nivo-imageLink' href='#' >
    <img alt="" src='https://1.bp.blogspot.com/-vIBxs6Jh6MU/V43lKBu6OPI/AAAAAAAAFbE/GQdNstK_weA4yXiuW3LZPPG3yG0AJ4eegCLcB/s682/tinh%2Bdau%2Bonline%2B2.png' style='width:682px' />
    </a>
    <a class='nivo-imageLink' href='#' style='display: block;'>
    <img alt="" src='https://3.bp.blogspot.com/-PCxEsQShR-w/V43mLWU1CUI/AAAAAAAAFbU/j1Os55wDg1IgZ6VFAjiyhDd1n9BrGDWnQCLcB/s682/tinh%2Bdau%2Bonline%2B3.png' style='width:682px' />
    </a>
    </div>
    </div>
    <div class="doi-tac">
    <div class="col-lg-4 col-md-4 top-right-detail">
         <div id="policy">
          <ul>
                            <li class="item_policy first">
             <i class="fa fa-umbrella"></i>BÁN HÀNG<br /> CHÍNH HÃNG        </li>
                                  <li class="item_policy">
             <i class="fa fa-usd"></i>CAM KẾT <br />GIÁ TỐT        </li>
                                  <li class="item_policy">
             <i class="fa fa-truck"></i>GIAO HÀNG<br />TOÀN QUỐC        </li>
                                  <li class="item_policy">
             <i class="fa fa-calendar"></i>DỊCH VỤ <br />HỖ TRỢ 24/7        </li>
                        <li class="item_policy yahoo-sky last">
            <p class="bg-hl">
             Hỗ trợ trực tuyến<br /><span>0967 84 99 34</span>
            </p>
            <a class="yahoo" href="ymsgr:sendIM?b0y.k0_ol">
             <img alt="Yahoo" src="https://2.bp.blogspot.com/-KicJ7VQiBIE/V9D0uNp8POI/AAAAAAAAGTo/Ynts8M9c4MgEliu7alVOkrm8nJ1hNffVACLcB/s1600/yahoo.png"/>
            </a>
            <a class="skyper" href="skype:hieu.dev?chat">
             <img alt="Skyper" src="https://3.bp.blogspot.com/-Sehjnza-EIU/V9D0uGsWKII/AAAAAAAAGTk/NswlVbQYzbICpRsCL4UmmgdivEt-KC-tgCLcB/s1600/skype.png"/>
            </a>
           </li>
          </ul>
         </div>
        </div>
    </div>
    </div>
    Và cuối cùng là đoạn code hiển thị bài viết ra trang chủ
    Mã:
    <ul class="product_list_widget">
    <script>
    //<![CDATA[
    document.write("<script src=\"/feeds/posts/default/-/Tinh Dầu Nguyên Chất?max-results="+5+"&orderby=published&alt=json-in-script&callback=labelproduct3\"><\/script>");
    //]]>
    </script>
    </ul>
    Nếu xem mà chưa hiểu và chưa làm được các bạn có thể xem thêm video bên dưới nha


    Và cuối cùng là link download
    Mã:
    https://drive.google.com/open?id=0B8wx_D97LmgfVTBwOU9IWGZKd0k
    
    Bài viết được chia sẻ trước đây tại http://www.bloghong.com/2017/01/sha...an-hang-chuyen-nghiep-chuan-seo-full-dep.html
     
  2. thoaithan95

    thoaithan95 Thành viên

    Bài viết:
    27
    Đã được thích:
    1
    Nhìn đẹp quá thớt. Sẵn đây cho mình hỏi lỗi author và Update trên blogspot sao sửa vậy. Mình bị lâu rồi mà chưa biết cách sửa.
     
  3. Đỗ Mạnh Hồng

    Đỗ Mạnh Hồng Thành viên

    Bài viết:
    9
    Đã được thích:
    0
    Cái này trên google có nhiều bạn cứ search nhé bạn. Giờ nói ra đây dài dòng quá hi. Bạn thông cảm
     
  4. phan viên

    phan viên Thành viên

    Bài viết:
    9
    Đã được thích:
    0
    Quê quán:
    vũng tàu
    Cái này có kiểu giống như trang của lazada vậy phân theo tầng, nếu mà dùng cho trang web bán hàng nhẹ thì trang này không thích hợp nó có quy mô lớn.
     
  5. bacssigioi

    bacssigioi Thành viên

    Bài viết:
    8
    Đã được thích:
    0
    Quê quán:
    Hà Nội
    những trang thương mại điện tủ lón như lazada thì code nó phức tạp hơn rất nhiều, bạn không thể lấy code của blog để so sánh được
     

Chia sẻ trang này