Cara Membuat Slider di Blogger

CSS Anda

/* Slide Content */
.slide-wrapper
{
padding:0 auto;
margin:0 auto;
width:auto;
float: left;
word-wrap: break-word;
overflow: hidden
}
.slide
{
color: #666666;
line-height: 1.3em
}
.slide ul
{
list-style:none;
margin:0 0 0;
padding:0 0 0
}
.slide li
{
margin:0;
padding-top:0;
padding-right:0;
padding-bottom:.25em;
padding-left:0px;
text-indent:0px;
line-height:1.3em
}
.slide .widget
{
margin:0px 0px 6px 0px
}


Masukan ke widget anda

<style type="text/css">
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://responsiveslides.com/responsiveslides.min.js"></script>
<ul class="rslides">
  <li><img src="http://responsiveslides.com/1.jpg" alt="" /></li>
  <li><img src="http://responsiveslides.com/2.jpg" alt="" /></li>
  <li><img src="http://responsiveslides.com/3.jpg" alt="" /></li>
</ul>
<script>
  $(function() {
    $(".rslides").responsiveSlides();
  });
</script>