Notification

×
Copyright © Ferlyando Sandala - Jasa Pembuat Website

Iklan

Music

Cara Membuat Otomatis Slider Recent Post Blogger

Redaksi News
May 24, 2016, 22:22 WIB Last Updated 2019-11-10T17:33:06Z

Automatic Featured Content Slider: Recent Posts with Image. Featured Content Slider Widget for Blogger Blog.

CARA Membuat Slider Otomatis Slider Recent Post Blogger Posting Terbaru plus gambar di halaman depan (homepage) untuk Blogger. Demonya seperti gambar berikut ini:


Cara Memasangnya seperti dibawa ini:

1. Buka www.blogger.com
2. Layout → Add Widget → HTML/JavaScript
3. Copy & Paste Kode berikut ini:

<link rel="stylesheet" type="text/css" href="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/default-style.min.css"/>
<style type="text/css">
.slider-rotator {
  width:430px;
  height:240px;
  padding:0 0;
  background-color:white;
  font:italic normal 13px/1.4 Arial,Sans-serif;
  color:white;
  border:1px solid black;
}
.slider-rotator .slider-item {
  background-color:white;
  height:240px; /* Same with `.slider-rotator` height */
  padding:0 0;
}
.slider-rotator h4 {margin-top:0;color:#ff6}
.slider-rotator p {margin:2px 0 0}

/* Slider details as caption */
.slider-rotator .detail-wrapper {
  position:absolute;
  top:auto;
  right:0;
  bottom:0;
  left:0;
  background-color:black;
  background-color:rgba(0,0,0,.9);
  padding:.5em 1em;
  z-index:4;
}
.slider-rotator-nav {
  text-align: center;
  background: #777;
}
</style>
<div id="slider-rotator" class="slider-rotator loading"></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/blogger-feed-rotator.min.js"></script>
<script type="text/javascript">
makeSlider({
    url: "https://blogsmanado.blogspot.com", // Your blog URL
    thumbWidth: 430 // Thumbnail width in pixels (same with
slideshow width)
});
</script></div>

4. Ganti URL https://blogsmanado.blogspot.com dengan URL blog anda
5. Simpan.

Demikian Tutorial Cara Membuat Otomatis Slider Recent Post Blogger, semoga bermanfaat untuk anda.
Komentar

Tampilkan

  • Cara Membuat Otomatis Slider Recent Post Blogger
  • 0

Terkini

Topik Populer