Cara Membuat Widget Slider Otomatis Recent Post - Widget recent post berguna untuk menampilkan post artikel terbaru di blog, dengan widget ini pengunjung akan lebih mudah mencari artikel terbaru yangtelah publikasikan. Cara membuat widget slider recent post ini juga sangat mudah, Caranya adalah sebagai berikut :
_Masuk akun Blogger
_Klik Tata Letak lalu Tambahkan Widget pilih HTML/ Javascript
_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://donimulyadi.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://donimulyadi.blogspot.com" // Add your blog URL
});
</script>
Note: Ganti kode berwarna merah dengan alamat url Blog sobat. Jika sobat melakukan dengan benar maka tampilan widget tersebut akan terlihat seperti pada blog ini.
_Mudah bukan cara buatnya, Good Luck,
hadir sob
ReplyDelete