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:
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:
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>
<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:
Tidak ada komentar:
Posting Komentar