Cara Membuat Recent Post Slider Otomatis di Blog | Bangiz

Cara Membuat Recent Post Slider Otomatis di Blog

Bangiz - Untuk Anda yang mengaku sebagai Blogger pastinya tahu bahwa recent post berarti postingan terbaru. Secara default recent post akan muncul pada bagian atas atau halaman paling awal ketika kita selesai mempublikasikan post tersebut. Namun, Anda juga bisa menambahkan widget khusus supaya recent post ini bisa muncul di sidebar, footer atau bagian lainnya di situs Anda.

Apabila Anda membutuhkan widget yang keren, berikut ini Bangiz memiliki recent post slider otomatis. Otomatis disini berarti Anda tidak perlu menambahkan url gambar, url link, deskripsi. Jadi tinggal tambahkan saja kodenya maka otomatis akan memunculkan postingan-postingan terbaru Anda. Untuk contoh tampilannya lihat gambar berikut:
Recent Post Slider
Recent post slider
Adapun kelebihan widget ini adalah bisa menambahkan alamat url blog lain pada widget tersebut sehingga recent postnya muncul di blog Anda atau apabila memiliki lebih dari satu blog maka akan membantu untuk meningkatkan pageview.

Cara Menambahkan Widget

1. Masuk ke Dasbor Blogger.
2. Pilih Tata Letak.
3. Tambahkan Widget.
4. Cari HTML/Javascript.
5. Tambahkan judul lalu copy-paste kode berikut pada kolom konten:
<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://BLOG ANDA.blogspot.com" // Tambahkan alamat URL
});
</script> 
6. Simpan dan lihat hasilnya.

Selesai tutorial blogging kali ini tentang cara membuat recent post slider otomatis di blog, apabila ada yang perlu ditanyakan silahkan tinggalkan komentar atau bagikan artikel ini melalui tombol sosial media di bawah.

Silahkan baca juga:
Name

Blogging,108,CorelDRAW,14,Desain Grafis,25,Facebook,22,Foto Sampul,32,Gambar,53,Info,26,Instagram,2,Internet,28,Kata Mutiara,26,Kesehatan,31,Komputer,25,Microsoft Word,12,Office,12,PhotoScape,10,Resep,6,SEO,10,Sosial media,21,Tutorial,35,Twitter,2,Wallpaper,18,
ltr
item
Bangiz: Cara Membuat Recent Post Slider Otomatis di Blog
Cara Membuat Recent Post Slider Otomatis di Blog
Widget Recent Post keren untuk blog, Cara pasang Recent Post Slider otomatis di Blogger-Blogspot, Memasang Recent Post widget di sidebar dan footer, Recent Post dengan thumbnail..
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP_lEjybxsUZrHWFk7YH4VBuNErNRJxAW4DueTgBBmGXl-tnFqIqR2ZqKnK5qv_DoaIvIiPMu3wfDaiKt5qVKOK7VD58EOUdikayyQ685xy_HiQBfwXbCcXmYFV-fkas4brVjgUuDwxsXB/s1600/recent+post+slider.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP_lEjybxsUZrHWFk7YH4VBuNErNRJxAW4DueTgBBmGXl-tnFqIqR2ZqKnK5qv_DoaIvIiPMu3wfDaiKt5qVKOK7VD58EOUdikayyQ685xy_HiQBfwXbCcXmYFV-fkas4brVjgUuDwxsXB/s72-c/recent+post+slider.jpg
Bangiz
https://bangiz.blogspot.com/2014/09/recent-post-slider.html
https://bangiz.blogspot.com/
https://bangiz.blogspot.com/
https://bangiz.blogspot.com/2014/09/recent-post-slider.html
true
5131493432912556385
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RELATED POSTS LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy