Hướng Dẫn Cài Đặt Template Tinh Dầu Online V4.1
Xin chào các bạn!
Sau khi Template TinhDauOnline được chia sẻ để đóng góp 1 template cho những người yêu thích blogger, bản miễn phí của template này gồm Version 1, Version 2, Version 3, Version 4 lần lượt có những tính năng khác nhau mà tùy nhu cầu của bạn để lựa chọn và sử dụng. Template này rất tâm huyết mà mình tốn rất nhiều thời gian để hoàn thành và tối ưu nó.
Hiện nay bản cập nhật mới là Version 4.1 và bản này có phí.
Template TinhDauOnline ver 4.1 được mình sử dụng để kinh doanh cho website TinhDauOnline.Com.Vn bạn có thể Demo tại đấy!
<!-- Tầng 4 nếu có -->
<!-- Tầng 5 nếu có -->
Sau khi Template TinhDauOnline được chia sẻ để đóng góp 1 template cho những người yêu thích blogger, bản miễn phí của template này gồm Version 1, Version 2, Version 3, Version 4 lần lượt có những tính năng khác nhau mà tùy nhu cầu của bạn để lựa chọn và sử dụng. Template này rất tâm huyết mà mình tốn rất nhiều thời gian để hoàn thành và tối ưu nó.
Hiện nay bản cập nhật mới là Version 4.1 và bản này có phí.
Hiện nay template đã ngừng chia sẻ bản miễn phí, bạn có thể tìm và download tại web của bạn Quý Kòy Idoll tại KetNoi2s.Com
Dưới đây là hướng dẫn cài đặt
1. Cài đặt 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' style='background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2uUWkU5g__zHwpSMO6Iyn1pGvb7g6tBa2PyHoeQevVGdS0bvp9QHdccJrHxavNunBQ6EtdaCQ1j5tvUddLia5OoNG27utV-L0Gn-iZLpmYyVIcLb5AIhZSN0cpkg8e67vWpMgTPTCqQhr/s682/tinh+dau+online+1.png') no-repeat; position: relative;'>
<a class='nivo-imageLink' href='#' >
<img alt="Tinh dầu online" src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq9of_0MQkH0CYKqeQru585FWzwr-fO7p0gPOq3mPOA019iU3Wt8VOrdLGqic0W3oR8jkqUxPku8k3CkAZqixRjc6g1eBFtL1wU5kJiYZUsVNJaEpQbz2HTqHnMpxWtz4oRqnKlIQo5p1w/s682/tinh+dau+online+2.png' style='width:682px' />
</a>
<a class='nivo-imageLink' href='#' style='display: block;'>
<img alt="Tinh dầu online" src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Fk4F5zziWKHMriAK3nPB-3qhOqXlS-D8Wyt4XH3whh3zuTq2Lg10qPnr0lOv8layCAAhv1c6-xxUDXXcA5vHR_CSY3JW5dDxaY1fq0ocK7ntbufBH2p2IfRAN4zN1yGyXNZW8ruzPSJ6/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>0868.458.712</span>
</p>
<a class="yahoo" href="ymsgr:sendIM?b0y.k0_ol">
<img alt="Yahoo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAj_4HFQYtPYBhipq_0PugIQQyd4XqvTuOuw2Cloq5W6DD67-2WNY7xIxcAxPl0UHcC0d0lZrSGGPksc-AL11Q1u5v4z9wYv1lAKW7Dc2QrXfsntwbap2riS3cb9CNWpiSaTQs6PavgZ3D/s1600/yahoo.png"/>
</a>
<a class="skyper" href="skype:hieu.dev?chat">
<img alt="Skyper" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4apuaP_jnJjvLmxo9fEOf2VgCRJnmtiHX2oiszrtVNK1201_wwZya4oPGtvE-_pNyjcc525_MReJMR_Jz34eYASdkCkIhXj3hyphenhyphenG4galE6kv1T4TdfBPR266uIvyRtQgSMQzVgRgyrr7Yz/s1600/skype.png"/>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
Thay dấu # bằng các url liên kết của bạn
3. Footer 1-2-3-4-5 / Phần nhận xét khách hàng
<div class="ykien" style="min-height: 158px;border-radius: 10px; border: 3px solid #0a5f14; box-sizing: border-box; color: #0a5f14; font-family: arial, helvetica, sans-serif; font-size: 13px; line-height: 18px; margin: 0px 0px 5px; padding: 15px; text-align: justify; vertical-align: baseline;"><b>Tôi thường xuyên làm việc trong tình trạng công việc áp lực cao làm tôi luôn căng thẳng, mệt mỏi, cơ thể uể oải, khiến cho hiệu quả công việc bị giảm sút. <br />Từ khi sử dụng tinh dầu của Tinh Dầu Online, mùi hương của Tinh Dầu Online giúp tôi thấy tinh thần phấn chấn, tình trạng mệt mỏi không còn nữa và giúp tôi làm việc trở lại hiệu quả trong cường độ công việc mà không bị nhức đầu hay mệt mỏi như trước nữa.</b></div><div style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; box-sizing: border-box; font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: normal; margin: 0px; padding: 0px; vertical-align: baseline;"><br /><img alt="" class="img-circle" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpV7HqN_ceXpw-WDLvge4zTfQBYA8wTsiR9vn20Qv6Ds9OJfPPRes3HFZHj9DNymEdogDOAKU92tL1qbbIx5GqJB1AAi2feQIm-Y3QLMHStL-vZC5l6hred-DYTAFy0UkFzqm8VGds3KRL/s1600/Nguyen+Ngoc+Hoan.jpg" 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: 80px;" /><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 Nguyễn Ngọc Hoan</span><br />CEO Cty TNHH DV-DT-PT Hưng Vượng</div>
4. Tầng 1 / Sản Phẩm Bán Chạy
Tìm trong mẫu
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ố sượng bài viết muốn hiển thị ra ngoài
Tương tự như các tầng còn lại bạn cũng thay như sau:
Tương tự như các tầng còn lại bạn cũng thay như sau:
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ị ra ngoài trang chủ
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. Tạo 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 tinhdaunguyenchat'>
<div class='tabss-1'>
<div class='floor__title1 container'><div class='column-1 column'><div class='floor__text1'>
<div class='floor__text__val'>TOP</div></div><div class='floor__number'>0</div>
</div><div class='column-4 column'/>
<div class='floor__name'>Tinh Dầu Bán Chạy <i class='fa fa-angle-double-down'/></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/-/Tinh Dầu Bán Chạy?max-results="+10+"&orderby=published&alt=json-in-script&callback=labelproduct2\"><\/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='#'>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 HIỂN THỊ?max-results="+10+"&orderby=published&alt=json-in-script&callback=sanphambanchay\"><\/script>");
//]]>
</script>
</div></div></div></div>
6.3 Danh mục sản phẩm bên cột sidebar
<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>
7. Tạo giỏ hàng
A. Tạo 1 trang tĩnh với tên "Giỏ Hàng" -> Xuất Bản.
Bạn sẽ được đường dẫn như sau: "http://www.tenmiencuaban/p/gio-hang.html"
Bạn sẽ được đường dẫn như sau: "http://www.tenmiencuaban/p/gio-hang.html"
B. Chuyển sang HTML và chèn đoạn code giỏ hàng bên dưới vào
<div class="separator" style="background: #fff; clear: both; padding: 10px 0; text-align: center;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6FyM5TOpjBSKcHWiGsoltwNTlxP1_41D4luqtPZNxscVJ5Lx5DXIRnIyfxUsfdyW9qmoRl2WYwJmWZSFHagrb87VgrF0z0ULyK03M3vzn9noMrVnEIZBSGMfUZIUom6C_7XWK99BXsQ3O/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.631162073" 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>
C. Tạo Google Form như bên dưới
Lưu ý bạn cần tạo 1 Google Form sau đó nhấn Ctrl + U để viewsourse sau đó tìm entry_ và entry. để thay lại cho giỏ hàng có thể nhận được Form của bạn. Sẽ có rất nhiều mã để nhận họ tên, email số điện thoại...vv bạn thay cho đúng.
Trong mẫu cũng có mã Entry, bạn cần thay mã Entry này trùng với Entry của phần Sản Phẩm Cần Mua để nó nhận thông tin đặt hàng nhé!
Do free nên mình không support setup phần này, các bạn tự thực hiện nhé!
8. Thay tất cả đường dẫn của Tinh Dầu Online trong mẫu
Ví dụ: http://www.tinhdauonline.com.vn/.... thay thành http://tenmiencuaban/....
9. Code đăng bài mẫu - Bài 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) </li>
<li>Trả góp 0% ANZ/HSBC/SCB </li>
<li>Tặng 50% Bảo Hành Vàng </li>
<li>Tặng voucher 200.000đ mua sạc dự phòng hoặc ổ cứng </li>
<li>Giao hàng miễn phí toàn quốc </li>
<li>Đổi trả thoải mái theo nhu cầu </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 . </div>
<div>
- Kích thích sự lưu thông </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 </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 height="253" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSC9BUQ5dwlLXxB8yXp8LYKX5XTTjsoEQ5ryopKG3yFAVUwoetWuT3GN4IRdB04Ia21sdmMG7h-qN5ui_YF3kf4RgG9DWZiwcf5jSYlclC976jjaGTtUh88S6mhgJthkH6khe-hwvIaI0Y/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/AVvXsEgLCUai7kvhRxLqSWjNTeAGjROJtKMCu6d1puW9qjUOCtUVbdvczlKKfS10Z7Rp-FBaUGnm8A0U0-dXWC87uY6Db2yoTK3X-_hc0XFMkDfVyt3T1Y3D47zPAgX2GodlZuHK4M0sGZm3mjBh/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/AVvXsEiwMF7G7wAn3ZNgKKxDzK5m7XTclfaRAcHivHSR4KyJL2YfXDwRfV5nNk4XA_rp9N3N87RyBbuflziC8QpIqPi-t77CcErrZkZr0_nIY6LAPw9xOb3bqoFkFBTutH3ygli8aqbUFKkiLR8Y/s320/hoahong.jpg" width="320" /></div>
<div class="separator" style="clear: both; text-align: center;">
<img height="290" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2FzTr31VsQ-XWfJtpltxi334q39L4_PWU14SmTWU_rAAjq6LAnvbGW-HaDPikieXmiqUW4oVeGNyG1FUweXvXLuzZnMczvC3_JCVF_78-4AtV2vzU0LxyOQXPwDowc-RL-E0X54CIsiGk/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 height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqFZwqeW50lfgyZ2d7LZWFaAOoOKSnSS3xN2UwbNj4e776PlBooOVntlTfkkAWWEL7w9gftQnaJCETqgdzXbkrc1NgdnihFXfr_Ls_suEaCv3c4oAKgndt08fhA4ZeAgZzmTqoOYkyf8Hs/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 height="253" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg78H5YaCw7Qz8DCXg7PCmMncWxHyNbAD3Mjj9Wx1JwAmifj6ecbz9D-vwRZmXUCQ6mAIBXiYyaTfw4Lwt7Kya3wAZEvgLFXY9851l0JN8YRNvPgtryJIygMv_mhE1Qu7EhwCvoHPswF8OL/s320/tinhdauhoahong.jpg" width="320" /></div>
<div class="separator" style="clear: both; text-align: center;">
<img height="309" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDy0ukNcZPAFCkbzfgeXZyHx42l7pNfMG_0ER7dKAp7vosf1K7BciuIzWwRmT0QzHo5d70GlMkqbJwL9NY2ojNN0T8Mtx-ekQbP9WL7QP8BtrrqR2oR8kwmrwbV7L4RoryafCkCARNffFY/s320/tinhdauhoahongnguyenchat.jpg" width="320" /></div>
[/chitiet][kythuat][/kythuat] [hot]<span class="iconlct vuacohang"> Mới </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 khi viết bài tin tức
[tintuc]
Nội dung bài viết
[/tintuc]
11. Hỗ Trợ Trực Tuyến
<h2><i class="fa fa-weixin"/> Hỗ trợ trực tuyến</i></h2>
<div class="boxhohokythuat">
<ul>
<li>
<div class="avatar-hotrokt">
<a href="ymsgr:sendim?huynhphungblogger" title="Chát cùng Huỳnh Phụng"><img alt="Huỳnh Phụng" src="http://up.gc-img.net/post_img_web/2015/03/7dd7a5472a8f92edeb5102c7c54f99e3_16393.png" /></a></div>
<div class="info-hotrokt">
<p>Kinh doanh - <span>Huỳnh Phụng</span></p>
<p>Call: 0932.91.3631</p>
<p>
<a class="mar-right" href="skype:dangseotop?chat" title="Chát cùng Huỳnh Phụng"><img alt="skype" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-ZRfI_dsmt-0IUG3HgKAEJgqJX0Pz6L30e7TSgKF7Eyh6lPGO-tdBPvCj6JPCiP_UdQ42QkljyWi73eJ4pRQRiyKLbRpfkN-h4Dtvp1B9xG-hrVc7xvh2AxFOTWlRc2ns08iFqJF50qlQ/s1600/skype-icon.png" style="float: left;margin-right: 10px;" /> </a>
<a href="ymsgr:sendim?huynhphungblogger"><img alt="Huỳnh Phụng" src="http://opi.yahoo.com/online?u=huynhphungblogger" /></a><br/>
<a href="#" title="Chát cùng Huỳnh Phụng"><img alt="facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi61Im2M24msjNoMm3VLe8B29M12AGbKERMU5HeEEYCYIv63ox4qHx9_mKK5YYkZ8YXqBHzBoHfcN7WNrVdoX2mjTnMpFpRIHDT6HSGdudP39I58BSHMINmTQrzh6Z2xg80furLQFFRpEQ/s1600/fb-icon.png" /> </a>
<a href="https://www.facebook.com/hari.dang.95" title="Chát cùng Huỳnh Phụng"><img alt="zalo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8j1Z15GLAgwt9Lt0QxMs9LkapSoPcNPx5L00VaTlw144eDagXcHng0RsUAQ6enAprgxerNMHlPeAtIdl_FZYTcx0iGuSUAAiq68xW5frdz-eKXMZWEnwQG3bSf31CThk_cTNikdTRjt4/s1600/zalo-icon.png" /> </a>
</p></div></li><li>
<div class="avatar-hotrokt">
<a href="ymsgr:sendim?huynhphungblogger" title="Chát cùng Huỳnh Phụng"><img alt="Mai Lê" src="http://up.gc-img.net/post_img_web/2015/03/7dd7a5472a8f92edeb5102c7c54f99e3_16393.png" /></a></div>
<div class="info-hotrokt">
<p>Kinh doanh - <span>Huỳnh Phụng</span></p><p>Call: 0932.91.3631</p>
<p>
<a class="mar-right" href="skype:dangseotop?chat"><img alt="skype" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-ZRfI_dsmt-0IUG3HgKAEJgqJX0Pz6L30e7TSgKF7Eyh6lPGO-tdBPvCj6JPCiP_UdQ42QkljyWi73eJ4pRQRiyKLbRpfkN-h4Dtvp1B9xG-hrVc7xvh2AxFOTWlRc2ns08iFqJF50qlQ/s1600/skype-icon.png" style="float: left;margin-right: 10px;" /> </a>
<a href="ymsgr:sendim?huynhphungblogger"><img alt="quần áo trẻ em giá sỉ" src="http://opi.yahoo.com/online?u=huynhphungblogger" /></a><br/>
<a href="https://www.facebook.com/hari.dang.95" title="Chát cùng Huỳnh Phụng"><img alt="facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi61Im2M24msjNoMm3VLe8B29M12AGbKERMU5HeEEYCYIv63ox4qHx9_mKK5YYkZ8YXqBHzBoHfcN7WNrVdoX2mjTnMpFpRIHDT6HSGdudP39I58BSHMINmTQrzh6Z2xg80furLQFFRpEQ/s1600/fb-icon.png" /> </a>
<a href="https://www.facebook.com/hari.dang.95" title="Chát cùng Huỳnh Phụng"><img alt="zalo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8j1Z15GLAgwt9Lt0QxMs9LkapSoPcNPx5L00VaTlw144eDagXcHng0RsUAQ6enAprgxerNMHlPeAtIdl_FZYTcx0iGuSUAAiq68xW5frdz-eKXMZWEnwQG3bSf31CThk_cTNikdTRjt4/s1600/zalo-icon.png" /> </a>
</p></div></li><li>
<div class="avatar-hotrokt">
<a href="ymsgr:sendim?huynhphungblogger"><img alt="bán quần áo trẻ em giá sỉ tại tphcm" src="http://up.gc-img.net/post_img_web/2015/03/7dd7a5472a8f92edeb5102c7c54f99e3_16393.png" /></a></div><div class="info-hotrokt">
<p>Tư vấn - <span>Huỳnh Phụng</span></p>
<p>Call: 0932.91.3631</p><p>
<a class="mar-right" href="skype:dangseotop?chat"><img alt="skype" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-ZRfI_dsmt-0IUG3HgKAEJgqJX0Pz6L30e7TSgKF7Eyh6lPGO-tdBPvCj6JPCiP_UdQ42QkljyWi73eJ4pRQRiyKLbRpfkN-h4Dtvp1B9xG-hrVc7xvh2AxFOTWlRc2ns08iFqJF50qlQ/s1600/skype-icon.png" style="float: left;margin-right: 10px;" /> </a>
<a href="ymsgr:sendim?huynhphungblogger"><img alt="bán sỉ áo quần trẻ em" src="http://opi.yahoo.com/online?u=huynhphungblogger" /></a><br/>
<a href="https://www.facebook.com/hari.dang.95" title="Chát cùng Huỳnh Phụng"><img alt="facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi61Im2M24msjNoMm3VLe8B29M12AGbKERMU5HeEEYCYIv63ox4qHx9_mKK5YYkZ8YXqBHzBoHfcN7WNrVdoX2mjTnMpFpRIHDT6HSGdudP39I58BSHMINmTQrzh6Z2xg80furLQFFRpEQ/s1600/fb-icon.png" /> </a>
<a href="https://www.facebook.com/hari.dang.95" title="Chát cùng Huỳnh Phụng"><img alt="zalo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8j1Z15GLAgwt9Lt0QxMs9LkapSoPcNPx5L00VaTlw144eDagXcHng0RsUAQ6enAprgxerNMHlPeAtIdl_FZYTcx0iGuSUAAiq68xW5frdz-eKXMZWEnwQG3bSf31CThk_cTNikdTRjt4/s1600/zalo-icon.png" /> </a>
</p></div></li></ul></div><style>
div.boxhohokythuat {float: left;width: 100%;}
div.boxhohokythuat li {list-style: none;float: left;width: 313px;margin-bottom: 15px;}
div.boxhohokythuat ul {margin: 0;padding: 0;}
div#boxlienhehotrokt {float: left;width: 100%;overflow: hidden;}
div.avatar-hotrokt {float: left;width: 110px;overflow: hidden;height: 99px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhySuaaL9Q6StGq0arRf9CL0-8Yn5FiCW_K4i6SGoGMj1hKtSEWCNTfFoKn62-938_BPO9NE8iwEXt-24Y6fPxBQueFeG6XEfoQ-ucYzFpcdRMTJFNhGeLzSn-VkucigqOwDBRyyTQpP5HE/s0/bg_avatar.png) no-repeat;position: relative;}
div.avatar-hotrokt img {float: left;margin-left: 13px;margin-top: 12px;width: 75px;height: 75px;border-radius: 100%;overflow: hidden;}
div.info-hotrokt p {font: 13px arial;color: #333;margin: 0;padding: 0;line-height: 22px;
}
div.info-hotrokt span {color: #f55438;}
</style>
12. 7 Cam Kết Vàng
<div class="box">
<div class="right"></div>
<div class="top7" style="height:55px;background:none !important">
<h4 id="h4-camket">Cam kết vàng</h4>
</div>
<div class="middle hotroonline" id="bg-camket" style="overflow:hidden;">
<ul style="padding:10px">
<li style=" list-style: none;padding:5px 0 0 0;position:relative; font-size:15px; cursor:pointer" class="li-commit"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXlDW76OzL7gUecX2yMXaddmCjmC-pFbcXeptVyq5wS81wB10JABW4w0xEfLuHaWijoBHMMMWMbQDr8LfyzzEOBhTanAuoXIcvYJP0Fknu2ajH36DXJozVctFOafpz36ruSw3l15Y66nap/s1600/star-commit.png" alt="" 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">Sản phẩm chính hãng</span> </li>
<li style=" list-style: none;padding:5px 0 0 0;position:relative; font-size:15px; cursor:pointer" class="li-commit"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXlDW76OzL7gUecX2yMXaddmCjmC-pFbcXeptVyq5wS81wB10JABW4w0xEfLuHaWijoBHMMMWMbQDr8LfyzzEOBhTanAuoXIcvYJP0Fknu2ajH36DXJozVctFOafpz36ruSw3l15Y66nap/s1600/star-commit.png" alt="" 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">Bảo hành chính hãng</span> </li>
<li style=" list-style: none;padding:5px 0 0 0;position:relative; font-size:15px; cursor:pointer" class="li-commit"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXlDW76OzL7gUecX2yMXaddmCjmC-pFbcXeptVyq5wS81wB10JABW4w0xEfLuHaWijoBHMMMWMbQDr8LfyzzEOBhTanAuoXIcvYJP0Fknu2ajH36DXJozVctFOafpz36ruSw3l15Y66nap/s1600/star-commit.png" alt="" 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 tin cậy</span> </li>
<li style=" list-style: none;padding:5px 0 0 0;position:relative; font-size:15px; cursor:pointer" class="li-commit"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXlDW76OzL7gUecX2yMXaddmCjmC-pFbcXeptVyq5wS81wB10JABW4w0xEfLuHaWijoBHMMMWMbQDr8LfyzzEOBhTanAuoXIcvYJP0Fknu2ajH36DXJozVctFOafpz36ruSw3l15Y66nap/s1600/star-commit.png" alt="" 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=" list-style: none;padding:5px 0 0 0;position:relative; font-size:15px; cursor:pointer" class="li-commit"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXlDW76OzL7gUecX2yMXaddmCjmC-pFbcXeptVyq5wS81wB10JABW4w0xEfLuHaWijoBHMMMWMbQDr8LfyzzEOBhTanAuoXIcvYJP0Fknu2ajH36DXJozVctFOafpz36ruSw3l15Y66nap/s1600/star-commit.png" alt="" 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=" list-style: none;padding:5px 0 0 0;position:relative; font-size:15px; cursor:pointer" class="li-commit"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXlDW76OzL7gUecX2yMXaddmCjmC-pFbcXeptVyq5wS81wB10JABW4w0xEfLuHaWijoBHMMMWMbQDr8LfyzzEOBhTanAuoXIcvYJP0Fknu2ajH36DXJozVctFOafpz36ruSw3l15Y66nap/s1600/star-commit.png" alt="" class="img-commit" /><span style="position:absolute;top:10px; 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=" list-style: none;padding:5px 0 0 0;position:relative; font-size:15px; cursor:pointer" class="li-commit"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXlDW76OzL7gUecX2yMXaddmCjmC-pFbcXeptVyq5wS81wB10JABW4w0xEfLuHaWijoBHMMMWMbQDr8LfyzzEOBhTanAuoXIcvYJP0Fknu2ajH36DXJozVctFOafpz36ruSw3l15Y66nap/s1600/star-commit.png" alt="" 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>
Chúc bạn thành công!
Hướng Dẫn Cài Đặt Template Tinh Dầu Online V4.1
Reviewed by ShopOnline
on
tháng 2 26, 2017
Rating:
Reviewed by ShopOnline
on
tháng 2 26, 2017
Rating:
Không có nhận xét nào: