HOMECara Membuat Widget Slider Otomatis Recent Post
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:
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:
Jika Anda menyukai Artikel di blog ini, Silahkan
klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Tips & Cara
 |
Artikel Terkait Dengan "Cara Membuat Widget Slider Otomatis Recent Post "
2 comments:
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
Kenapa gak muncul ya mas, tadi barusan coba tapi gak muncul slider otomatis untuk recent postnya? apa belum update saya script kodenya.
ReplyDeleteTerimakasih untuk tutorialnya, sangat bermanfaat
ReplyDelete