<!--BEGIN CODE CSS -->
#SlideItMoo_outer {overflow: hidden;width:940px; height: 140px;margin: 0 auto; background: none; display:block; position:relative; padding: 15px 0 0 0;}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back{ display:block; position:absolute; cursor:pointer; width: 25px; height: 140px; bottom:0px; right: 0px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAXEMpOXE9GngAIpzSziKRQ6wjTByFxsBRQDCkGe9oUFcJ3w7bHuQCCar6IgxMYdp_rv0PyKdg8gq9UcuT7MdOFijfbir8ItAezoGAbgo6vDjzT44Ekh0NNjwaV-07NRnqzbbSKB26dkI/s1600/slideitmoo_forward.png) no-repeat center; }
#SlideItMoo_outer .SlideItMoo_back { left:0px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEBtdqXyNeT1uHN0BgvSPPo5nDCYpCTYNcexfgyoZNyX-qHb9JvX8a5OGEBS74Hc9g0RDrDAl6CVyuo_X3bXOIHOcxq15EspbrmR9CSdEsmwdMSipCUBovc_lPW7HyS3nNO9dQEDU0Vds/s1600/slideitmoo_back.png) no-repeat center; }
/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner{ position:relative ; overflow:hidden ;
width: 850px ; /* set a display width to make the slider look good in case js is disabled */height: 140px;margin:0px auto 0px;padding:10px 0px 10px;}
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items { display:block; position:relative; }
/* single element design */
#SlideItMoo_items div.SlideItMoo_element { display:block; position:relative; float:left; margin:0px 15px 0px; font-size:11px; width:128px; text-align:center;
font-family: Verdana, Geneva , sans-serif;color:#000000;}
#SlideItMoo_items a { padding:0px; margin:3px 0px 3px; clear:both; display:block; background:none; padding:2px; }
#SlideItMoo_items a img{ border: 3px solid #e8e8e8; padding: 1px; background: #fff;}
<!--BEGIN CODE JAVA -->
<style type='text/css'>
#mygallery{overflow: hidden;}
</style>
<script language='javascript' src='http://www.templatemo.com/templates/templatemo_200_jean/script/mootools-1.2.1-core.js' type='text/javascript'/>
<script language='javascript' src='http://www.templatemo.com/templates/templatemo_200_jean/script/mootools-1.2-more.js' type='text/javascript'/>
<script language='javascript' src='http://www.templatemo.com/templates/templatemo_200_jean/script/slideitmoo-1.1.js' type='text/javascript'/>
<script language='javascript' type='text/javascript'>
window.addEvents({
'domready': function(){
/* thumbnails example , div containers */
new SlideItMoo({
overallContainer: 'SlideItMoo_outer',
elementScrolled: 'SlideItMoo_inner',
thumbsContainer: 'SlideItMoo_items',
itemsVisible: 5,
elemsSlide: 2,
duration: 150,
itemsSelector: '.SlideItMoo_element',
itemWidth: 158,
showControls:1});
},
});
</script>
<!--END CODE JAVA -->
BƯỚC 3 : CHÈN CODE CHÍNH VÀO NƠI BẠN MUỐN HIỂN THỊ :
<!--BEGIN CODE CHÍNH THỨC HIỂN THỊ -->
<div class='cleaner_h40'/>
<div class='section_w940'>
<h2>Best Theme Gallery</h2>
<div id='SlideItMoo_outer'>
<div id='SlideItMoo_inner'>
<div id='SlideItMoo_items'>
<div class='SlideItMoo_element'>
<a href='#'>
<img alt='css template' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgARtslUoBzx45grW0RVwE0279wKIzvfB8gjihWej8Wyum94pcP-wHUZh-NxX6mxlCrrHQ0CQ_-qOxrpkMaL8DH7mgbtOmu0WWG675NPXIt2iyWD8JdJmiFysuTu1xRvcLnEvXkhD8RySc/s1600/templatemo_image_03.jpg'/></a>
</div>
<div class='SlideItMoo_element'>
<a href='#'>
<img alt='free template' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo_2CnFQwQYdrl4NzMT4kpjRHgtUEaqRjPvC1B0VG22aZ7RDAi0KXpzuNa9orFYKBzkIL10-qxmqQPIzyRbzzIKE8jq4HP80VU3880O-SqHbzAkX0FS5nnji0WAWedUSCCsePCizTwJVU/s1600/templatemo_image_04.jpg'/></a>
</div>
<div class='SlideItMoo_element'>
<a href='#'>
<img alt='product 5' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC4o11F1cFM1WIzCLFPzedq-OMVDDQlt8dTuoy7W9PxbvdPEe_LHIg3e6peKUMqIe3BKGXyNPx6AqQUdeRi_rdRDEe1M0yz8Ok9v3ZfbT-7AVDY-69bXkdSyYlujA0ElFaLv4EPp2AW_Y/s1600/templatemo_image_05.jpg'/></a>
</div>
<div class='SlideItMoo_element'>
<a href='#'>
<img alt='product 6' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJk-8Cqlro8Zkw6xXFGui6tqM5Qb5BV1SfJRLFzb6GIDqnXGGC8z_4qsHti4tSEUIQMHFOcspFSyOiz0-q6yAbL3c-OFVuYAGa3kBiyuofoJ3LZupUYKRhPfBvkTejr8NFz9RbrkhsUdw/s1600/templatemo_image_06.jpg'/></a>
</div>
<div class='SlideItMoo_element'>
<a href='#'>
<img alt='product 7' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5Izf3gKjuDHu3tbgnUvFOfChJvFC4WWs5brcXikhkW5EumR6fLPnY5CoGAMah40WhdPAVnVXUd9oEvdDlo7kjATqlJwRttSwrO42zpssnXjAcfVf5T84c5-vYRz0JDIig2L-29IXkZMo/s1600/templatemo_image_07.jpg'/></a>
</div>
<div class='SlideItMoo_element'>
<a href='#'>
<img alt='product 8' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd197DR6FXc-c1YqYNtNDJQK4hB_n2IkN8bV0ZGKAl4epV8G03HU-zLHAgS5Shx4B5vGnnACon9TH9Uv3PfokrzzBQFrIMivyUMZvxHsIGeaobQ4jhP1EqaXZW3oRSkSSuAknT9_Z640U/s1600/templatemo_image_08.jpg'/></a>
</div>
<div class='SlideItMoo_element'>
<a href='#'>
<img alt='product 9' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid5NEsrSCFM1CFMSpYLflYF277wusCQN_Sqfe7AwAd8sPU4w8EvBa-t1BIBq43RSX34hQY3795M5BYyiTWxctWFl-yTCpwvTFpN0yvnV2FzUc3Bf8_-zZve0-k3OjavJBnQW9Rr9HBTmo/s1600/templatemo_image_09.jpg'/></a>
</div>
<div class='SlideItMoo_element'>
<a href='#'>
<img alt='product 10' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiWL0sSM_ru1EWeZtnHQdJ7iwruMoeZKBmIruYDYKK0MtdjYR2IEu8wXFHWryvWCeJZwF7Jx7nbg56ZkmoyxzSWl7uvOTMXsQ5973IoAfZgYr1nbrOHaEkVvsnqV4VJoNPM4ZuA5tgZuw/s1600/templatemo_image_10.jpg'/></a>
</div>
<div class='SlideItMoo_element'>
<a href='#'>
<img alt='product 11' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTAioDH3bQPlg0WBIKnsav5mgec5sAob55iXPYdPM-_5e32XYQJ2Eg2pLXbP614s7VBSw_wzAKkK45hSSIwL-aJy_HqReLAiOMYkE69pp0TETb2DXBBxesKh-GZG8EVaq1YNXReF2DVpE/s1600/templatemo_image_11.jpg'/></a>
</div>
<div class='SlideItMoo_element'>
<a href='#'>
<img alt='product 12' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4O06mHdBAsYihsxEJ3KHxc37388qOtkdMMgejUZlST68wHNIh_Ee-jFDWrXj9LPgSLCRPHjMYngk_mpY1GKlZjs23BL0GKaIw8czSEBLJHiJm0DGSeIZzEi6xjaodI__at6f88QvV69U/s1600/templatemo_image_12.jpg'/></a>
</div></div></div></div></div>
<!-- end of product gallery -->
<!--END CODE CHÍNH THỨC HIỂN THỊ -->
CHÚC CÁC BẠN THÀNH CÔNG
BẢN QUYỀN NSVINA.COM