sponsored ads

Cara Membuat Widget Slider Otomatis Recent Post

Posted By : Posted on - 7:39:00 PM with 2 comments

Cara Membuat Widget Slider Otomatis Recent Post - Widget recent post berguna untuk menampilkan post artikel terbaru di blog, dengan tambahan widget ini pengguna atau user akan mudah mencari post artikel terbaru yang anda publikasikan. Dengan begitu para user akan mudah mendapatkan berita update yang mereka cari. Setelah kemarin saya share tentang cara membuat bermacam-macam widget popular post menarik kali ini saya akan share tentang cara membuat widget recent post slider otomatis di blog. Dengan tambahan widget ini juga secara tidak langsung akan berpengaruh terhadap SEO blog yaitu akan mengurangi tingkat bounce rate blog selain juga mempercantik tampilan blog.

Cara Membuat Recent Post Slider Otomatis di Blog
Cara membuat widget slider recent post ini juga sangat mudah, anda tidak perlu mengubah struktur kode html template. Yang anda perlukan hanya menambahkan kode widget di blog, maka recent post tersebut akan muncul di blog anda.Caranya adalah sebagai berikut:

1. Masuk akun Blogger anda
2. Klik tata letak lalu tambahkan widget HTML/ Javascript
3. Tambahkan Kode di bawah ini di dalamnya:

<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://sharetipsdancara.blogspot.com" // Add your blog URL
});
</script>

Note: Ganti yang saya tandai dengan warna merah dengan alamat url Blog anda. Jika anda benar melakukannya maka tampilan widget tersebut akan terlihat seperti dibawah ini:


2 comments:

  1. Kenapa gak muncul ya mas, tadi barusan coba tapi gak muncul slider otomatis untuk recent postnya? apa belum update saya script kodenya.

    ReplyDelete
  2. Terimakasih untuk tutorialnya, sangat bermanfaat

    ReplyDelete

Ketentuan Berkomentar:

1. Menautkan link aktif (anchor text) pada komentar secara otomatis akan kami hapus
2. Gunakan fasilitas Name/URL untuk menempatkan link anda
3. Dilarang berkomentar diluar topik artikel (SARA, pornography, provokasi,promosi produk)
4. Dilarang komentar spam
5. Berkomentarlah dengan baik dan sopan
6. Komentar yang tidak sesuai dengan poin diatas tidak akan dipublikasikan


                                                                                  Admin Tips & Cara