Hướng dẫn cài đặt templates blogspot bán hàng chuyên nghiệp

Tôi đã share templates blogspot bán hàng nhưng hình như thiếu cái gì đó gọi là hướng dẫn cho các bạn và cũng có nhiều bạn góp ý nên hướng dẫn cài đặt templates blogspot bán hàng này để các bạn dễ dàng sử dụng.

Khi share templtes blogspot bán hàng này tôi đã gởi cho các bạn

+ File templates : Các bạn vào mẫu up lên là đc
+ File atom : File bài viết up lên ở mục Khác
+ Code giỏ hàng : Tạo 1 trang rồi thêm code ở phầm HTML xong rồi chỉnh lại forum docs google để sản phẩm về mail là ô sờ kê (không làm được inbox để dược hỗ trợ)

>>10 templates blogspot thích hợp làm seo bất động sản 2017

3 phần này nếu chưa biết các bạn có thể search google tìm kiếm nhé. Vì nó khá đơn giản nên tôi không nói nhiều về 2 file này nữa. Vậy sau khi đã làm 2 bước xong chúng ta cần làm gì tiếp theo nào.

+ Phần Header : là phần hình ảnh thương hiệu ở trên cùng các bạn vào phần Bố cục > Header và chọn đến file ảnh đã chuẩn bị sẵn nhé.

+ Phần menu : Các bạn cũng làm tương tự ở phần Bố cục > Menushop dán code này vào và chỉnh sửa tên menu hợp lý sao đó bấm lưu là đc nhá

<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>

+ Slider ảnh : Là phần tiếp theo bên dưới menu trong phần Bố Cục > Slider trang chủ và dán code sau

<div class='slide-auto'>
<div class='slideshow'>
<div class='nivoSlider' id='slideshow' style='background: url(&apos;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6_uDNxuk-GUla3lpJbMbyZbWFbWCrDkdYhDZmwtr7DCpvRFykpP1RR-vKl5EmEYTYT9YNXya1z3u48VlvfLtu3Ymm_wuMg6sjdlXLiZLuza1fXoX5GrRdOwJrdw041U6vdiGaWomDikkZ/s682/tinh+dau+online+1.png&apos;) no-repeat; position: relative;'>
<a class='nivo-imageLink' href='#' >
<img alt="" src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPDApeeXDErTdtyi6kDO7YgdBNF-hR-22rkH-TXzLMB-WvFDr_RmOcHTHTIcBk6FTNP5yskkHfYED1mCWqpQrLlagU5PjxGkIaauUEf2VrX5VwFbG3l32klLbSPjf6_n8VJ3p3LskjZKwj/s682/tinh+dau+online+2.png' style='width:682px' />
</a>
<a class='nivo-imageLink' href='#' style='display: block;'>
<img alt="" src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJDIeOORcC4SnsmpRwC5MHZpp_kp9TP4JnBSk5sKBO_zlXJkXsbuiXBr8EaXfQXETm1yi7C1PB5FSViYtbwAy1_cpNWCjczaOAC4CnEx79MBd94kqaJ9xYRuL3x8PcYtPyGCs-55EO5VNT/s682/tinh+dau+online+3.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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf7yRHzHLP12u7tWera-OEgRk08C8ndsM9cY-grD-zqDVL5njbNXF7caRdchhQvxho-LPgMbCZk8RR_irUTomlh9axSy-esceONGiLQViYSTeRxOvUth8SnHHqHg8mdVStY3nawP1LGQ-o/s1600/yahoo.png"/>
</a>
<a class="skyper" href="skype:hieu.dev?chat">
<img alt="Skyper" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi85hG2ys4DJ8PT9nS7vA1P_2Td_-8tlyCk7_mEsRoDakuEOndjaFqzaBv9hgc1nYYW92CepzfTRyzB1TXP63GvaAGDg6naMvdASaZL0ZCpKzefuejxFu8vET2f9jW81yYg6b8UD8hYir-Q/s1600/skype.png"/>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>

+ Sidebar : Phần bài viết hiển thị theo danh mục ở sidebar bạn dùng đoạn code bên dưới dán phần Bố cục > Sidebar nhé

<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>

Như vậy là templates blogspot bán hàng của bạn đã giống demo rồi đấy nhé vài bước cài đặt templates blogspot bán hàng đơn giản cho những người chưa biết.