Cara Membuat Widget 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://bisnisbanking.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://bisnisbanking.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:
No comments:
Post a Comment