Membuat Ricent Post Slider Rotator Di Blogger

Membuat Ricent Post Slider Sidebar Di Blogger- Pastinya sobat sudah tau, apa itu Ricent Post ? Ricent Post adalah Postingan Terbaru, Secara Default biasanya ricent post itu adanya di bagian homepage blog, ketika sobat selesai membuat artikel, maka artikel baru tersebut akan muncul di bagian homepage.

Nahhh bagi sobat yang ingin menampilkan artikel terbaru, di bagian manapun, baik itu sidebar ataupun footer, tetapi menurut saya tepat yang lebih pas itu diletakan pada bagian sidebar blog. Widget Ricent Post ini sudah di ditambahkan fitur slider, jadi ricent post ini nantinya akan berbentuk slider. Bagaimana cara menambahkan widget ricent post slider di blog ? Untuk menambahkan widget ini sobat hanya perlu mengikuti tutorial dibawah ini. Jika ingin melihat tampilan demonya silahkan tekan tombol dibawah ini.

Demo

Cara Menambahakan Ricent Post Slider Rotator Di Blogger

1. Tambahkan Plugin Jquery di blog, dengan caraMasuk menu Templates > Edit HTML
2. Letakan kode berikut ini tepat di atas tag </head>, jika pada template blog sobat sudah terpasang makan lewati saja cara ini.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

3. Save Templates, lalu masuk ke menu Layout (Tata Letak)
4. Klik Add widget, lalu pilih, HTML/Javascript
5. Sekarang letakan kode berikut ini.

<link rel="stylesheet" type="text/css" href="https://googledrive.com/host/0Bwx-LVTRaDmadG5uV3FfbWhLNWc"/>
<div id="slider-rotator" class="slider-rotator loading"></div>
<script type="text/javascript" src="https://googledrive.com/host/0Bwx-LVTRaDmaRU9sTThmdENITms"></script>
<script type="text/javascript">
makeSlider({
    url: "http://pintasku.blogspot.com" // ganti alamat URL
});
</script> 

Ganti tulisan yang berwarna merah dengan URL blog sobat.

6. Save, dan lihat hasilnya.

Sekian Tutorial Cara Pasang Widget Ricent Post Slider Rotator Di Blogger, semoga tutorial ini bisa membantu dan bermanfaat untuk semuanya. Terimakasih