Share Template shop bán hàng thời trang - Sondollar Shop
Template shop bán hàng thời trang này thấy nhiều người hỏi xin quá nên hôm nay mình quyết định share nó cho ai cần và thích nó. Đừng quên nhấn LIKE và +1 để ủng hộ mình. Ai copy bài viết này xin ghi rõ nguồn. Xin cảm ơn
Theme blogspot này nhìn khá đẹp mắt rất thích hợp co những ai muốn làm site bán quần áo ,giày dép thời trang,mỹ phẩm ... Bạn chỉ cần chỉnh sửa ảnh giao diện 1 chút là ok,nó có thể thành bất cứ shop gì mà bạn muốn
Pass giải nén file là: bittemplates.blogspot.com
Hướng dẫn cài đặt hiển thị trang chủ
- Sửa slider ảnh: Các bạn tìm link ảnh này trong code rồi sửa lại thôi: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpcdTHvCu_6lBlKl7hsFK3GPw6Hhyphenhyphenmsbd7_YNoj6CF6nP0NkdrZl51BZ5jPi9hluwt69tSZWMa2I0FGyx3gHaHJVd9j5ka2mIUPfMb5qVAnf4oZJ56sM-_jKUQtgxXMXhlTP_ynRPd86Pw/s1100/banner.jpg
Nếu không muốn nó hiển thị thì vào code tìm .banner rồi thêm thuộc tính sau vào trong ngoặc display:none . Đê nhìn cho dễ nhìn thì các bạn tiêp tục tìm đoạn code dưới xóa nó đi:
body {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI1-j6XkJ51vdlu3nt71iklQrLCwTMlwGt7wGGVmi4ibHjQtmiaQ4SbWvF69NmyVjix4FeRcdp17DTAY6Mkn9yEVqM6L0zSpCHY3dtQ6RNP6Tgb_BVC5gN0k7HnlSUXuBpeZe6E_eO4Pt0/s222/bg2.jpg") repeat-x #F3F3F3;
}
- Sửa hiển thị trang chủ
Các bạn up code lên xong các bạn vào Bố cục (Layout)
- Các bạn để ý đến cái 3 tiện ích HTML/Javascript đầu tiên rồi copy code dưới đây vào
HTML/Javascript 1 bạn copy code sau
- HTML/Javascript 2 bạn copy code sau
- HTML/Javascript 3 bạn copy code sau
Chú ý: Các bạn sửa câu từ, hình ảnh lại sao cho phù hợp.
- Sửa slider ảnh: Các bạn tìm link ảnh này trong code rồi sửa lại thôi: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpcdTHvCu_6lBlKl7hsFK3GPw6Hhyphenhyphenmsbd7_YNoj6CF6nP0NkdrZl51BZ5jPi9hluwt69tSZWMa2I0FGyx3gHaHJVd9j5ka2mIUPfMb5qVAnf4oZJ56sM-_jKUQtgxXMXhlTP_ynRPd86Pw/s1100/banner.jpg
Nếu không muốn nó hiển thị thì vào code tìm .banner rồi thêm thuộc tính sau vào trong ngoặc display:none . Đê nhìn cho dễ nhìn thì các bạn tiêp tục tìm đoạn code dưới xóa nó đi:
body {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI1-j6XkJ51vdlu3nt71iklQrLCwTMlwGt7wGGVmi4ibHjQtmiaQ4SbWvF69NmyVjix4FeRcdp17DTAY6Mkn9yEVqM6L0zSpCHY3dtQ6RNP6Tgb_BVC5gN0k7HnlSUXuBpeZe6E_eO4Pt0/s222/bg2.jpg") repeat-x #F3F3F3;
}
- Sửa hiển thị trang chủ
Các bạn up code lên xong các bạn vào Bố cục (Layout)
- Các bạn để ý đến cái 3 tiện ích HTML/Javascript đầu tiên rồi copy code dưới đây vào
HTML/Javascript 1 bạn copy code sau
<style>
.welcome_body {
margin:30px;
}
.feat_container {
background-color:#DFDFDF;
background-position:initial initial;
background-repeat:initial initial;
font-weight:bold;
height:40px;
margin:0;
width:953px;}
.feat {
color:#333333;
float:left;
font-size:26px;
margin:5px 0 0 20px;
}
.all_prod {
float:right;
font-size:16px;
margin:10px 20px 0 0;
}
</style>
<div class="welcome_body">
<span style="font-size:26px;">Welcome to Sơnđôna.Shop</span>
<p>Sơnđôna.Shop – Cửa hàng Nội y online lớn nhất thị trường Việt Nam. Chuyên cung cấp các sản phẩm nội y cao cấp chính hãng và chất lượng, Sơnđôna.Shop chính là giải pháp mua sắm nội y tiện lợi nhất dành cho mọi phụ nữ.</p>
</div>
<div class="feat_container">
<div class="feat">Sơnđôna.Shop - Siêu khuyến mại</div>
</div>
.welcome_body {
margin:30px;
}
.feat_container {
background-color:#DFDFDF;
background-position:initial initial;
background-repeat:initial initial;
font-weight:bold;
height:40px;
margin:0;
width:953px;}
.feat {
color:#333333;
float:left;
font-size:26px;
margin:5px 0 0 20px;
}
.all_prod {
float:right;
font-size:16px;
margin:10px 20px 0 0;
}
</style>
<div class="welcome_body">
<span style="font-size:26px;">Welcome to Sơnđôna.Shop</span>
<p>Sơnđôna.Shop – Cửa hàng Nội y online lớn nhất thị trường Việt Nam. Chuyên cung cấp các sản phẩm nội y cao cấp chính hãng và chất lượng, Sơnđôna.Shop chính là giải pháp mua sắm nội y tiện lợi nhất dành cho mọi phụ nữ.</p>
</div>
<div class="feat_container">
<div class="feat">Sơnđôna.Shop - Siêu khuyến mại</div>
</div>
- HTML/Javascript 2 bạn copy code sau
<style>
.thumbcont {height:335px;margin:20px 0;width:975px;}
.cont {-webkit-box-shadow:#AFAFAF 0 0 5px;background-color:#FFFFFF;background-position:initial initial;background-repeat:initial initial;box-shadow:#AFAFAF 0 0 5px;display:inline-block; height:322px; margin-right:20px; width:220px;}
img.label_thumb {float:left;height:306px;margin:8px;width:207px;}
#info_cont {background-color:#000000;display:none;height:115px;margin-left:8px;opacity:0;padding:10px;position:absolute;top:377px;width:187px;}
</style>
<div class="thumbcont">
<div class="cont">
<a href="#" title="Dress Copule Korea Style Ibu Dan Anak DR 128907">
<img class="label_thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgcjE6WTdJLM3Dn0x0IffiN-dUuxXr2KIQKQQGFjk8WzvpCb33kBmqYYsbkcy4es914mvJh-PI-925W1IU9hQkdorQZrva82ArjmNrFdKVgxxBVZ0jV_YlfiA33pasdmA6RIS8nuTXRHg/s1600/2013_june_wannabe_lhomepage.jpg"/>
</a>
<div id="info_cont" style="opacity: 0; display: block;">
<div id="judul">
Dress Copule Korea Style Ibu Dan Anak DR 128907
</div>
<div class="detail_button">
<a href="http://shoppaholic-boutique.blogspot.com/2013/04/dress-copule-korea-style-ibu-dan-anak.html">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBwzCt371Nj540qotgjzdfEmuI6Y2kvURrY38c1wYJC_AT3_yltTkOQefrMHjYUC85eAbF3oWIMu2ovh6vgFSY7bvi9tCSAXxXYpV4hCNvUVxxb9oKYpAd8WIDyIP0ecn5CotdILTsNjA/s1600/2013_June_wacoal_Homepage.jpg" width="119px" height="21px"/>
</a>
</div>
<div class="price">IDR 168.000</div>
</div>
</div>
<div class="cont">
<a href="#" title="Dress Copule Korea Style Ibu Dan Anak DR 128907">
<img class="label_thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBwzCt371Nj540qotgjzdfEmuI6Y2kvURrY38c1wYJC_AT3_yltTkOQefrMHjYUC85eAbF3oWIMu2ovh6vgFSY7bvi9tCSAXxXYpV4hCNvUVxxb9oKYpAd8WIDyIP0ecn5CotdILTsNjA/s1600/2013_June_wacoal_Homepage.jpg"/>
</a>
<div id="info_cont" style="opacity: 0; display: block;">
<div id="judul">
Dress Copule Korea Style Ibu Dan Anak DR 128907
</div>
<div class="detail_button">
<a href="#">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC7633YAbPG1UM1bBR29NrXi1IIDbdj_bsQCWdQKnuopNDT8BuQRZoiwEytTS7rrUBH1p78SAZE3AFkCe3EH4J_D4yVhMnc8BKZ2jPgWQtpHGVTWNiBJXBt9voMOhjBXrgj_80ZUA_OLA/s1600/2013_June19_triump_Homepage.jpg" width="119px" height="21px"/>
</a>
</div>
<div class="price">IDR 168.000</div>
</div>
</div>
<div class="cont">
<a href="#" title="Dress Copule Korea Style Ibu Dan Anak DR 128907">
<img class="label_thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZCwis4QXAm-b1At_83yHd5QOzpvt_htduoztrBqfntue_CWSGlY-F6Ua0ZoOnkYWGuJanmmx4uA-wg8uMTXfbD8E-bizg42f4LFiTp_ZAYl7F9u3QMdt3tc1kDV3W_MSUWYJtUEyks5o/s1600/2013_june_ibasic3combo_Homepage.jpg"/>
</a>
<div id="info_cont" style="opacity: 0; display: block;">
<div id="judul">
Dress Copule Korea Style Ibu Dan Anak DR 128907
</div>
<div class="detail_button">
<a href="#">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBwzCt371Nj540qotgjzdfEmuI6Y2kvURrY38c1wYJC_AT3_yltTkOQefrMHjYUC85eAbF3oWIMu2ovh6vgFSY7bvi9tCSAXxXYpV4hCNvUVxxb9oKYpAd8WIDyIP0ecn5CotdILTsNjA/s1600/2013_June_wacoal_Homepage.jpg" width="119px" height="21px"/>
</a>
</div>
<div class="price">IDR 168.000</div>
</div>
</div>
<div class="cont">
<a href="#" title="Dress Copule Korea Style Ibu Dan Anak DR 128907">
<img class="label_thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC7633YAbPG1UM1bBR29NrXi1IIDbdj_bsQCWdQKnuopNDT8BuQRZoiwEytTS7rrUBH1p78SAZE3AFkCe3EH4J_D4yVhMnc8BKZ2jPgWQtpHGVTWNiBJXBt9voMOhjBXrgj_80ZUA_OLA/s1600/2013_June19_triump_Homepage.jpg"/>
</a>
<div id="info_cont" style="opacity: 0; display: block;">
<div id="judul">
Dress Copule Korea Style Ibu Dan Anak DR 128907
</div>
<div class="detail_button">
<a href="#">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZCwis4QXAm-b1At_83yHd5QOzpvt_htduoztrBqfntue_CWSGlY-F6Ua0ZoOnkYWGuJanmmx4uA-wg8uMTXfbD8E-bizg42f4LFiTp_ZAYl7F9u3QMdt3tc1kDV3W_MSUWYJtUEyks5o/s1600/2013_june_ibasic3combo_Homepage.jpg" width="119px" height="21px"/>
</a>
</div>
<div class="price">IDR 168.000</div>
</div>
</div>
</div>
.thumbcont {height:335px;margin:20px 0;width:975px;}
.cont {-webkit-box-shadow:#AFAFAF 0 0 5px;background-color:#FFFFFF;background-position:initial initial;background-repeat:initial initial;box-shadow:#AFAFAF 0 0 5px;display:inline-block; height:322px; margin-right:20px; width:220px;}
img.label_thumb {float:left;height:306px;margin:8px;width:207px;}
#info_cont {background-color:#000000;display:none;height:115px;margin-left:8px;opacity:0;padding:10px;position:absolute;top:377px;width:187px;}
</style>
<div class="thumbcont">
<div class="cont">
<a href="#" title="Dress Copule Korea Style Ibu Dan Anak DR 128907">
<img class="label_thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgcjE6WTdJLM3Dn0x0IffiN-dUuxXr2KIQKQQGFjk8WzvpCb33kBmqYYsbkcy4es914mvJh-PI-925W1IU9hQkdorQZrva82ArjmNrFdKVgxxBVZ0jV_YlfiA33pasdmA6RIS8nuTXRHg/s1600/2013_june_wannabe_lhomepage.jpg"/>
</a>
<div id="info_cont" style="opacity: 0; display: block;">
<div id="judul">
Dress Copule Korea Style Ibu Dan Anak DR 128907
</div>
<div class="detail_button">
<a href="http://shoppaholic-boutique.blogspot.com/2013/04/dress-copule-korea-style-ibu-dan-anak.html">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBwzCt371Nj540qotgjzdfEmuI6Y2kvURrY38c1wYJC_AT3_yltTkOQefrMHjYUC85eAbF3oWIMu2ovh6vgFSY7bvi9tCSAXxXYpV4hCNvUVxxb9oKYpAd8WIDyIP0ecn5CotdILTsNjA/s1600/2013_June_wacoal_Homepage.jpg" width="119px" height="21px"/>
</a>
</div>
<div class="price">IDR 168.000</div>
</div>
</div>
<div class="cont">
<a href="#" title="Dress Copule Korea Style Ibu Dan Anak DR 128907">
<img class="label_thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBwzCt371Nj540qotgjzdfEmuI6Y2kvURrY38c1wYJC_AT3_yltTkOQefrMHjYUC85eAbF3oWIMu2ovh6vgFSY7bvi9tCSAXxXYpV4hCNvUVxxb9oKYpAd8WIDyIP0ecn5CotdILTsNjA/s1600/2013_June_wacoal_Homepage.jpg"/>
</a>
<div id="info_cont" style="opacity: 0; display: block;">
<div id="judul">
Dress Copule Korea Style Ibu Dan Anak DR 128907
</div>
<div class="detail_button">
<a href="#">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC7633YAbPG1UM1bBR29NrXi1IIDbdj_bsQCWdQKnuopNDT8BuQRZoiwEytTS7rrUBH1p78SAZE3AFkCe3EH4J_D4yVhMnc8BKZ2jPgWQtpHGVTWNiBJXBt9voMOhjBXrgj_80ZUA_OLA/s1600/2013_June19_triump_Homepage.jpg" width="119px" height="21px"/>
</a>
</div>
<div class="price">IDR 168.000</div>
</div>
</div>
<div class="cont">
<a href="#" title="Dress Copule Korea Style Ibu Dan Anak DR 128907">
<img class="label_thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZCwis4QXAm-b1At_83yHd5QOzpvt_htduoztrBqfntue_CWSGlY-F6Ua0ZoOnkYWGuJanmmx4uA-wg8uMTXfbD8E-bizg42f4LFiTp_ZAYl7F9u3QMdt3tc1kDV3W_MSUWYJtUEyks5o/s1600/2013_june_ibasic3combo_Homepage.jpg"/>
</a>
<div id="info_cont" style="opacity: 0; display: block;">
<div id="judul">
Dress Copule Korea Style Ibu Dan Anak DR 128907
</div>
<div class="detail_button">
<a href="#">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBwzCt371Nj540qotgjzdfEmuI6Y2kvURrY38c1wYJC_AT3_yltTkOQefrMHjYUC85eAbF3oWIMu2ovh6vgFSY7bvi9tCSAXxXYpV4hCNvUVxxb9oKYpAd8WIDyIP0ecn5CotdILTsNjA/s1600/2013_June_wacoal_Homepage.jpg" width="119px" height="21px"/>
</a>
</div>
<div class="price">IDR 168.000</div>
</div>
</div>
<div class="cont">
<a href="#" title="Dress Copule Korea Style Ibu Dan Anak DR 128907">
<img class="label_thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC7633YAbPG1UM1bBR29NrXi1IIDbdj_bsQCWdQKnuopNDT8BuQRZoiwEytTS7rrUBH1p78SAZE3AFkCe3EH4J_D4yVhMnc8BKZ2jPgWQtpHGVTWNiBJXBt9voMOhjBXrgj_80ZUA_OLA/s1600/2013_June19_triump_Homepage.jpg"/>
</a>
<div id="info_cont" style="opacity: 0; display: block;">
<div id="judul">
Dress Copule Korea Style Ibu Dan Anak DR 128907
</div>
<div class="detail_button">
<a href="#">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZCwis4QXAm-b1At_83yHd5QOzpvt_htduoztrBqfntue_CWSGlY-F6Ua0ZoOnkYWGuJanmmx4uA-wg8uMTXfbD8E-bizg42f4LFiTp_ZAYl7F9u3QMdt3tc1kDV3W_MSUWYJtUEyks5o/s1600/2013_june_ibasic3combo_Homepage.jpg" width="119px" height="21px"/>
</a>
</div>
<div class="price">IDR 168.000</div>
</div>
</div>
</div>
- HTML/Javascript 3 bạn copy code sau
<style>
.new_container {
height:40px;
background:#dfdfdf;
width:953px;
margin:0;
font-weight:bold;
}
.new_container {
background-color:#DFDFDF;
background-position:initial initial;
background-repeat:initial initial;
font-weight:bold;
height:40px;
margin:0;
width:953px;
}
.all_prod_new {
float:right;
font-size:16px;
margin:10px 20px 0 0;
}
.new {
color: #333;
float: left;
font-size: 26px;
margin: 5px 0 0 20px;
}
.all_prod_new {
float: right;
font-size: 16px;
margin: 10px 20px 0 0;
}
.all_prod_new a {
color: #333;
}
.promo_cont {
width:953px;
height:160px;
margin-bottom:30px;
}
#promo_img {
float:left;
width:290px;
margin-right:40px;
}
#promo_img_l {
float:left;
width:290px;
}
</style>
<div class="promo_cont">
<div id="promo_img">
<a href="#">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGz-sWC31_TnWVhxWu5v_kaHPaHPwISCrjfmSuAe9z0MkMh95ShWFj7VUH1p8N7Q7y2-cJP-xlfAt4Cwsyuwvv-uOjIQS4oWltlW63rKL4uzoLX5-9WqWBxvAbJ-eaAw_mMjn5PxH6Ojdm/s350/s1.jpg" width="290" height="158" alt="s1"/>
</a>
</div>
<div id="promo_img">
<a href="#">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipyjpiJ6rbi73j9sxzM2xq55cXg5fgffPOZVJ1d15huro9Op04ElHCaRxFMN9OghoD8uKA1tIfNIqUjrtl1YRYf57mNrJMKMMsK56cMzzFOJV21hZCBQIvjXTH4miAdDcBWBb5naClEP7C/s350/s2.jpg" width="290" height="158" alt="s1"/>
</a>
</div>
<div id="promo_img_l">
<a href="#">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj63KdXxg1sb0Hrko2ZecfP2WY7KWlSo7hyZS7LynrfOP5fFLwXfBhyQzrnLi41Ei4vkj7lcE7McpnjMpiJNoPcRKDsN16sbLDSRJVfnctsarXd4GK9MRdcQYvYwC1bRBdCYvn3J0jctc2L/s350/s3.jpg" width="290" height="158" alt="s1"/>
</a>
</div>
</div>
<div class="new_container">
<div class="new">Tin Mới Nhất</div>
<div class="all_prod_new">
<a href="http://sondollar.blogspot.com/search/label/V%C3%A1y">Hàng mới xem ngay</a>
</div>
</div>
.new_container {
height:40px;
background:#dfdfdf;
width:953px;
margin:0;
font-weight:bold;
}
.new_container {
background-color:#DFDFDF;
background-position:initial initial;
background-repeat:initial initial;
font-weight:bold;
height:40px;
margin:0;
width:953px;
}
.all_prod_new {
float:right;
font-size:16px;
margin:10px 20px 0 0;
}
.new {
color: #333;
float: left;
font-size: 26px;
margin: 5px 0 0 20px;
}
.all_prod_new {
float: right;
font-size: 16px;
margin: 10px 20px 0 0;
}
.all_prod_new a {
color: #333;
}
.promo_cont {
width:953px;
height:160px;
margin-bottom:30px;
}
#promo_img {
float:left;
width:290px;
margin-right:40px;
}
#promo_img_l {
float:left;
width:290px;
}
</style>
<div class="promo_cont">
<div id="promo_img">
<a href="#">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGz-sWC31_TnWVhxWu5v_kaHPaHPwISCrjfmSuAe9z0MkMh95ShWFj7VUH1p8N7Q7y2-cJP-xlfAt4Cwsyuwvv-uOjIQS4oWltlW63rKL4uzoLX5-9WqWBxvAbJ-eaAw_mMjn5PxH6Ojdm/s350/s1.jpg" width="290" height="158" alt="s1"/>
</a>
</div>
<div id="promo_img">
<a href="#">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipyjpiJ6rbi73j9sxzM2xq55cXg5fgffPOZVJ1d15huro9Op04ElHCaRxFMN9OghoD8uKA1tIfNIqUjrtl1YRYf57mNrJMKMMsK56cMzzFOJV21hZCBQIvjXTH4miAdDcBWBb5naClEP7C/s350/s2.jpg" width="290" height="158" alt="s1"/>
</a>
</div>
<div id="promo_img_l">
<a href="#">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj63KdXxg1sb0Hrko2ZecfP2WY7KWlSo7hyZS7LynrfOP5fFLwXfBhyQzrnLi41Ei4vkj7lcE7McpnjMpiJNoPcRKDsN16sbLDSRJVfnctsarXd4GK9MRdcQYvYwC1bRBdCYvn3J0jctc2L/s350/s3.jpg" width="290" height="158" alt="s1"/>
</a>
</div>
</div>
<div class="new_container">
<div class="new">Tin Mới Nhất</div>
<div class="all_prod_new">
<a href="http://sondollar.blogspot.com/search/label/V%C3%A1y">Hàng mới xem ngay</a>
</div>
</div>
Chú ý: Các bạn sửa câu từ, hình ảnh lại sao cho phù hợp.
Mọi thắc mắc hay gặp khó khăn trong cài đặt vui lòng comment phía dưới để được hỗ trợ.
Nguồn được viết và chia sẻ bởi : bittemplates.blogspot.com
lượt xem
Hiện tại có 0 Comment