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/AVvXsEgub7CB1MdOFshscH0DJ1uz2g1RXS_JscLT_VULL5WNn0jiFcHGThEuLP8kLtZQK3gWRKBKdMPvWhUExpITO2QzL1t-2mDTOk5Q6phyphenhyphen2AwW4jEiLQ4tk4afrMCD06y031fEMcTW29Mb8JHc/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/AVvXsEiy96qsaS7ZyOGiQdY1b0-lDrksSxdZvTQfwAlDQvzV_y07sSly4fhGM9HKsVptSupfIup2ejgNXvwXy_P9yaaLo_VYkvgN47onMEFmxOJ_VED848MAVYGg_sJ8M-wxVemT0NuyuPk-bd6g/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>
-
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/AVvXsEhxvDKFPQ8Ob5MYCvQuUUfr-kleHhshhaH5GKy5Osv13Uyghu_Qza8mjJfcKYLujqGpFInh_nwV7k1PvXDcO9-4YzBn3BPkWF3JAGfJOXMHqwtMZbBaS2RzA2o0393VeC97PRBwuXu0uEQ/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/AVvXsEjIzCQF76odS41tpxK-OO9R7hlieVFzw0-H5XGOU3KVL0RZLkKXjEJKwJwgVGyjhRRxFyQeFbu2bvwkpcSlRWePQDYZ1Z3QM0CcGjasU2JiH9R0g0ZUpq3dVKumwx4991bL3gRMJsmbDqU/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/AVvXsEjIzCQF76odS41tpxK-OO9R7hlieVFzw0-H5XGOU3KVL0RZLkKXjEJKwJwgVGyjhRRxFyQeFbu2bvwkpcSlRWePQDYZ1Z3QM0CcGjasU2JiH9R0g0ZUpq3dVKumwx4991bL3gRMJsmbDqU/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/AVvXsEjyGq8RPUqwUlLf86-2klZBrPthumZXwuH4-PqKDkZPnQckp8fPdKj7dNzjo0vVXdyoCeKpUQBdRSikWEzi4YjbHOZkAW_Ga3FC2Y4XlGtHs6D7ZbAjVpuNbw-ODTbZhcUC-zPi2mq-I5o/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/AVvXsEhC73Oftxl9owQ78422iK7ou9MKnKEzECdB8gIsJ_QSzK9xP5-MCIDS4pvHi0ZZ8kXgVmHVrc_GGsi-ACqzi1AwHdquMEvzgUPGbPcMoHx1f83Ty57QYrI8mpw-BdGsD6nv8_XtjajosGg/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/AVvXsEjIzCQF76odS41tpxK-OO9R7hlieVFzw0-H5XGOU3KVL0RZLkKXjEJKwJwgVGyjhRRxFyQeFbu2bvwkpcSlRWePQDYZ1Z3QM0CcGjasU2JiH9R0g0ZUpq3dVKumwx4991bL3gRMJsmbDqU/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/AVvXsEjyGq8RPUqwUlLf86-2klZBrPthumZXwuH4-PqKDkZPnQckp8fPdKj7dNzjo0vVXdyoCeKpUQBdRSikWEzi4YjbHOZkAW_Ga3FC2Y4XlGtHs6D7ZbAjVpuNbw-ODTbZhcUC-zPi2mq-I5o/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/AVvXsEhC73Oftxl9owQ78422iK7ou9MKnKEzECdB8gIsJ_QSzK9xP5-MCIDS4pvHi0ZZ8kXgVmHVrc_GGsi-ACqzi1AwHdquMEvzgUPGbPcMoHx1f83Ty57QYrI8mpw-BdGsD6nv8_XtjajosGg/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/AVvXsEg6qxhAq7bD91v7N39AOkQz64HhWEQRgwy8lM_62hCNqiCCHC3c21Uox_vkf_PS7ymoH3S0xAaGc2oVFIwUos0t31X2iVDOa6OwuxXMfDn7kcpqL0XQtxphL9k9FsHf_rc_o1j2WSrj1C8j/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/AVvXsEisZlvwHE822jLhUUtb5iz3cJzxzXoDtzIqYYeiMOylkxMlrKr2rUJry8RRSe4ipkx87Z1RTAjc7qGgPK6Qvid7Brivsxa4rGxhcFTkNTS2mvihDbgHNf9UbA-WfW8vbhY6d3kVpPbLsxDG/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/AVvXsEjWBohSv10V84G5x7AtlUcF4jVYh5_OkNqGCLDhTJMKlewwy9Hf1ulFNhf8308-PABocdc498xrBqwQnfvmUnJRBEGR1vKYc5UxRuQSBoZaCJA71Uv0NX-S4CTo5_xXgF8Dxyg0QqzJdyU8/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.