Cara Membuat Otomatis Slider Recent Post Blogger - Tutorial Website, Wordpress & BloggerFerlyando Sandala : Tutorial Pemula Blogging
False

Pagination

HIDE

ARTIKEL TERBARU:

latest
Make Image responsive

Cara Membuat Otomatis Slider Recent Post Blogger

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

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.

1 comment

  1. Saya telah berpikir bahwa semua perusahaan pinjaman online curang sampai saya bertemu dengan perusahaan pinjaman Suzan yang meminjamkan uang tanpa membayar lebih dulu.

    Nama saya Amisha, saya ingin menggunakan media ini untuk memperingatkan orang-orang yang mencari pinjaman internet di Asia dan di seluruh dunia untuk berhati-hati, karena mereka menipu dan meminjamkan pinjaman palsu di internet.

    Saya ingin membagikan kesaksian saya tentang bagaimana seorang teman membawa saya ke pemberi pinjaman asli, setelah itu saya scammed oleh beberapa kreditor di internet. Saya hampir kehilangan harapan sampai saya bertemu kreditur terpercaya ini bernama perusahaan Suzan investment. Perusahaan suzan meminjamkan pinjaman tanpa jaminan sebesar 600 juta rupiah (Rp600.000.000) dalam waktu kurang dari 48 jam tanpa tekanan.

    Saya sangat terkejut dan senang menerima pinjaman saya. Saya berjanji bahwa saya akan berbagi kabar baik sehingga orang bisa mendapatkan pinjaman mudah tanpa stres. Jadi jika Anda memerlukan pinjaman, hubungi mereka melalui email: (Suzaninvestment@gmail.com) Anda tidak akan kecewa mendapatkan pinjaman jika memenuhi persyaratan.

    Anda juga bisa menghubungi saya: (Ammisha1213@gmail.com) jika Anda memerlukan bantuan atau informasi lebih lanjut

    ReplyDelete

Jangan melakukan SPAM... Aturan tidak ada link dan bicara kotor dalam komentar Sobat.