Bangiz - 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 Bangiz 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
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.

Silahkan baca juga:

Loading...

Post a Comment Blogger

  1. Terima kasih Gan postingan bermanfaat, ana dipraktekan di blog http://sdntalagasari4.blogspot.com

    ReplyDelete
  2. makasih mas jangan lupa mampir blog ane

    www.kingsnews.net

    ReplyDelete
  3. keren mas, hasilnya bisa dilihat di blog saya :D
    OGITU.WEB.ID

    ReplyDelete
  4. Makasih gan untuk informasi tutornya :)
    http://goo.gl/yeUiCg

    ReplyDelete
  5. Terimakasih Bang...langsung di pasang.

    ReplyDelete
  6. terima kasih gan, berfungsi di blog saya. udah coba cari-cari ditempat lain malah ga berfungsi. untung ada artikel ini, bermanfaat.. :))

    ReplyDelete

 
Top