Subtotal: $0

Descriptions
Code Slider đẹp cho web - blog thời trang. Sau đây Bít Tuốt xin chia sẻ với các bạn Code Slider đẹp rất thích hợp cho các web thời trang hay blog thời trang. Các bạn xem demo tại đây
Cách tạo Silder này như sau:
Bước 1: Thêm dưới đây lên trên thẻ đóng </head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="https://sites.google.com/site/tessssssssblog/jquery.transform-0.9.3.min_.js"></script>
<script type="text/javascript" src="https://sites.google.com/site/tessssssssblog/jquery.mousewheel.js"></script>
<script type="text/javascript" src="https://sites.google.com/site/tessssssssblog/jquery.RotateImageMenu.js"></script>
<link rel="stylesheet" type="text/css" href="https://sites.google.com/site/tessssssssblog/style.css" />
Bước 2: Bạn thêm phần này vào chỗ bạn muốn hiển thị
<div class="rm_wrapper">
<div id="rm_container" class="rm_container">
<ul>
<li data-images="rm_container_1" data-rotation="-15"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGoyyAx8kai6KCYMZbNW3MFe_8dffNJGTmXpZxnPipDWjWBZOkk8PCNzFv3klVWbHAiBbkAyQbwWkJwUITQ4mGL3t7HhxLy56QuT_TrU1cxfL8Zng6aZtxKCrcQdCADHNTitriNcn9YNs/s1600/12.jpg"/></li>
<li data-images="rm_container_2" data-rotation="-5"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJLDMlTQxWFuvbeM-U8mueG5ruFsaaKH3iwXMgfuQnMJgs0xDrvCjosEZKtEnKhraTesCn4GettDsSmh_1Y9MY9UdxZjIiQHdl4VCbR0xOVT8NyL24YQCvujuRAoEg7GPKv8__3Tu1OA8/s1600/13.jpg"/></li>
<li data-images="rm_container_3" data-rotation="5"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFraYkMqO7omhuv2_vVYvMx7w7XXwdRiiAlnXL6AX3851HtIX-5V6lLOZVEblIEtbCnaXtCH8Ub59h9sW3T_pwpPJeltzoDV2bDtTC3dBBk1o-0cZRI1tzhgvnul9FgD1eDb0SXHjX5Mc/s1600/14.jpg"/></li>
<li data-images="rm_container_4" data-rotation="15"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjldF1M5isSF5qxeFPjtx5nXNbqDL-fw6QAC3KZtNv8bu8qYXcHqHZQqGiRT9NOYTNJgrXnAKV2mtNsiqhCqBIfbfrwHs0GhZbCs3RB1tRZsJ7cTKiksKw3p5wGskRYSmrFXxXRW8u2ZRY/s640/15.jpg"/></li>
</ul>
<div id="rm_mask_left" class="rm_mask_left"></div>
<div id="rm_mask_right" class="rm_mask_right"></div>
<div id="rm_corner_left" class="rm_corner_left"></div>
<div id="rm_corner_right" class="rm_corner_right"></div>
<h2>Fashion Explosion 2012</h2>
<div style="display:none;">
<div id="rm_container_1">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE7TozsDeDaOF0XkiRo0g8qRA_DaUc4FT2vJACgrAEiDu0In_qYEBLbgi_qjXdRTZPKG1uzNe8x3Port3NKEYBPeNBYnSWrx0Uqtd-jTtoRN0p42aodJHT5tcRqSM2J3kyAHmddN7smG8/s1600/16.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnbwNSC0SlIk5XMgJt6O9sa6wdaoQTASiV7XNKLlNYqex4UQ91f6aXgzP-UuMjhiTG52t8ibB8lgR0nH8F3QOXqTYUNyyuAe82mH5Qrgyryj0e4EF6rA_kSkeK3x622F1Ncdfqgl95b-w/s1600/11.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIUnKOf3BPma4f2F3r1mUX5PdOyHMjU3Vze7gQJY04-Q1jhTzMGhDcl7Vv2ygwAe49LFzA7NHRtfPHVDy1eVNJbZ6-XsCCVmaePFH4qN_vFQu3gWHwxie9L4JS827LJbyw_opPSphSD8w/s1600/1.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwV-AZnsiRZ3awypvPUBA9GuoMqYLI8CP0kepQVV7N6ef0bBwUJBF6miwbMBupYl2SaZSz6_TQ_eZsMTaPaQMlTUDxobvW-nlPGO4ZkXaxInwdY-GmvmlRdknPz0xG09uQ_rwBKxAQ9ps/s1600/9.jpg"/>
</div>
<div id="rm_container_2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfJk_D1G_nB8W1-jHLYdwmb8rXOvxS0zJMY8QtFqBauEIRigvcdbNHudwKQI4nn4nf-GAq21LqCDLOkqGPupHYwiU7zznM57mQbf4YFEwM6ZmWyF2Ggk4SVREC1Pz6fq-L9bb-cPVbNqk/s1600/8.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGgJffxb076ZkLBk6b5ElXJ4Me7c22Pfq0PkFHqVJivi2wDYVfvLNCpNmQUo3DZnJNeolitPSwsx5-F9ZF_HUX-zpmuFDvr1x0jjBmFLG-peZ-pSrKqzVNaO7vZwU5RGT8Tm55_9Qyj4Y/s1600/7.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCiN5rZXtp-Uz-TWx8ao_tO9OP5yT9ftSEQOWOZQocVxZ5LnWMKVxXv43RSnmvggapfoft9jFoI5F5IJ5IHPYA4fsGyHUGqw8OCgc7R7yMM07RV-cMcvzUWspL5HNObdEDMXU8jEWT7dQ/s1600/6.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgsPvTOs_WIc_-2JENLNSxLsZB9TQXi0fhn792i22c8mPObO6hSuCcOu2kdQSruH6geunqGph8oZMy5AGOJ6PEsESH-7UtUZsjokzmCKSRo5niXdObrBqKTIjD7lhTXrSh1pkUP55igN0/s1600/5.jpg"/>
</div>
<div id="rm_container_3">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiIvJhsALVZYQdWQgz2QljpAdH5KFHHyw8Dul6wOS-WpMdmVMXmiZbvHdnVegGwa6UpIIVhyzfUtZWHMElshiw5gCUJBYrhGXhlA7zTHj07jOtiz2Mbjq7yRH0fdWXgqtDPqti5ZOz7EA/s1600/10.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq0EYIPZ9jnrd7r-v-IzeZKNZUByxNt2Mhu755DqyxGXIebreFnHN1aCVXKmq8Lc4yfUF610WyvGB0izVQF5fWRCKsV0vSwCV_afejybvyBHT62DcSVFhJYKSMy6lHBzLBXeFoteM4fwU/s1600/4.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKnyaSclfVC8IY5mfWE-3bVc54jDij7TnrNQi8f0XxmB84aoG4qpCK89LUUu9UutNdEqsXKqOQWJ_N0NmBbgj_o3YVAzz5RRZY6Xg1lMQu_R7NuIwAoJKAtvT_m7lkG7sE28VZFbv3KG4/s1600/3.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihUZj8adZYH2JdFvqlYya2R0y4Bev8QuuCrkKYOFtRs_In82l80in6VekkoTLBT2RV5heG9zQ_LvY40jBCm1IcTDzO0bFEYCbjobF1lAMXe8xuFdxckBs2X4uAa28NuWd5weN9u1Ilc-M/s1600/2.jpg"/>
</div>
<div id="rm_container_4">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIUnKOf3BPma4f2F3r1mUX5PdOyHMjU3Vze7gQJY04-Q1jhTzMGhDcl7Vv2ygwAe49LFzA7NHRtfPHVDy1eVNJbZ6-XsCCVmaePFH4qN_vFQu3gWHwxie9L4JS827LJbyw_opPSphSD8w/s1600/1.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGgJffxb076ZkLBk6b5ElXJ4Me7c22Pfq0PkFHqVJivi2wDYVfvLNCpNmQUo3DZnJNeolitPSwsx5-F9ZF_HUX-zpmuFDvr1x0jjBmFLG-peZ-pSrKqzVNaO7vZwU5RGT8Tm55_9Qyj4Y/s1600/7.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE7TozsDeDaOF0XkiRo0g8qRA_DaUc4FT2vJACgrAEiDu0In_qYEBLbgi_qjXdRTZPKG1uzNe8x3Port3NKEYBPeNBYnSWrx0Uqtd-jTtoRN0p42aodJHT5tcRqSM2J3kyAHmddN7smG8/s1600/16.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihUZj8adZYH2JdFvqlYya2R0y4Bev8QuuCrkKYOFtRs_In82l80in6VekkoTLBT2RV5heG9zQ_LvY40jBCm1IcTDzO0bFEYCbjobF1lAMXe8xuFdxckBs2X4uAa28NuWd5weN9u1Ilc-M/s1600/2.jpg"/>
</div>
</div>
</div>
<div class="rm_nav">
<a id="rm_next" href="#" class="rm_next"></a>
<a id="rm_prev" href="#" class="rm_prev"></a>
</div>
<div class="rm_controls">
<a id="rm_play" href="#" class="rm_play">Play</a>
<a id="rm_pause" href="#" class="rm_pause">Pause</a>
</div>
</div>
</div>
<div id="rm_container" class="rm_container">
<ul>
<li data-images="rm_container_1" data-rotation="-15"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGoyyAx8kai6KCYMZbNW3MFe_8dffNJGTmXpZxnPipDWjWBZOkk8PCNzFv3klVWbHAiBbkAyQbwWkJwUITQ4mGL3t7HhxLy56QuT_TrU1cxfL8Zng6aZtxKCrcQdCADHNTitriNcn9YNs/s1600/12.jpg"/></li>
<li data-images="rm_container_2" data-rotation="-5"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJLDMlTQxWFuvbeM-U8mueG5ruFsaaKH3iwXMgfuQnMJgs0xDrvCjosEZKtEnKhraTesCn4GettDsSmh_1Y9MY9UdxZjIiQHdl4VCbR0xOVT8NyL24YQCvujuRAoEg7GPKv8__3Tu1OA8/s1600/13.jpg"/></li>
<li data-images="rm_container_3" data-rotation="5"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFraYkMqO7omhuv2_vVYvMx7w7XXwdRiiAlnXL6AX3851HtIX-5V6lLOZVEblIEtbCnaXtCH8Ub59h9sW3T_pwpPJeltzoDV2bDtTC3dBBk1o-0cZRI1tzhgvnul9FgD1eDb0SXHjX5Mc/s1600/14.jpg"/></li>
<li data-images="rm_container_4" data-rotation="15"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjldF1M5isSF5qxeFPjtx5nXNbqDL-fw6QAC3KZtNv8bu8qYXcHqHZQqGiRT9NOYTNJgrXnAKV2mtNsiqhCqBIfbfrwHs0GhZbCs3RB1tRZsJ7cTKiksKw3p5wGskRYSmrFXxXRW8u2ZRY/s640/15.jpg"/></li>
</ul>
<div id="rm_mask_left" class="rm_mask_left"></div>
<div id="rm_mask_right" class="rm_mask_right"></div>
<div id="rm_corner_left" class="rm_corner_left"></div>
<div id="rm_corner_right" class="rm_corner_right"></div>
<h2>Fashion Explosion 2012</h2>
<div style="display:none;">
<div id="rm_container_1">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE7TozsDeDaOF0XkiRo0g8qRA_DaUc4FT2vJACgrAEiDu0In_qYEBLbgi_qjXdRTZPKG1uzNe8x3Port3NKEYBPeNBYnSWrx0Uqtd-jTtoRN0p42aodJHT5tcRqSM2J3kyAHmddN7smG8/s1600/16.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnbwNSC0SlIk5XMgJt6O9sa6wdaoQTASiV7XNKLlNYqex4UQ91f6aXgzP-UuMjhiTG52t8ibB8lgR0nH8F3QOXqTYUNyyuAe82mH5Qrgyryj0e4EF6rA_kSkeK3x622F1Ncdfqgl95b-w/s1600/11.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIUnKOf3BPma4f2F3r1mUX5PdOyHMjU3Vze7gQJY04-Q1jhTzMGhDcl7Vv2ygwAe49LFzA7NHRtfPHVDy1eVNJbZ6-XsCCVmaePFH4qN_vFQu3gWHwxie9L4JS827LJbyw_opPSphSD8w/s1600/1.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwV-AZnsiRZ3awypvPUBA9GuoMqYLI8CP0kepQVV7N6ef0bBwUJBF6miwbMBupYl2SaZSz6_TQ_eZsMTaPaQMlTUDxobvW-nlPGO4ZkXaxInwdY-GmvmlRdknPz0xG09uQ_rwBKxAQ9ps/s1600/9.jpg"/>
</div>
<div id="rm_container_2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfJk_D1G_nB8W1-jHLYdwmb8rXOvxS0zJMY8QtFqBauEIRigvcdbNHudwKQI4nn4nf-GAq21LqCDLOkqGPupHYwiU7zznM57mQbf4YFEwM6ZmWyF2Ggk4SVREC1Pz6fq-L9bb-cPVbNqk/s1600/8.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGgJffxb076ZkLBk6b5ElXJ4Me7c22Pfq0PkFHqVJivi2wDYVfvLNCpNmQUo3DZnJNeolitPSwsx5-F9ZF_HUX-zpmuFDvr1x0jjBmFLG-peZ-pSrKqzVNaO7vZwU5RGT8Tm55_9Qyj4Y/s1600/7.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCiN5rZXtp-Uz-TWx8ao_tO9OP5yT9ftSEQOWOZQocVxZ5LnWMKVxXv43RSnmvggapfoft9jFoI5F5IJ5IHPYA4fsGyHUGqw8OCgc7R7yMM07RV-cMcvzUWspL5HNObdEDMXU8jEWT7dQ/s1600/6.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgsPvTOs_WIc_-2JENLNSxLsZB9TQXi0fhn792i22c8mPObO6hSuCcOu2kdQSruH6geunqGph8oZMy5AGOJ6PEsESH-7UtUZsjokzmCKSRo5niXdObrBqKTIjD7lhTXrSh1pkUP55igN0/s1600/5.jpg"/>
</div>
<div id="rm_container_3">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiIvJhsALVZYQdWQgz2QljpAdH5KFHHyw8Dul6wOS-WpMdmVMXmiZbvHdnVegGwa6UpIIVhyzfUtZWHMElshiw5gCUJBYrhGXhlA7zTHj07jOtiz2Mbjq7yRH0fdWXgqtDPqti5ZOz7EA/s1600/10.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq0EYIPZ9jnrd7r-v-IzeZKNZUByxNt2Mhu755DqyxGXIebreFnHN1aCVXKmq8Lc4yfUF610WyvGB0izVQF5fWRCKsV0vSwCV_afejybvyBHT62DcSVFhJYKSMy6lHBzLBXeFoteM4fwU/s1600/4.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKnyaSclfVC8IY5mfWE-3bVc54jDij7TnrNQi8f0XxmB84aoG4qpCK89LUUu9UutNdEqsXKqOQWJ_N0NmBbgj_o3YVAzz5RRZY6Xg1lMQu_R7NuIwAoJKAtvT_m7lkG7sE28VZFbv3KG4/s1600/3.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihUZj8adZYH2JdFvqlYya2R0y4Bev8QuuCrkKYOFtRs_In82l80in6VekkoTLBT2RV5heG9zQ_LvY40jBCm1IcTDzO0bFEYCbjobF1lAMXe8xuFdxckBs2X4uAa28NuWd5weN9u1Ilc-M/s1600/2.jpg"/>
</div>
<div id="rm_container_4">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIUnKOf3BPma4f2F3r1mUX5PdOyHMjU3Vze7gQJY04-Q1jhTzMGhDcl7Vv2ygwAe49LFzA7NHRtfPHVDy1eVNJbZ6-XsCCVmaePFH4qN_vFQu3gWHwxie9L4JS827LJbyw_opPSphSD8w/s1600/1.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGgJffxb076ZkLBk6b5ElXJ4Me7c22Pfq0PkFHqVJivi2wDYVfvLNCpNmQUo3DZnJNeolitPSwsx5-F9ZF_HUX-zpmuFDvr1x0jjBmFLG-peZ-pSrKqzVNaO7vZwU5RGT8Tm55_9Qyj4Y/s1600/7.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE7TozsDeDaOF0XkiRo0g8qRA_DaUc4FT2vJACgrAEiDu0In_qYEBLbgi_qjXdRTZPKG1uzNe8x3Port3NKEYBPeNBYnSWrx0Uqtd-jTtoRN0p42aodJHT5tcRqSM2J3kyAHmddN7smG8/s1600/16.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihUZj8adZYH2JdFvqlYya2R0y4Bev8QuuCrkKYOFtRs_In82l80in6VekkoTLBT2RV5heG9zQ_LvY40jBCm1IcTDzO0bFEYCbjobF1lAMXe8xuFdxckBs2X4uAa28NuWd5weN9u1Ilc-M/s1600/2.jpg"/>
</div>
</div>
</div>
<div class="rm_nav">
<a id="rm_next" href="#" class="rm_next"></a>
<a id="rm_prev" href="#" class="rm_prev"></a>
</div>
<div class="rm_controls">
<a id="rm_play" href="#" class="rm_play">Play</a>
<a id="rm_pause" href="#" class="rm_pause">Pause</a>
</div>
</div>
</div>
Chú ý: Bạn có thể thay đổi kick thước phù hợp trong file style.css nhé. Các bạn có thể down code về xem chi tiết tại đây
Add a review