Kode Slider Slideshow Bootstrap

Share:

Facebook WhatsApp Twitter

<div class='carousel slide' data-interval='3000' data-ride='carousel' id='myCarousel'>
<!-- Carousel indicators -->
<ol class='carousel-indicators' style='display:none'>
<li class='active' data-slide-to='0' data-target='#myCarousel'/>
<li data-slide-to='1' data-target='#myCarousel'/>
<li data-slide-to='2' data-target='#myCarousel'/>
</ol>  
<!-- Carousel items -->
<div class='carousel-inner'>

<div class='item active'>
<a href='http://maduweb.blogspot.co.id/search/label/Toko%20Online'>
<img alt='Jasa Buat Web Murah' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgiqRhRya0nxp0vvDWqAvc5bBYtU3PEuLP6Jx3Ye7IGrpKB6NV3-AVRt7gQV5z0h_1M81mjCe6WvFnG9G6DDDJMcHyuGvR9-l-TGM-OsadO68f46ELle0qFGRmMNseLGwYUgw8WpSOwXk/s1600/bannermd1.jpg' width='100%'/>
</a>
<div class='carousel-caption' style='display:none'>
<h3/>
<p/>
</div>
</div>

<div class='item'>
<a href='http://maduweb.blogspot.co.id/search/label/Website%20Properti'>
<img alt='Jasa Buat Web Murah' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJTYihMQq-8lRiHz2F1x45TvbiwVZtGIqmzsCIRzyxCWPd17xVwxKs81Rw4smCXC3VJPk8DvqgxBO70FmUvKa7DZndcxbMKI7-RVkJ_ylRpeREdoLisZgAK9EcdTAumGkICJL2KgA3Xw8/s1600/bannermd2.jpg' width='100%'/>
</a>
<div class='carousel-caption' style='display:none'>
<h3/>
<p/>
</div>
</div>

<div class='item'>
<a href='http://maduweb.blogspot.co.id/search/label/Website%20Mobil'>
<img alt='Jasa Buat Web Murah' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqzI2HFM3Uu1qWhldV6Q1VEecDJ6KmuGjvzouCkZjoUyC9_fahQ8cJ-vu8hrezttTZ5W5e6L9ucT7Y5M42XL8bWnMg7BMxQOL7S6Q5nSwV1GEzRCBdshjGVRINSNqTs2ZOCgka60J6LUA/s1600/bannermd3.jpg' width='100%'/>
</a>
<div class='carousel-caption' style='display:none'>
<h3/>
<p/>
</div>
</div>

<!-- Left and right controls -->
  <a class='left carousel-control' data-slide='prev' href='#myCarousel' role='button'>
    <span aria-hidden='true' class='glyphicon glyphicon-chevron-left'/>
    <span class='sr-only'>Previous</span>
  </a>
  <a class='right carousel-control' data-slide='next' href='#myCarousel' role='button'>
    <span aria-hidden='true' class='glyphicon glyphicon-chevron-right'/>
    <span class='sr-only'>Next</span>
  </a>

</div>
</div>

Cek penak nek butuh sewaktu-waktu tinggal copas ae.