Hướng dẫn cài đặt và quản trị mẫu bán hàng 00020

Mẫu web bán hàng, mẫu blogger bán hàng đẹp và chuyên nghiệp 00020


Demo: http://www.dungcuvn.com/
Mua Template: Click here

HƯỚNG DẪN CÀI ĐẶT:

1/ Hướng dẫn Cài đặt template và data demo: Click here

2/ Hướng dẫn Thay logo, tiêu đề blog, mô tả blog và biểu tượng Favicon Blog: Click here

3/ Hướng dẫn cài đặt form đặt hàng:
-Tạo form biểu mẫu google theo bài viết này, tiếp theo mở form và nhấn tổ hợp Ctrl+U, copy đoạn code < form> ...</form> => truy cập vào Mẫu => tìm <form và thay thành form bạn vừa tạo ra.
Tham khảo bài viết: Hướng dẫn tạo form google biểu mẫu và cài đặt vào blogspot

4/ Hướng dẫn cài đặt tên miền riêng cho blog bán hàng: Click here


HƯỚNG DẪN CÀI ĐẶT BỐ CỤC BLOG:

Hình minh họa Cài đặt tiện ích danh mục

1. Cài đặt tiện ích Danh mục
Đăng nhập => Bố cục => Tiện ích HTML/Javacript Danh mục => Paste đoạn code sau:
Code:
<div id='cssmenu-doc'>
<ul>
   <li><a href='link-lien-ket'><span>Menu 1</span></a></li>
   <li class='active has-sub'><a href='link-lien-ket'><span>Menu 2</span></a>
      <ul>
         <li><a href='link-lien-ket'><span>Sub Menu 1</span></a></li>
         <li><a href='link-lien-ket'><span>Sub Menu 2</span></a></li>
         <li><a href='link-lien-ket'><span>Sub Menu 3</span></a></li>
<li><a href='link-lien-ket'><span>Sub Menu 4</span></a></li>
      </ul>
   </li>
   <li><a href='link-lien-ket'><span>Menu3</span></a></li>
   <li class='active has-sub'><a href='link-lien-ket'><span>Menu 4</span></a>
      <ul>
         <li><a href='link-lien-ket'><span>Sub Menu 1</span></a></li>
         <li><a href='link-lien-ket'><span>Sub Menu 2</span></a></li>
         <li><a href='link-lien-ket'><span>Sub Menu 3</span></a></li>
       <li><a href='link-lien-ket'><span>Sub Menu 4</span></a></li>
      </ul>
   </li>
</ul>
</div>
2. Cài đặt tiện ích Tin tức
Đăng nhập => Bố cục => Tiện ích HTML/Javacript Tin tức => Paste đoạn code sau:
Code:
<script type='text/javascript'>var numposts = 5;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary =false;var numchars = 80;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Tin tức?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
3. Cài đặt tiện ích  Khuyến mại
Đăng nhập => Bố cục => Tiện ích HTML/Javacript Khuyến mại => Paste đoạn code sau:
Code:
<a href="link" ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3udKwVpmQdp25bf4BvvSLqx812JaKChxskqSBBCKkkuUVvMuWxAGMDDFpoOVAtM3mqVroCIEfUBMizYyG93_aFEx1Ik_J1gV0bf4nRRLvW9Eu_nrvyoCN2Ub_4FRxlJrj96ZxbReaKn4/s1600/khuyen-mai-sbike-dung-300x600-edited.jpg" width="100%" /></a>
4. Cài đặt tiện ích  Hình ảnh slider
Đăng nhập => Bố cục => Tiện ích HTML/Javacript  Hình ảnh slider => Paste đoạn code sau:
Code:
<div class='slider'>
<div><img alt='' src='link ảnh 1'/></div>

 <div><img alt='' src='link ảnh 2'/></div>

<div><img alt='' src='link ảnh 3'/></div>
</div>

<!-- nên để kích thước ảnh giống nhau thì sẽ đẹp -->
5. Cài đặt tiện ích  Hỗ trợ
Đăng nhập => Bố cục => Tiện ích HTML/Javacript Hỗ trợ => Paste đoạn code sau:
Code:
<p><span>0988 227 905</span></p>
<p>
<a class='mar-right' href='skype:share123_vn?chat' title='Chát cùng Huy Tập'><img alt='skype' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp9Y5m1SJHgqTp0EGOx6edieBK4rX5hjldrtBaQYRcR_pQAbWfZd-_78auc7IdGxYbp2ntHfHmIqgySCHEvc2YMlVzA7Mlmf9pelAeFbB9J2ZqZpWdad0ClJxN7sIT_8weoF12JcGdX9of/s0/skype-icon.png' style='float: left;margin-right: 10px;'/>
</a><a href='tel:0988227905'><img alt='Chát cùng Huy Tập' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGi2IcFqIdcebRCOQ61B4sY64za9k4y-CFDRqoF0hcdGbsXPtV89R5YRUM-ItYTmfn88J677rbeyS3mqxXRBdar5AtvEjcIId0URk5QwjaCRr-aifrXiIerG2JEtR9pa2unsCGnrtRy34/s1600/zalo.jpg'/></a></p>


<p><span>0904 227 905</span></p>
<p>
<a class='mar-right' href='skype:share123_vn?chat' title='Chát cùng Huy Tập'><img alt='skype' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp9Y5m1SJHgqTp0EGOx6edieBK4rX5hjldrtBaQYRcR_pQAbWfZd-_78auc7IdGxYbp2ntHfHmIqgySCHEvc2YMlVzA7Mlmf9pelAeFbB9J2ZqZpWdad0ClJxN7sIT_8weoF12JcGdX9of/s0/skype-icon.png' style='float: left;margin-right: 10px;'/>
</a><a href='tel:0988227905'><img alt='Chát cùng Huy Tập' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGi2IcFqIdcebRCOQ61B4sY64za9k4y-CFDRqoF0hcdGbsXPtV89R5YRUM-ItYTmfn88J677rbeyS3mqxXRBdar5AtvEjcIId0URk5QwjaCRr-aifrXiIerG2JEtR9pa2unsCGnrtRy34/s1600/zalo.jpg'/></a></p>
6. Cài đặt tiện ích Cam kết
Đăng nhập => Bố cục => Tiện ích HTML/Javacript Cam kết => Paste đoạn code sau:
Code:
<style>
#HTML4{margin-top:10px;border:none!important;background:transparent!important}
.li-commit img{/* 1st set of icons. Rotate them 360deg onmouseover and out */
        -moz-transition:all 0.8s ease-in-out;-webkit-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;-ms-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out}
.li-commit:hover img{-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
#bg-camket{padding: 07px;background:#fff;border:none!important}
#h4-camket{height:50px;padding-top:6px;position:relative;top:-65px;left:70px;border:none!important;font-size:19px;width:180px}
</style>

<div class="box">
    <div class="right"></div>
    <div class="middle hotroonline" id="bg-camket" style="overflow:hidden;">
       <ul style="padding:10px">

                <li style="padding:5px 0 0 0;position:relative; font-size:15px; cursor:pointer" class="li-commit"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOcxH4JQxx5RWd6Y1hI2ZJD9y2GR3mjkJxjUhUNsZuzpiUsJAjWgUMQu3aQ3HqL8IX14Ds9hjJAy9OG6ezxT43A1lCLtW8hAJnI5qIVD5FNq6HzOdsoMOxm9yvyx9UYOzLg_FQbx54cqRh/s1600/star-commit.png" alt="" width="30px" class="img-commit" /><span style="position:absolute;top:10px; left:11px; color:#fff; font-weight:bold;">1</span><span style="position:relative; top:-6px; left:5px">Hàng chất lượng</span> </li>
                <li style="padding:5px 0 0 0;position:relative; font-size:15px; cursor:pointer" class="li-commit"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOcxH4JQxx5RWd6Y1hI2ZJD9y2GR3mjkJxjUhUNsZuzpiUsJAjWgUMQu3aQ3HqL8IX14Ds9hjJAy9OG6ezxT43A1lCLtW8hAJnI5qIVD5FNq6HzOdsoMOxm9yvyx9UYOzLg_FQbx54cqRh/s1600/star-commit.png" alt="" width="30px" class="img-commit" /><span style="position:absolute;top:10px; left:11px; color:#fff; font-weight:bold;">2</span><span style="position:relative; top:-6px; left:5px">Mẫu mã đa dạng</span> </li>
                <li style="padding:5px 0 0 0;position:relative; font-size:15px; cursor:pointer" class="li-commit"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOcxH4JQxx5RWd6Y1hI2ZJD9y2GR3mjkJxjUhUNsZuzpiUsJAjWgUMQu3aQ3HqL8IX14Ds9hjJAy9OG6ezxT43A1lCLtW8hAJnI5qIVD5FNq6HzOdsoMOxm9yvyx9UYOzLg_FQbx54cqRh/s1600/star-commit.png" alt="" width="30px" class="img-commit" /><span style="position:absolute;top:10px; left:11px; color:#fff; font-weight:bold;">3</span><span style="position:relative; top:-6px; left:5px">Tư vấn nhiệt tình</span> </li>
                <li style="padding:5px 0 0 0;position:relative; font-size:15px; cursor:pointer" class="li-commit"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOcxH4JQxx5RWd6Y1hI2ZJD9y2GR3mjkJxjUhUNsZuzpiUsJAjWgUMQu3aQ3HqL8IX14Ds9hjJAy9OG6ezxT43A1lCLtW8hAJnI5qIVD5FNq6HzOdsoMOxm9yvyx9UYOzLg_FQbx54cqRh/s1600/star-commit.png" alt="" width="30px" class="img-commit" /><span style="position:absolute;top:10px; left:11px; color:#fff; font-weight:bold;">4</span><span style="position:relative; top:-6px; left:5px">Giá cả cạnh tranh</span> </li>
                <li style="padding:5px 0 0 0;position:relative; font-size:15px; cursor:pointer" class="li-commit"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOcxH4JQxx5RWd6Y1hI2ZJD9y2GR3mjkJxjUhUNsZuzpiUsJAjWgUMQu3aQ3HqL8IX14Ds9hjJAy9OG6ezxT43A1lCLtW8hAJnI5qIVD5FNq6HzOdsoMOxm9yvyx9UYOzLg_FQbx54cqRh/s1600/star-commit.png" alt="" width="30px" class="img-commit" /><span style="position:absolute;top:10px; left:11px; color:#fff; font-weight:bold;">5</span><span style="position:relative; top:-6px; left:5px">Mua sắm dễ dàng</span> </li>
                <li style="padding:5px 0 0 0;position:relative; font-size:15px; cursor:pointer" class="li-commit"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOcxH4JQxx5RWd6Y1hI2ZJD9y2GR3mjkJxjUhUNsZuzpiUsJAjWgUMQu3aQ3HqL8IX14Ds9hjJAy9OG6ezxT43A1lCLtW8hAJnI5qIVD5FNq6HzOdsoMOxm9yvyx9UYOzLg_FQbx54cqRh/s1600/star-commit.png" alt="" width="30px" class="img-commit" /><span style="position:absolute;top:0px; left:11px; color:#fff; font-weight:bold;">6</span><span style="position:relative; top:-6px; left:5px">Phục vụ chu đáo</span> </li>
                <li style="padding:5px 0 0 0;position:relative; font-size:15px; cursor:pointer" class="li-commit"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOcxH4JQxx5RWd6Y1hI2ZJD9y2GR3mjkJxjUhUNsZuzpiUsJAjWgUMQu3aQ3HqL8IX14Ds9hjJAy9OG6ezxT43A1lCLtW8hAJnI5qIVD5FNq6HzOdsoMOxm9yvyx9UYOzLg_FQbx54cqRh/s1600/star-commit.png" alt="" width="30px" class="img-commit" /><span style="position:absolute;top:10px; left:11px; color:#fff; font-weight:bold;">7</span><span style="position:relative; top:-6px; left:5px">Dịch vụ hoàn hảo</span> </li>
       </ul>
    </div>
</div>
CÀI ĐẶT MOBILE 

Cài đặt giao diện mobile