Cara memasang Slider Otomatis artikel terbaru di Sidebar Blog

Haisob apa kabar? pada kesempatan ini saya akan berbagi cara membuat Slider Otomatis di samping artikel atau slider slideshow otomatis disamping postingan Blog/sidebar.

Apakah sobat tertarik untuk mempercantik tampilan blog? atau sobat ingin menarik perhatian pengunjung blog agar dapat melihat artikel terbaru sobat? maka salah satu cara adalah memasang slider otomatis di samping postingan blog. Tutorial berikut ini hampir sama dengan turorial sebelumnya mengenai cara memasang slider otomatis di blog, hanya saja letak dari slidernya berbeda.

Widget Slider Otomatis Artikel Terbaru


Widget Slider Otomatis Artikel Terbaru
Widget Slider Otomatis Artikel Terbaru



Cara Membuat dan Memasang Slider Otomatis di Sidebar Blogger


1. Di Blog kamu 😄
2. Pilih menu Tata Letak  ➜ Tambahkan Gadget.
3. Kemudian pilih widget HTML/JavaScript

Cara Memasang Slider Otomatis Artikel Terbaru Di Sidebar Blog
Tata Letak ➔ Tambah Gadget ➔ HTML / Javascript

4. Masukan kode dibawah ini
<link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/Brando07/haisob/newbe/slider-sidebar-haisob.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="https://cdn.rawgit.com/Brando07/haisob/newbe/sidebar-slide-haisob.js"></script>
<script type="text/javascript">
makeSlider({url: "http://www.haisob.com/"});
</script>
Kode jquery berwarna merah tidak usah dipasang jika ditemplate sobat sudah ada kode yang seperti itu atau jquery versi berpapun. Kode warna hijau ganti dengan alamat blog sobat.
5. Save.

Sekian tutorial cara memasang Slider Otomatis artikel terbaru di Sidebar Blog, semoga bermanfaat.