Cara Membuat Recent Post Slider Otomatis di Blog

Untuk Anda yang mengaku sebagai Blogger pastinya tahu bahwa recent post berarti postingan terbaru. Secara default recent post akan muncul pada bagian atas atau halaman paling awal ketika kita selesai mempublikasikan post tersebut. Namun, Anda juga bisa menambahkan widget khusus supaya recent post ini bisa muncul di sidebar, footer atau bagian lainnya di situs Anda.


Apabila Anda membutuhkan widget yang keren, berikut ini admin memiliki recent post slider otomatis. Otomatis disini berarti Anda tidak perlu menambahkan url gambar, url link, deskripsi. Jadi tinggal tambahkan saja kodenya maka otomatis akan memunculkan postingan-postingan terbaru Anda. Untuk contoh tampilannya lihat gambar berikut:

Recent Post Slider
Recent post slider
Adapun kelebihan widget ini adalah bisa menambahkan alamat url blog lain pada widget tersebut sehingga recent postnya muncul di blog Anda atau apabila memiliki lebih dari satu blog maka akan membantu untuk meningkatkan pageview.

Cara Menambahkan Widget

1. Masuk ke Dasbor Blogger
2. Pilih Tata Letak
3. Tambahkan Widget
4. Cari HTML/Javascript
5. Tambahkan judul lalu copy-paste kode berikut pada kolom konten:
<link rel="stylesheet" type="text/css" href="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/default-style.min.css"/>
<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: "http://BLOG ANDA.blogspot.com" // Tambahkan alamat URL
});
</script> 
6. Simpan dan lihat hasilnya.

Selesai tutorial blogging kali ini tentang cara membuat recent post slider otomatis di blog, apabila ada yang perlu ditanyakan silahkan tinggalkan komentar atau bagikan artikel ini melalui tombol sosial media di bawah.

0 Response to "Cara Membuat Recent Post Slider Otomatis di Blog"

Post a Comment