Template Blogspot shop quần áo miễn phí
Share Template Blogspot shop quần áo miễn phí cho các bạn có nhu cầu, template tuy không có giỏ hàng nhưng rất sang trọng và đẹp mắt, template blogspot này được Việt Hóa từ một template nước ngoài. Template blogspot thích hợp bán quần áo, mỹ phẩm, ...
Template Blogspot shop quần áo miễn phí
- Thiết kế đẹp mắt
- Chuẩn SEO
- Tích hợp bài viết liên quan dưới bài đăng
- Tích hợp Like và Share dưới bài viết
- Hiện giá sản phẩm ở trang chủ
- Template Blogspot đã được tối ưu template
Hướng dẫn chỉnh sửa trang chủ giống DEMO
Đăng nhập vào blogger => Bố cục, các bạn sẽ thấy 3 tiện ích nằm ngang ở trên bài đăng trên Blog. Chọn nó mà chọn tiện ích HTML/Javascrip và lần lượt thêm 3 đoạn code sau vào 3 tiện ích đó
Đoạn 1 :
<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>
Đoạn 2 :
<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/AVvXsEjOsMSfbw-_rmr5_MAT8yM3h4aaBYDxjp5wlzlBUKc5RsNTYoeJxuu9kQUrneW46jPMa6E-njEazEcZ4VrAtpNfAbmO0m08r0KlMqjenFu5etxJMV9F3ZnWWWNy5qhLNP8KiN5cdVOjVzc/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/AVvXsEhCIfwvtV1kxCZGfMgt5UxxvUrYa_kCBAUT2qy8YsQhDm4XOA2Sb29uFfJFWfe5DP3w1SXtZWaUQiiynfbZ9gOjIKEL0W5ek84e_AVn4pI6fgTDZJNDHMWauHxmxNKE8txTpqcEzgXS7xk/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/AVvXsEhCIfwvtV1kxCZGfMgt5UxxvUrYa_kCBAUT2qy8YsQhDm4XOA2Sb29uFfJFWfe5DP3w1SXtZWaUQiiynfbZ9gOjIKEL0W5ek84e_AVn4pI6fgTDZJNDHMWauHxmxNKE8txTpqcEzgXS7xk/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/AVvXsEj_ncyPGYGU0aAdPokuWOyPvsXNBJpKA5rqnD60oi4qc1se8j6_AYtJoTc0l4QSpNbpHbBuaCZf4dQNisFZr8x8odtH0-EPjvSS81hzH6AhpRw-zEmJGC_iWuoYwm2X4iLbbhlKsg4UsMY/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/AVvXsEgjXN9BsnD6nqT9zuEE0D1azG72klelfupkr6rSMx8Nx-SQyLuds4NV934naUMrp5kRu1igPnLpdiUd3OXm3j-NIePYzu6RBIEorkCCe95q7Icz2aHPxT13J7oz7yFOeJbxjkEy0K8F5r8/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/AVvXsEhCIfwvtV1kxCZGfMgt5UxxvUrYa_kCBAUT2qy8YsQhDm4XOA2Sb29uFfJFWfe5DP3w1SXtZWaUQiiynfbZ9gOjIKEL0W5ek84e_AVn4pI6fgTDZJNDHMWauHxmxNKE8txTpqcEzgXS7xk/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/AVvXsEj_ncyPGYGU0aAdPokuWOyPvsXNBJpKA5rqnD60oi4qc1se8j6_AYtJoTc0l4QSpNbpHbBuaCZf4dQNisFZr8x8odtH0-EPjvSS81hzH6AhpRw-zEmJGC_iWuoYwm2X4iLbbhlKsg4UsMY/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/AVvXsEgjXN9BsnD6nqT9zuEE0D1azG72klelfupkr6rSMx8Nx-SQyLuds4NV934naUMrp5kRu1igPnLpdiUd3OXm3j-NIePYzu6RBIEorkCCe95q7Icz2aHPxT13J7oz7yFOeJbxjkEy0K8F5r8/s1600/2013_june_ibasic3combo_Homepage.jpg" width="119px" height="21px"/>
</a>
</div>
<div class="price">IDR 168.000</div>
</div>
</div>
</div>
Đoạn 3 :
<style>Sau khi thêm code xong sửa thông tin lại thành thông tin trong Blogspot của bạn.
.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/AVvXsEh5-6qZrYMT-m7C6z0IEMsrj0VyZ7ev7x2nH_GeIrrJ3ihwhjuTa2SUWz1-DmFI2kf4fGJqlcoR67z208XKtT8KEQK96E5itvs9s9fmloiGABkFGZYYK8D2dReYTPdRCdHS2Gn6NSSoQ2jc/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/AVvXsEhKp0dp01jWTR-ljU4B4z3udDawLDCJ8CXYlYy0DJnEdg1WkPYeAfxmzs7HUqv1bTa9tcXcMtLYF41DHp4_VdbAFJAI_0u8w7Pfs_WQrw2zkvh3fsG_KWvRaJEVVpx6jfMyrEB4gJkSNKDc/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/AVvXsEiqxyv9C1X1vMCPXgw2dQIvWT6E_C3Lj64JHDZ-hXx_-sv4N8olApJc-3T42ZVWZkQDUHEZ6EoXyFo52R73oXl8I4R1L61WIlJ1PzcjChHUHEKqU8tCCrUTJbolW2w_ZIgixtnrqjqVuYHe/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>
Vậy làm sao để đăng bài
Để đăng bài hiện giá ra ngoài trang chủ các bạn có thể RIP data blogspot DEMO rồi lấy code bài đăng nhé, bài viết tới đây dài quá rồi.
Comments
Post a Comment