Code Slider đẹp cho web - blog thời trang

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/AVvXsEgr4INY5qW_1cIMAgD1aPuaPElKqMRi40B-egFM0O-oOVIS-W3aYSfG3uirk3ZTqWNZbl3Zbpd06kaLe8CJDinnLmi7JKrERioycL9qFQydda1ZNERkCxUwDLoKcSE-zohB5bTKU_YqmYc/s1600/12.jpg"/></li>
<li data-images="rm_container_2" data-rotation="-5"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOFPT8Uw3Y6nXgXyjYaDmDfrSD8m_5A2b_kNJkgPwPAeFTolpQW8SAOsjeron3pqBvMyZp5TUdND_oRDAJ3BhEJztaGsnrfHMtZkTTe2IFuBXaBJJfZlWL7i2itrM7l7LC81gAq2BgOec/s1600/13.jpg"/></li>
<li data-images="rm_container_3" data-rotation="5"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsTus7ph6rp2oLU6gtzLzHY_8sh12vJXbe99OVCar3u4UkkHm23hcUrxb4sLOuuEYrljh6hZEMuqKa5Vi-XC2frY_6Gu-2yHIt4tWguyWB4lrve2G6_VencWFsYADoDk7bNT0OD1RuvaU/s1600/14.jpg"/></li>
<li data-images="rm_container_4" data-rotation="15"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMTW4HRukxP4bT9QuFannz-8Nus_LeIMFKZfmsnS17_FaH26WL6RHorFaDcRWzNjl5FiboTvt9HEd7FcbX4bb0K0CcUmOc7chvyQJljKkIuQrU1Z1xL0wZJS2Z4V33AuxyilFZYNnjLb4/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/AVvXsEjFi77c0XKXK2IsbR2WDlQtOH16h2ws1-tzPz4R_ZII2PBzrN0l3jM-zbXIiN6e6OS8bfOS1dEpfBdZ2eoQRpKZMig7pXRCnNMRnCnfEMNgWa2lli7xO956mY0NNEnhCnZosB1kstnoLKw/s1600/16.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk_FlpLjpOgoAtgh8nf7gnB8IRg-rBLQKH7Z8qhqGkRZyfGoovcxNMr5y_1SbOtlsE2m5Fm99dbcjXc-G4WAEUPxrVqOXvVBHZR7l9hHu2wiXy6NvtorinbEK2VG7EIAHJopth-w820P0/s1600/11.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9jhQQZESFnGiYGjtMnAOXf7A2WoMAnLZBl0b8C9FpeGMKNS5chMDmIhqx7qU8fHj8STwAu7pkG5NaXPwAMwyjILGcWpH1pN3unw-h8nIpBVYolY_ZvvJEVwVlyutjhJTX8zKzhpMNiXs/s1600/1.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUWHcia6OZI965fDlYG9LXkzSMi1odU2oJUbnPzWRUjBWyi1NkRmyhXaD1lBwxfirTIUC-YW8OPMs88DLbrogsYKcLbRMQttu134_ZHrDPSnaFcD7vTqK8MbpO9ZZZJYGIZ2LFu6sR8bI/s1600/9.jpg"/>
</div>
<div id="rm_container_2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9r4Eg5OZowkL_aD2JF2OWImYk48i5Ggvs9TsArgpVEqKo2pKKGG-3v7RsbPwKOZ1Vd2WAMfpPJEeK-dBoWNavJnGk6AtoMUK5m4FSno2OdMi9wxu0e-7wi73BrtDtejJyzvYAmkGyDH8/s1600/8.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAExRNbp7J7PSnBr_u07NyTbIK3dFqQ0uTu4jz5t615r54dJ5HzJkjhsOL7_OPyWDOPTIcA7D4yLONSLFhYgqXqiN0r0b2TU6Scaj_Ncf0x-T7eflg9WYJnblxmqrVUx_AeP2Rwco7pZc/s1600/7.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbyPjdsOiLqeQ3_HDErdpBptNIfL8JVT8urZrzsRdn2fnEMFVJBqDAYyKMI5_55hJLy6-MlhOy-XMlvAO5QyAEpG56VHxptn4RgqRuyvi551jL4TzhWabmr5lcb2_XyML870v_bcASOfw/s1600/6.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKB9_OfM1LPzW8WvoaB4vhwBxQe6wcf8QgRMUAhPyiceXYH2ADkIld0cbCngNraMhMg4MfBhE1BrCxK1gAx-KfB_hzDHgLpBLsQncEPbuk4lmCTrTUYBivnd2K_qUBs6YoQ5gJoYfopek/s1600/5.jpg"/>
</div>
<div id="rm_container_3">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgos1qF_gxerd3HNLskvta-bpNrqh_D65a4k-pt5_830V1AKMet33vWjF7Yg2QxnJyehth1tzUOuQKw1R6wLG61WxV49wg9B7fzq_4Z37-xSFtYzQLtb6SJzuYjalcOMZUyjCFXLYLDyk4/s1600/10.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjppue1D_n_Xh6U13tO9sXYrEFlC8sNfGBRGU8WI3wLz9cMD7RtH6iEg6Fyq1DpS6AF6swfTjOOAp9ZSSbwQ5JwlYWPDC2m7m55hcTWc2m-Ev7JMCX0mafwobUM3mCMS0TgeGBXHDFbRM8/s1600/4.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIkiAAR4n66zdbslN55RoAtQW4VizzKan-kmou8K9JFaYEOPsl3n95UTU71ZSOxomBZzZIIjhDPsBLXJMpTXiq9ibo7u-rh8KcscYLVsojdbi-GWVpmMXmzijfJQK17nUKoYkGbDtcyP0/s1600/3.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9O39ukMD0G6u109cdYjgrAQM0sfJp5OTz8ba8Wu9gY3ravwpfyOs5IAmEp9w7AdP5La-hqd0CBJVTdjhhFMDTcvsAi78d-StnRBD-E_X-0Lh9WLUDaqdFFbWwNjq5VuTo7j63F0i9qdg/s1600/2.jpg"/>
</div>
<div id="rm_container_4">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9jhQQZESFnGiYGjtMnAOXf7A2WoMAnLZBl0b8C9FpeGMKNS5chMDmIhqx7qU8fHj8STwAu7pkG5NaXPwAMwyjILGcWpH1pN3unw-h8nIpBVYolY_ZvvJEVwVlyutjhJTX8zKzhpMNiXs/s1600/1.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAExRNbp7J7PSnBr_u07NyTbIK3dFqQ0uTu4jz5t615r54dJ5HzJkjhsOL7_OPyWDOPTIcA7D4yLONSLFhYgqXqiN0r0b2TU6Scaj_Ncf0x-T7eflg9WYJnblxmqrVUx_AeP2Rwco7pZc/s1600/7.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFi77c0XKXK2IsbR2WDlQtOH16h2ws1-tzPz4R_ZII2PBzrN0l3jM-zbXIiN6e6OS8bfOS1dEpfBdZ2eoQRpKZMig7pXRCnNMRnCnfEMNgWa2lli7xO956mY0NNEnhCnZosB1kstnoLKw/s1600/16.jpg"/>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9O39ukMD0G6u109cdYjgrAQM0sfJp5OTz8ba8Wu9gY3ravwpfyOs5IAmEp9w7AdP5La-hqd0CBJVTdjhhFMDTcvsAi78d-StnRBD-E_X-0Lh9WLUDaqdFFbWwNjq5VuTo7j63F0i9qdg/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

Nếu bạn cảm thấy hay hãy ấn theo dõi này :)
Đánh Giá Bài Viết Đễ Ad Cải Thiện Nội Dung Chất Lượng Bài Viết
Facebook Google twitter
Từ khóa: Code, Slider, đẹp, cho, web, -, blog, thời, trang, Code Slider đẹp cho web - blog thời trang edit
Cùng Chuyên Mục
Bài Viết Mới

Tin Tức Online
Xem Thêm Tất Cả »
Bài Viết Ngẫu Nhiên
  • Tải hình ảnh Zed LOL làm ảnh nền ảnh bìa full HD
    03.03.2015 - 0 Comments
    Tải hình ảnh Zed LOL làm ảnh nền ảnh bìa full HD. Hình ảnh Zed đẹp Full HD. Tải hình nền Zed LOL. Tải Hình…
  • Tuyển nhân viên kinh doanh mỹ phẩm
    10.06.2013 - 0 Comments
    Tuyển nhân viên kinh doanh mỹ phẩm.Cần tuyển nhân viên kinh doanh mỹ phẩm tại Hà Nội. Bạn cần tìm viêc làm về…
  • Những cửa hàng tân trang độ xe máy uy tín tại Hà Nội
    22.12.2014 - 0 Comments
    Những cửa hàng tân trang độ xe máy uy tín tại Hà Nội.Danh sách các cửa hàng tân trang độ xe máy uy tín tại Hà…
  • Tổng hợp những bài Vè Chúc Tết hay 2014
    26.01.2014 - 0 Comments
    Tổng hợp những bài Vè Chúc Tết hay 2014. Năm mới đã đến Bít Tuốt chúc mọi người một năm mới An Khang - Thình…
  • Mức phạt cho xe máy khi lái xe uống rượu bia - sử dụng chất kích thích
    20.03.2013 - 0 Comments
    Mức phạt cho xe máy khi lái xe uống rượu bia - sử dụng chất kích thích . Mức phạt cho xe máy khi lái xe…
Copyright © 2016 - All Rights Reserved
Template by Lê Hiển - Powered by Blogger Liên kết: Kênh Tải Miễn Phí