Mẫu theme template tinh dầu online 4.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 5.3 và bản này có phí.
Template TinhDauOnline
Bản Template TinhDauOnline V4.1

Hiện nay template v4 đã ngừng chia sẻ miễn phí, bạn có thể tìm và download tại đây

Update:

V5.0 (12/2016): 
  1. Fix lỗi menu nằm dưới danh mục sản phẩm
  2. Giá bán xuất hiện kí tự lạ ở phiên bản v4.0
V5.1 (1/3/2017)
  1. Tối ưu tốc độ tải trang nhanh hơn 30% so với các phiên bản trước
V5.2 (12/3/2017)
  1. Hiệu ứng các thành phần blog khi tải trang như phiên bản v4.0 effect
  2. Menu cấp 2 trên máy tính
  3. Ô sản phẩm ở trang chủ lớn hơn
  4. Mở tab mới khi đặt hàng
V5.3 (19/4/2017)
  1. Không hiển thị hình ảnh khi đặt hàng.


LỖI PHỔ BIẾN KHI CÀI ĐẶT

1. Không nhận thông tin khi đặt hàng

Phần này mình chỉ hổ trợ tạo Giỏ hàng cho những bạn mua bản có phí của TinhDauOnline vì tạo giỏ hàng này mất từ 30p đến 1h nên mình chỉ hỗ trợ setup cho khách hàng.
Các bạn dùng các bản Free có thể tự tạo Form Google và thay lại các mã Entry.

2. Không nhận bài viết ở trang nhãn (Danh mục)

Tìm dòng <ul class='listnews'> (Trong mẫu)
Và thay dòng màu đỏ bên dưới thành tên miền của bạn lại:

homepageurl=&quot;http://www.tinhdauonline.com.vn/&quot;;

(Xem hình)

3. Menu nằm dưới danh mục sản phẩm khi xem bằng di động

Tìm dòng #menu{  (Trong mẫu)
Thay thuộc tính opacity: 0.9 thành opacity: 1

4. Lỗi bài viết hiện trang chủ bị teo nhỏ

Khi danh mục ngoài trang chủ chỉ có 1 bài viết sẽ bị thu nhỏ. Bạn chỉ cần đăng từ 2 bài trở lên là hết lỗi

DƯỚI ĐÂY LÀ HƯỚNG DẪN CÀI ĐẶT

1. Cài đặt Menu

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

CODE
<div class='slide-auto'>
<div class='slideshow'>
<div class='nivoSlider' id='slideshow' style='background: url(&apos;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfY9HnekK8dylYBchR78A_5hiPnBx7QEAMADpx72PPHr9B18AFjbIGRqxgWG_7zZFgvy_nHTfyUJ86vEBmSR08g-ymNdO0qJUdhYUo0xuxzEoLAkb0Wowy6f5XhiUAtMSbzTuLigSNjTrK/s682/tinh+dau+online+1.png&apos;) no-repeat; position: relative;'>
<a class='nivo-imageLink' href='#' >
<img alt="Tinh dầu online" src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNkXgvaKUZoZQlAAYiwXyVU9XPrVLLZ8r4mPsv9Ju7zvkf_a8WDWaPELmoxHkQSny22R93_IDmMsjt2TZUiMx-4Q9aqX0YgU2kbKfc257Bd__JySmdqWI610TtxPrxWQNZheNrGkonmVQq/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/AVvXsEizDGNc9r44emVxxf2agftUopaem7Kuxb8ylAS4bh0ZV6Xd5SH0TBhBVzCB_E3q1heEpwmRkAM6_ga1ooO1MR1NCdxKty9pp4cJIjkC0a3S0l9JQDtMDYl7skyv2Q4gx5P4CsnBSjwc3wVV/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/AVvXsEip9t11ZToQWxxUsCYze1STqEjMr84JbrJAuHzw_K_8naW6K2Se6eb0fEV5feic1QtcI_OaavlLakHW5l7vv9WF_GIbZFW5Rh2VJv-XVZ1zMgC6xv95-jTuwLcGUu0iYbBbHK7_HYGT5aLB/s1600/yahoo.png"/>
</a>
<a class="skyper" href="skype:hieu.dev?chat">
<img alt="Skyper" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8nQAzWT2QrTqftqbp2x4XJtre2tKDJK_H1dbzBre5Yxaa0hgfGY3eqWpnjIcsEVzLSFuivfmLzwzctePq01OhXr7dRQK9fhRCHF1K-k2c1MBmyIB6-s4P9x-vfKZTPPNMVX_gD26irKrS/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



CODE
<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/AVvXsEjay18NsnjdQujlLRBCFGLCHgxMmQuzgnQ5-u75e2uuzLZSFEaKlPq2Ai3asaLlb39eU1qy6a8AfQ-1HhZuKmZ7PeIRWiBE4VMVUlipD36nurtHPdR87aHiMesNZaSZzzEtNdY5Bmd2kQvr/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. Các tầng sản phẩm

Tìm các dòng như sau:
/feeds/posts/default/-/Tinh Dầu Nguyên Chất?max-results="+10+"
  • Và thay nhãn Tinh Dầu Nguyên Chất thành nhãn của bạn
  • Giá trị 10: là hiển thị 10 bài bạn có thể thay đổi lại bằng con số khác


5. Tạo thêm một danh mục mới (Trong mẫu)

Tìm code sau bên dưới, và chèn code tạo thêm danh mục mới mà mình đã đánh dấu sẳn.
<!-- Tầng 3 nếu có -->
<!-- Tầng 4 nếu có -->
<!-- Tầng 5 nếu có -->

<div class='spntabs tinhdaunguyenchat'>

<div class='tabss-3'>

<div class='floor__title3 container'><div class='column-1 column'><div class='floor__text3'>

<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'>Tinh Dầu Nguyên Chất <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 Nguyên Chất?max-results="+10+"&orderby=published&alt=json-in-script&callback=labelproduct2\"><\/script>");
//]]>
</script>
</div>
</div>
</div></div>
<div class='floor__namez3'>
<a href='/search/label/Tinh Dầu Nguyên Chất'>Xem Tất Cả <i class='fa fa-angle-double-down'/></a>
</div>
</div>

6. Hỗ Trợ Trực Tuyến (Trong Sidebar)


Thêm 1 html/javascript trong sidebar (Nằm trong bố cục)

CODE
<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/AVvXsEjjxh-hOAKLzkRNOKGSDAFn1AmsNACeQM0noSfh4_w-rpdYk-L7NIKUSGSvAQ5AzFJOWoNneniadLi2A6d-u_oGPlMbMceGiD_mk-GH3YxL4Cwkj8b3Jy-ecGI7wM0SPbxGpGUIQwmoYlS9/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/AVvXsEhX2q1zIidwmQSbTSwjsm2DLdm-LthnDOHU11fTqFJxFKmIvuEwrDXzbwx_7-j1W1B7l5wwpWTk469XVfcBsOYsQ27N7rXlkXmoaj8bfcS8fSpw83ycBBAklDg2oV4NDVcTCw66lpCb1lk/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/AVvXsEhoQDpS9y3IHbZyZxikH4hmwn6D0EkQBy6EOvjBfK0LOJJfL8JKF9TKLzpqEeJWnpK8VmmwtFV0tEZ1GUtvv_5ZxndG4KZxChVbpVbg8VTkjnlazu_ILcQOkQFYv1s3IQkxWprnnmH50es/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/AVvXsEjjxh-hOAKLzkRNOKGSDAFn1AmsNACeQM0noSfh4_w-rpdYk-L7NIKUSGSvAQ5AzFJOWoNneniadLi2A6d-u_oGPlMbMceGiD_mk-GH3YxL4Cwkj8b3Jy-ecGI7wM0SPbxGpGUIQwmoYlS9/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/AVvXsEhX2q1zIidwmQSbTSwjsm2DLdm-LthnDOHU11fTqFJxFKmIvuEwrDXzbwx_7-j1W1B7l5wwpWTk469XVfcBsOYsQ27N7rXlkXmoaj8bfcS8fSpw83ycBBAklDg2oV4NDVcTCw66lpCb1lk/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/AVvXsEhoQDpS9y3IHbZyZxikH4hmwn6D0EkQBy6EOvjBfK0LOJJfL8JKF9TKLzpqEeJWnpK8VmmwtFV0tEZ1GUtvv_5ZxndG4KZxChVbpVbg8VTkjnlazu_ILcQOkQFYv1s3IQkxWprnnmH50es/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/AVvXsEjjxh-hOAKLzkRNOKGSDAFn1AmsNACeQM0noSfh4_w-rpdYk-L7NIKUSGSvAQ5AzFJOWoNneniadLi2A6d-u_oGPlMbMceGiD_mk-GH3YxL4Cwkj8b3Jy-ecGI7wM0SPbxGpGUIQwmoYlS9/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/AVvXsEhX2q1zIidwmQSbTSwjsm2DLdm-LthnDOHU11fTqFJxFKmIvuEwrDXzbwx_7-j1W1B7l5wwpWTk469XVfcBsOYsQ27N7rXlkXmoaj8bfcS8fSpw83ycBBAklDg2oV4NDVcTCw66lpCb1lk/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/AVvXsEhoQDpS9y3IHbZyZxikH4hmwn6D0EkQBy6EOvjBfK0LOJJfL8JKF9TKLzpqEeJWnpK8VmmwtFV0tEZ1GUtvv_5ZxndG4KZxChVbpVbg8VTkjnlazu_ILcQOkQFYv1s3IQkxWprnnmH50es/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/AVvXsEhCTF9T7uImKtY_tdQdPfWrcotX-HO_4ik6sJY7lvjfGk_g7LjPkj_6cJ8Xjz-nGvfCZaz35jAg-80_FxtZO2PmyENXjDsR0F-nLvT9s-SHgJuuIbyP4A6aQbeEDhuJIEReScqucXUn9fx0/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>

7. Tạo 7 Cam Kết Vàng


Thêm 1 html/javascript trong sidebar (Nằm trong bố cục)


CODE
<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/AVvXsEjaR2ooNGZUYmOmqtcErUYo4cNGJP3QnHUFYHP2p1b8Y_vVULg3zYgAAWizbOtWG1P6ipHvgu97LmLFegAMmSp437mT1i-z1PI4_fDf7clnTcuVOGnndWRWGA9Dkxt1iNBbK0y3qyHVQzm9/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/AVvXsEjaR2ooNGZUYmOmqtcErUYo4cNGJP3QnHUFYHP2p1b8Y_vVULg3zYgAAWizbOtWG1P6ipHvgu97LmLFegAMmSp437mT1i-z1PI4_fDf7clnTcuVOGnndWRWGA9Dkxt1iNBbK0y3qyHVQzm9/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/AVvXsEjaR2ooNGZUYmOmqtcErUYo4cNGJP3QnHUFYHP2p1b8Y_vVULg3zYgAAWizbOtWG1P6ipHvgu97LmLFegAMmSp437mT1i-z1PI4_fDf7clnTcuVOGnndWRWGA9Dkxt1iNBbK0y3qyHVQzm9/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/AVvXsEjaR2ooNGZUYmOmqtcErUYo4cNGJP3QnHUFYHP2p1b8Y_vVULg3zYgAAWizbOtWG1P6ipHvgu97LmLFegAMmSp437mT1i-z1PI4_fDf7clnTcuVOGnndWRWGA9Dkxt1iNBbK0y3qyHVQzm9/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/AVvXsEjaR2ooNGZUYmOmqtcErUYo4cNGJP3QnHUFYHP2p1b8Y_vVULg3zYgAAWizbOtWG1P6ipHvgu97LmLFegAMmSp437mT1i-z1PI4_fDf7clnTcuVOGnndWRWGA9Dkxt1iNBbK0y3qyHVQzm9/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/AVvXsEjaR2ooNGZUYmOmqtcErUYo4cNGJP3QnHUFYHP2p1b8Y_vVULg3zYgAAWizbOtWG1P6ipHvgu97LmLFegAMmSp437mT1i-z1PI4_fDf7clnTcuVOGnndWRWGA9Dkxt1iNBbK0y3qyHVQzm9/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/AVvXsEjaR2ooNGZUYmOmqtcErUYo4cNGJP3QnHUFYHP2p1b8Y_vVULg3zYgAAWizbOtWG1P6ipHvgu97LmLFegAMmSp437mT1i-z1PI4_fDf7clnTcuVOGnndWRWGA9Dkxt1iNBbK0y3qyHVQzm9/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>

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

9. Tạo giỏ hàng (Rất quan trọ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. Chuyển sang HTML và chèn đoạn code giỏ hàng bên dưới vào

CODE
<div class="separator" style="background: #fff; clear: both; padding: 10px 0; text-align: center;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6yCHDlmzLgZqfpDwfltvKnM_4lyMF1W0UrRLe8fX2rSX8WxwOyeFrpID_SEOGaVyJrwOELfF_uSIs-YULaNf0CLbhyz45bgRNBkYhXXyyvd8dQC-572_ukGSGJ1qfFVcEC4VsoaGHQMw_/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_  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é!

Trong phần code của Giỏ hàng có 18 thẻ Entry trong khi đó trong Google Form có 6 thẻ Entry. Vậy 1 thẻ Entry trong Google Form sẽ thay 3 thẻ trong giỏ hàng
Do free nên mình không support setup phần này, các bạn tự thực hiện nhé!

Lưu ý:

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

Thay toàn bộ đường dẫn có chứa từ: http://www.tinhdauonline.com.vn/.... thay thành http://tenmiencuaban/....

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

Bạn nên dán code này trong Mẫu bài đăng để khi đăng bài mới nó sẽ hiển thị lại
(Xem hình)

Code dài

[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 height="253" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmXJp-wKRWSX3jM6G3SDLXQeou2lxOKzrG7mOZ1v-ZhXxgORPi98Ue1QYyMd4wxVy7A8Tr0v3FqS8tNvh648J26cJMZhQeR7wzjxIqbPyiTz-9QX7Q5FTEwxVY4mC69K-XBpD6fHdJkTy2/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/AVvXsEh48tHDhfc9nUmfnc7Sh8zh3F0rU6fFEzGXJDwvbxmTz1vy6jFSmYqijzQk_EH3Y_0gCU96qB8AnMa46H-8H_1ap73uDtgdM0089IQQRJVPz5qsQneDdkbERiBJUSK8XO_rV0ofRVVq9wl5/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/AVvXsEgtiOX7trf3kH2HKNku6Ajo9ANnsEu7WFRGpr7ZQZ8O27zoQrAg69w7UWpotsQuIU1bALlG-6sLwoaKYzvt9MM0z6wUJDmXklBYbkseZBlVoSN7wZkMZJ8ZMtbJEb2Ds-IgRGBJxoPF3JCM/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/AVvXsEiqOcNv9df72JsE0xmefs3Ky76mAQSWC72UhjUZwrv_ZQAxAR-Pslo3-6eTf94E-uK9hmTmg_fmOcK-LipPGvrVOEGb6sNo4JcO_ADNodY-ExDW8aGgavkgnaEokHhfsh7r20ESmDgiPzmf/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/AVvXsEgMUZKQUopH7nZLRMX7XzE3X8h4MGh80ismDiDgeWfvEMiqj5-rKuTrjHg99BjrUvMBeQKAGQic-yz3ci5k_y484BwElmSaNBBxspUBrTIMfoVE7N2ZSCNnrGAMFconp_ifW3zVPzNFSjIk/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/AVvXsEi2Bcr9eG76znkRuijo0faAJEOQzPV6L24SfUqHCsUVvU8znWuy_hWS8HeghWwKzcnOFgM9ZAIqc8f31ogr6Hg0Djp2wFnwrB1QEQfk6TOY6k-NhU4iGDTJHyGfNHvJAwd4HCTUUPtgrpjN/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/AVvXsEiKFpsBP-ikwt10RRrBXiiXL1glffkRK0mQrgNOfYicRGBftldl289UGwK5Dnyox8brpx6FmFj9U3xFi1SqjaeuVhd6_NZTJ05CjsGFQRreX34Ht9hzwUvHDnxEEsf0TmZY0vzT0kt9whQr/s320/tinhdauhoahongnguyenchat.jpg" width="320" /></div>
[/chitiet][kythuat][/kythuat] [hot]<span class="iconlct vuacohang">&nbsp;Mới&nbsp;</span>[/hot]</div>

Code ngắn

[giaban]Nhập giá bán[/giaban]<br/>
[giacu]Nhập giá chưa giảm[/giacu]<br/>
[tomtat]Nhập nội dung tóm tắt[/tomtat]<br/>
[chitiet]Nhập nội dung dài[/chitiet]<br/>
[kythuat]Nội dung về Bảng gái[/kythuat]<br/>
[hot]<span class="iconlct vuacohang">&nbsp;Giảm -36%&nbsp;</span>[/hot]<br />
Thêm nội dung bất kì khác những nội dung ở phần này sẽ bị ẩn
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]

Nhập nội dung bài viết tin tức vào đây
[/tintuc]

P/s Nội dung tin tức, không hiển thị giá và đặt hàng gì cả chỉ là nội dung bài viết. Nó được đặt trong thẻ [tintuc] và [/tintuc]


11. Ẩn link Tinhdauonline dưới chân trang

Thay
<p>© 2014 <a href="/" id="khongxoaphannay">Tinh Dầu Online</a> Store V5.2 - All Rights Reserved. Designed by <a href="http://www.toilaquantri.com/" target="_blank" title="http://www.toilaquantri.com/">http://www.toilaquantri.com/</a></p>
Thành
<p>© 2014 <a href='#'>Tên Webcuaban</a> Store V5.2 - All Rights Reserved.<a id='khongxoaphannay' style='visibility: hidden'/></p>
 Nguồn: http://www.toilaquantri.com

Viết bình luận

[facebook][blogger]

Biểu mẫu liên hệ

Tên

Email *

Thông báo *

Được tạo bởi Blogger.
Javascript DisablePlease Enable Javascript To See All Widget