Cara Membuat Recent Post Slider Rotator - HP Yitno Cara Membuat Recent Post Slider Rotator - HP Yitno

Bisnis Online I Affiliasi I Tutorial Blog I Tips & Trick I Motivation I SEO

Cara Membuat Recent Post Slider Rotator

Cara Bikin Artikel Terakhir slide dan sliding
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 :

Iklan Lucu & Super Kreatif Di Dunia

Amazing..!!! - Kata itulah yang mungkin akan anda katakan tatkala melihat iklan paling kreatif & termahal di dunia berikut https://youtu.be/jYsx0nlGtJ4.
4 Komentar untuk "Cara Membuat Recent Post Slider Rotator"

Dengan menggunakan model slideshow, website kita akan terlihat lebih profesional.

Gila keren abis, langsung berhasil mas, makasih bangetz ya ilmunya makyos!

www.saputramz.com

pagi mas yitno......

bagaimana cara mendownload software camtasia studio 6

Sahabat bisa meluncur ke artikelku yang berjudul camtasia studio 6

1. Silakan buka Daftar Isi untuk melihat artikel menarik lainnya
2. Komentar sobat adalah investasi besar untuk meningkatkan jumlah pengunjung ke Blog Sobat

Back To Top