» Unlabelled » Hướng Dẫn Cài Đặt Template TinhDauOnline ver.1
[tintuc]

1. Tạo Menu

<div class='menuleft'>
<div class='bg-menuleft'>
<div class='dropdown-toggle' data-toggle='dropdown' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'><span>
<i class="fa fa-align-justify" aria-hidden="true"></i>  CHỌN SẢN PHẨM</span></div>
<ul class='menuleft dropdown-menu homecat' role='menu' >
<li><a href='#' title=''><i class="fa fa-angle-right" aria-hidden="true"></i>
 Tinh dầu nguyên chất</a></li>
<li><a href='#' title=''><i class="fa fa-angle-right" aria-hidden="true"></i> Đèn xông tinh dầu</a></li>
<li><a href='#' title=''><i class="fa fa-angle-right" aria-hidden="true"></i> Máy khếch tán tinh dầu</a></li>
<li><a class='atop' href='#'><i class="fa fa-angle-right" aria-hidden="true"></i> Tinh dầu khếch tán</a>
</li>
<li><a href='#' title=''><i class="fa fa-angle-right" aria-hidden="true"></i> Chai xịt khử mùi</a></li>
<li><a href='#' title=''><i class="fa fa-angle-right" aria-hidden="true"></i> Túi thơm Greenleaf</a></li>
<li><a href='#' title=''><i class="fa fa-angle-right" aria-hidden="true"></i> Nén thơm Greenleaf</a></li>
<li><a href='#' 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='#'>Công dụng và Cách Dụng</a></li>
<li class='mrli'><a class='mratop mdrop' href='#'>Khuyến mãi</a></li>
<li class='mrli'><a class='mratop mdrop' href='#'>Hướng dẫn mua hàng</a></li>
<li class='mrli'><a class='mratop mdrop' href='#'>Liên hệ</a></li>
</ul>
</div>


2. Tạo Slide ảnh


<div class='slide-auto'>
<div class='slideshow'>
<div class='nivoSlider' id='slideshow'>
<img alt="" src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ62VTzqxAHx-Atq2YvhmDojbyzchcWK63lGD5rv2A4hQP-zGMXuhtN9tG2lcIX4wycjEzVqsQ9m7pOZ-t9M8Vs85NW2kT47V3soSM7CEdZ3qsRqvb-OEuxZTfGJEorRO_0VxNE1_Dgwmp/s682/tinh+dau+online+1.png' style='width:682px' />
<a class='nivo-imageLink' href='#' >
<img alt="" src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1euhl6i5AALw3wCVGze2nC61WU1uQjWOc7T4H3o6do2NUHI5GLFttG8gedzb0TAg-mQ59XDFK_PaCRV4uCtLfGVpx2QbH37F458-l9NWMsO6zr1abCZFZZ5Jy53YXICE7IPxSb5AhxRqD/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/AVvXsEjJ_oxZyIDU_1-gpAgx-PvUfxfQxsNBLq8y8rxKn5jslWUo7M3NcrGccX_bIxGu55BW2wIPh28byVLAguvMTtBBcr4sCh7x5GXEoLasXS2mGrDpq9Am42abAovvSEL6Tx9R1Jz_yWogQ2p0/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>0933.057.792</span></p>
<a class="yahoo" href="ymsgr:sendIM?b0y.k0_ol">
<img alt="Yahoo" src="http://bantheme.com/banhang/bh01/wp-content/themes/shopping/images/yahoo.png"/></a>
<a class="skyper" href="skype:hieu.dev?chat">
<img alt="Skyper" src="http://bantheme.com/banhang/bh01/wp-content/themes/shopping/images/skype.png"/></a>
</li>
</ul>
</div>
</div>
</div>
</div>

3. Footer 1-2-3-4-5 / Phần nhận xét khách hàng

<div class="ykien" style="color: #fff;background: rgb(15, 128, 31);border-radius: 10px; border: 1px solid rgb(221, 221, 221); box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; margin: 0px 0px 20px; padding: 15px; text-align: justify; vertical-align: baseline">
Bên công ty mình rất thích cách tư vấn cũng như cách làm việc chuyên nghiệp. Cám ơn rất nhiều về những sự giải thích rất chi tiết . Bạn thực sự đã cung cấp cho chúng tôi một giải pháp công nghệ đầy giá trị. Tôi thực sự đánh giá cao điều đó và trong thời gian tới nếu có cơ hội tôi mong muốn chúng ta tiếp tục hợp tác.</div>
<div style="border: 0px; box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px; vertical-align: baseline;">
<img alt="" class="img-circle" src="http://thietkeweblkv.com/images/y-kien-kh/nguyen-ba-tuong.png" style="-webkit-font-smoothing: antialiased; border-radius: 50%; border: 0px; box-sizing: border-box; float: left; height: auto; margin: 0px 10px 0px 0px; max-width: 100%; padding: 0px; text-shadow: none; vertical-align: middle; width: 50px;" /><span style="-webkit-font-smoothing: antialiased; border: 0px; box-sizing: border-box; font-weight: 700; margin: 0px; padding: 0px; text-shadow: none; vertical-align: baseline;">Ông XXXXX</span><br />
Chủ tịch HDQT xxxxxxxxxxxxxxxxxxxxxxxx</div>

4. Tầng 1 / Sản Phẩm Bán Chạy

Với dòng
/feeds/posts/default/-/Sản Phẩm Bán Chạy?max-results="+10+"
Thay nhãn
Sản Phẩm Bán Chạy thành Nhãn Bài Viết Của Bạn
Thay số 10 thành số bài viết muốn hiển thị


5. Tầng 2 / Tinh Dầu Nguyên Chất

Với dòng
/feeds/posts/default/-/Tinh Dầu Nguyên Chất?max-results="+10+"
Thay nhãn
Tinh Dầu Nguyên Chất thành Nhãn Bài Viết Của Bạn
Thay số 10 thành số bài viết muốn hiển thị

Lưu ý rằng:
Sản Phẩm Bán Chạy sẽ hiển thị 1 hàng 6 bài viết, còn Tinh Dầu Nguyên Chất sẽ hiển thị 1 hàng 5 bài

6. Cách thêm một danh mục với

Dùng đoạn code sau chèn dưới chèn thay cho các đánh dấu sản là 
<!-- Tầng 3 nếu có--->
<!-- Tầng 4 nếu có--->
<!-- Tầng 5 nếu có--->

6.1 Code chèn danh mục mới 1 hàng 5 bài
<div class='spntabs maytinhbang'>
<div class='tabss-3'>
<div class='floor__title1 container'><div class='column-1 column'><div class='floor__text1'>
<div class='floor__text__val'>Tầng</div></div><div class='floor__number'>3</div>
</div><div class='column-4 column'><div class='floor__name'><a href='_LINK'>TIÊU ĐỀ <i class='fa fa-arrow-right'/></a></div></div><div class='column-1 column'/>
</div>
<div class='firmware'>
<div class='middle listpro'>
<script type='text/javascript'>
//<![CDATA[
document.write("<script src=\"/feeds/posts/default/-/NHÃN DANH MỤC?max-results="+10+"&orderby=published&alt=json-in-script&callback=tinhdaunguyenchat\"><\/script>");
//]]>
</script>
</div></div></div></div>
6.2 Code chèn danh mục mới 1 hàng 6 bài
<div class='spntabs maytinhbang'>
<div class='tabss-3'>
<div class='floor__title1 container'><div class='column-1 column'><div class='floor__text1'>
<div class='floor__text__val'>Tầng</div></div><div class='floor__number'>4</div>
</div><div class='column-4 column'><div class='floor__name'><a href='_LINK'>TIÊU ĐỀ <i class='fa fa-arrow-right'/></a></div></div><div class='column-1 column'/>
</div>
<div class='firmware'>
<div class='middle listpro'>
<script type='text/javascript'>
//<![CDATA[
document.write("<script src=\"/feeds/posts/default/-/NHÃN DANH MỤC?max-results="+10+"&orderby=published&alt=json-in-script&callback=sanphambanchay\"><\/script>");
//]]>
</script>
</div></div></div></div>

7. Tạo giỏ hàng

Tạo trang tĩnh với tên "Giỏ Hàng" -> Xuất Bản. Bạn sẽ được đường dẫn "http://www.tenmien/p/gio-hang.html"
Chèn vào trong trang phần HTML
<div class="separator" style="background: #fff; clear: both; padding: 10px 0; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDcrXCg1TWPOoFZCAGuXKR_eXo25zkIWpJGeWVeygDYo-BeTXBW6fbM-2kEofaFr6EIERiNc1Mqvi1DFn26r7a4282p5xqbXhiN841ffhowJVT1tmlarUDkGtGAtpSPBdbTUAIYPSrmKeU/s1600/cac+buoc+thanh+toan.png" /></div>
<form action="https://docs.google.com/forms/d/1SV3R6BrDrVqABMQ5HcRqIN7poH8DOnQx5ypTKl1Pft8/formResponse" class="white-pink" id="ss-form" method="POST" onsubmit="" target="_self">
<div class="content-muangay">
<div class="left-muangay">
<div class="clear">
</div>
<div class="callout radius box_gio_hang">
<h3>
Thông tin giỏ hàng của bạn</h3>
<div class="simpleCart_items">
</div>
<ul class="pricing-table">
<li class="price"><span class="simpleCart_finalTotal" style="color: red;"></span>
</li>
</ul>
</div>
<textarea aria-label="Thông Tin SP " class="ss-q-long valid" cols="0" dir="auto" id="entry_2032623359" name="entry.2032623359" rows="8"></textarea>
</div>
<div class="checkout">
<h3>
Thông tin giao hàng</h3>
<div class="node">
*** Nhập chính xác thông tin để chúng tôi thuận tiện khi giao hàng cho bạn!</div>
<table cellpadding="0" cellspacing="0" class="muangay" style="width: 100%;"><tbody>
<tr> <td colspan="2">
<label for="entry_631162073">
<input aria-label="Họ và tên" aria-required="true" class="ss-q-short" dir="auto" id="entry_988925340" name="entry.631162073" placeholder="Tên đầy đủ của bạn (*)" required="" title="" type="text" value="" /> </label></td> </tr>
<tr> <td colspan="2">
<div class="node">
* Địa chỉ nhận hàng</div>
<label for="entry_1236569269">
<input aria-label="Số nhà, đường, phường/xã/quận… (*)" aria-required="true" class="ss-q-short" dir="auto" id="entry_1236569269" name="entry.1236569269" placeholder="Số nhà, đường, (tòa nhà), phường/xã… (*)" required="" title="" type="text" value="" /> </label></td></tr>
<tr> <td colspan="2">
<label for="entry_948894731">
<input aria-label="Số điện thoại (*)" aria-required="true" class="ss-q-short" dir="auto" id="entry_948894731" name="entry.948894731" placeholder="Số điện thoại (*)" required="" title="" type="text" value="" /> </label></td> </tr>
<tr> <td colspan="2">
<label for="entry_1874852562">
<input aria-label="Email (*)" aria-required="true" class="ss-q-short" dir="auto" id="entry_1874852562" name="entry.1874852562" placeholder="Email (*)" required="" title="" type="text" value="" /> </label></td> </tr>
<tr> <td colspan="2">
* Thông tin về đơn hàng
<label for="entry_2032623358">
<textarea aria-label="Thông Tin SP " class="ss-q-long valid" cols="0" dir="auto" id="entry_2032623358" name="entry.2032623358" rows="6"></textarea>
</label></td> </tr>
<tr> <td colspan="2">
<div class="node">
* Ghi chú</div>
<label for="entry_1778689393">
<textarea aria-label="Ghi chú" class="ss-q-long" cols="0" dir="auto" id="entry_1778689393" name="entry.1778689393" placeholder="Giao cho tôi vào giờ hành chính." rows="8"></textarea>
</label></td> </tr>
<tr> <td colspan="2">
<label><input class="button" id="ss-submit" name="submit" type="submit" value="Đặt hàng" /> </label></td> </tr>
</tbody> </table>
</div>
</div>
</form>
<script type="text/javascript">
var submitted = false;
function emptycart() {
submitted = true;
$('.blockform').toggle();
$('.hidden-message').show();
}
$("iframe#hidden_iframe").on('load', function() {
simpleCart.empty();
});
</script>

8. Thay tất cả đường dẫn của Tinh Dầu Online

Ví dụ: http://www.tinhdauonline.com.vn/p/gio-hang.html thay thành http://tenmiencuaban/p/gio-hang.html

9. Code đăng bài mẫu bán hàng

[giaban]9,999,000 đ[/giaban][giacu]18,999,000 đ[/giacu] [tomtat]
<ul>
<li>Đặt Online ưu tiên khuyến mãi (SL có hạn)&nbsp;</li>
<li>Trả góp 0% ANZ/HSBC/SCB&nbsp;</li>
<li>Tặng 50% Bảo Hành Vàng&nbsp;</li>
<li>Tặng voucher 200.000đ mua sạc dự phòng hoặc ổ cứng&nbsp;</li>
<li>Giao hàng miễn phí toàn quốc&nbsp;</li>
<li>Đổi trả thoải mái theo nhu cầu&nbsp;</li>
</ul>
[/tomtat] [chitiet]
Tinh dầu thông: Pine EO
• Gia đình: Pinaceae
• Các thành phần cơ bản :
<div>
• Lợi ích điều trị:</div>
<div>
- Hoạt động kháng khuẩn , làm giảm cảm lạnh , đau đầu và sytem repiratory .&nbsp;</div>
<div>
- Kích thích sự lưu thông&nbsp;</div>
<div>
- Làm giảm đau thấp khớp , cảm lạnh , cảm cúm.
Tinh dầu thông được chiết xuất từ 100% cành non cây thông, có tác dụng giảm đau, chống viêm nhiễm, chống thấp khớp, chống xung huyết da…</div>
<div>
Hương thơm: Ấm và hơi hắc
Thành phần chiết xuất: Cành non
SƠ LƯỢC VỀ TINH DẦU THÔNG
Tinh dầu nguyên chất thông trị tóc gầu, chống viêm rất hiệu quả, đặc biệt cho những ai bị viêm xoang hay sung huyết, dầu thông rất tốt cho phổi và chữa bệnh đau đầu
Pha chế thêm tinh dầu cúc la mã rất tốt cho bệnh viêm nhiễm
TÁC DỤNG:
Giảm gầu, Giảm đau
Chống viêm nhiễm
Chống thấp khớp
Làm ấm cơ thể
Giảm xung huyết da
Trấn an và cân bằng tinh thần
CÁCH DÙNG:
- Massage toàn thân với dầu nền Nhỏ vào bồn tắm để tắm.
- Dùng để xông hương với đèn điện xông hương hoặc lò đốt nến.
GỢI Ý CÔNG THỨC PHA CHẾ TINH DẦU THÔNG:
Chống viêm nhiễm&nbsp;</div>
<div>
Thông - 5 giọt, Cam ngọt - 5 giọt, Chanh - 4 giọt, Helichrysum - 4 giọt

CHÚ Ý KHI SỬ DỤNG TINH DẦU THÔNG:
* Đọc kỹ hướng dẫn trước khi sử dụng
* Không ăn, uống hay để tinh dầu rớt vào mắt và vùng nhạy cảm
* Không bôi tinh dầu vào vết thương hở
* Phụ nữ mang thai, trẻ nhỏ dưới 3 tuổi, người bệnh kinh niên dùng có sự chỉ định của bác sĩ
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="253" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaVMUQyDWAqX1vG6R46lDHDLtqmt1o-ZvdvLzbLaPUKR6Oqgda_GbeZIm6sXkGmSgyQM5eLDomkt6DEPyDmiYGMrk0juY13jezN7FC5pBchNYHMpnlOKOsQT7-kb7n-BcShRNQGW5PxaXW/s320/Hoa+h%25E1%25BB%2593ng+nguy%25C3%25AAn+ch%25E1%25BA%25A5t.jpg" width="320" /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="290" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOOoBKPNSJtlqy2qlsPEO6bbzFhz5uvKQLAIqn5uFS0TfuULwtzdyQDTRGQxRTf9WXGaZF_efAQ702DtLYBat-xTkOV41VRrSBk7pj3AJOMovzLN1I1Af1xQBD3i6qFKb8zQyoyq6sVpFP/s320/Hoa+h%25E1%25BB%2593ng.jpg" width="320" /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="309" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGRYtPPDRv-s0yNy8BLATH48efMZuO6ZlONN_4KXm_CeGiwaeUu7MEQJXcA2gh3XpVVcoE3UXUIeOmbUWJiXvcKgKlxmv6d_v7Vu6Y8YAGEn4lOXlztSQyO0QfeDM_aPiSEj_08s8KNtyI/s320/hoahong.jpg" width="320" /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="290" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEght75-XKIgp2DR3XQA2hyphenhyphen3sJfzreWEvqtCqL-coT5dsv9jYPvBsSB8kTg389_1Dmjtlqg5UcgcmJcN6g0lsJE_KN-EWMIU1a64eux_sGjfCf_b6U2Ialoug7lpfy871GpVGwoNpKkz3dMY/s320/Tinh+d%25E1%25BA%25A7u+hoa+h%25E1%25BB%2593ng+nguy%25C3%25AAn+ch%25E1%25BA%25A5t.jpg" width="320" /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfuMALO4PO2-YBsIMFQGboIcErBt2mEe0wcEh5elM9vB_FcLNSPK5PBk002laFQl-rAWrr7NS2F9iW3LemZ-I5GIxBDOVY4P_kXvNC1KNBMmISqesc0EI0c6Vb9j871_k__-9nVFojbu4x/s320/Tinh+d%25E1%25BA%25A7u+hoa+h%25E1%25BB%2593ng.jpg" width="320" /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="253" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjozkHEhuSo3PNWvVo6Tw-rGcboFBKii7ukQbVwhZ1BtXR_0uuRuNinysB1DPa2I2yt6yG6yqIH8kJbMQwGKBnR6WKqSk-0ADYf9xnIFXNVMUfnYngdZK4HQQkKGnYONZILTeAGoyjwj5gS/s320/tinhdauhoahong.jpg" width="320" /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="309" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD6wl1ijuYCGRBQKck23MIeakvs4le5yohqDoOVYpcEgvPue_4JtWm4FVzVjvAMx7_OarCZBHsy5rjPcgl7x8QZOsSXSApbMdoQ_ZYAwk8fwX_ks5gfQ5x6E9dcFZchOS6ScfL6k0nEEuk/s320/tinhdauhoahongnguyenchat.jpg" width="320" /></div>
[/chitiet][kythuat][/kythuat] [hot]<span class="iconlct vuacohang">&nbsp;Mới&nbsp;</span>[/hot] [video] [/video] [danhgia][/danhgia]</div>
Lưu ý: Mỗi bài viết cần có ít nhất 7 hình ảnh mới hiển thị đúng

10. Code bài tin tức

[tintuc] Nội dung bài viết [/ tintuc]
 [/tintuc]

SẢN PHẨM TƯƠNG TỰ

Không có nhận xét nào :

Đăng nhận xét