Cara Membuat Recent Post Slider Rotator

By HP Yitno

Recent Post yang bisa berganti secara otomatis saat ini lebih sering digunakan daripada yang model biasa-biasa saja. Hal ini karena template yang beredar untuk saat ini di dominasi oleh template responsive yang mampu menyesuaikan ukuran sesuai perangkat yang digunakan. Agar lebih terlihat profesional dan responsive, maka pada bagian widget artikel terakhir dibikin slide.

Untuk bisa membuat artikel terakhir model slide atau sliding seperti itu, kita membutuhkan sebuah  javascript khusus yang bisa bekerja pada semua browser. Kabar baiknya semua browser dan gadget yang ada saat ini sudah mendukung pemrograman berbasis javascript. Jadi kita nggak perlu khawatir lagi apakah website yang kita kelola bisa dibuka atau tidak.

Meskipun terlihat profesional dan berkelas, penggunaan javascript yang berlebihan akan mempengaruhi kinerja atau loading blog. Untuk menyiasati hal ini saya biasanya memanfaatkan Tag Conditional Blogspot untuk mengontrol perilaku widget. Jadi widget yang ada hanya muncul dalam kondisi tertentu saja.

Berikut cara bikin artikel terakhir dengan thumbnail bergerak  sendiri:
1. Login ke www.blogger.com
2. Klik tata letak atau layout
3. Pilih HTML/JAVASCRIPT
4. Masukkan kode dibawah ini ke dalam kolom javascript tersebut

<link rel="stylesheet" type="text/css" href="http://coker.wen.ru/files/slide.css"/>
<div id="slider-rotator" class="slider-rotator loading"></div>
<script type="text/javascript" src="http://coker.wen.ru/files/slide.js"></script>
<script type="text/javascript" src="http://coker.wen.ru/files/slide-2.js"></script>
<script type="text/javascript">
makeSlider({
url: "http://websitemini.blogspot.com" // Tambahkan alamat URL
});
</script>

5. Ganti tulisan berwarna biru dengan url milik anda
6. Klik save dan lihatlah hasilnya

Semoga artikel tentang cara membuat artikel terakhir model slide show ini bisa membantu anda dalam menciptakan design yang sempurna dari sebuah template.

SHARE :