book slider

<link href='https://www.templates-preview.com/opencart/300111896/catalog/view/theme/default/stylesheet/stylesheet.css' rel='stylesheet'/>

<script>
//<![CDATA[
var widgetTitle = "", // Tentukan judul widget
    numPosts = 10, // Tentukan jumlah thumbnail/posting
    numChars = 0, // Tentukan jumlah karakter pada deskripsi tooltip
    tooltipFadeSpeed = 100, // Tentukan kecepatan efek .fadeIn() saat tooltip tampil
    pictureBlank = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC", // Thumbnail cadangan jika posting yang tampil tidak memiliki gambar
    blogUrl = "https://newtvbd.blogspot.com"; // Alamat blogmu

//]]>
</script>

<div id='content'>
  <div class='container'>
<div class='row'> <div class='col-sm-12'><h1 class='box-heading'>Specials</h1>
</div>

<script>
//<![CDATA[
function showrecentposts_thumb(json) {
 var entry = json.feed.entry, posturl, posttitle, postcontent, postimg;
 for (var i = 0; i < numPosts; i++) {
  for (var j=0; j < entry[i].link.length; j++) {
   if (entry[i].link[j].rel == 'alternate') {
    posturl = entry[i].link[j].href;
    break;
   }
  }
  postcontent = ("content" in entry[i]) ? entry[i].content.$t : ("summary" in entry[i]) ? entry[i].summary.$t : "";
  postcontent = postcontent.replace(/<.*?>/g, "").replace(/[<>]/g, "");
  if (postcontent.length > numChars) postcontent = postcontent.substring(0, numChars) + '...';
  posttitle = entry[i].title.$t;
  postimg = ("media$thumbnail" in entry[i]) ? entry[i].media$thumbnail.url : pictureBlank;
  document.write('<div class="item"><div class="image"><img class="img-responsive" src="' + postimg + '" alt="thumb"></a><a href="' + posturl + '">' + posttitle + '' + postcontent + ' </div></div>');
 }
 setrecentposts_animation();
}

document.write('<div class="box-content"><div class="box-product carousel-on-home"><div class="owl-carousel" id="carousel"><sc' + 'ript src="' + blogUrl + '/feeds/posts/default/-/Sports?max-results=' + numPosts + '&orderby=published&alt=json-in-script&callback=showrecentposts_thumb"></sc' + 'ript></div></div></div><div style="clear:both;">');

//]]>
</script>

</div></div>