Kalau yang lalu saya membahas cara membuat slideshow, tutorial blog kali ini saya akan coba share mengenai slider. Perbedaan slideshow dengan Slider yaitu Kalau slideshow bekerja secara otomatis, sedang slider yang akan saya bahas yaitu slider bergerak kesamping kanan atau kiri apa bila kita mengklik tombol yang ada di sisi kanan dan kiri slider tersebut. Contoh 1 Gambar slider seperti ini :
LIHAT DEMo CONTOH 2 Bila anda berminat, silahkan anda ikuti langkah-langkah berikut ini : 1. Login ke blogger 2. Klik Rancangan dan pilih edit html 3. Sebagai pengaman silahkan download dulu template dan simpan dikomputer anda. 4. Silahkan anda cari kode </head> 5. Copy kode dibawah ini, dan paste diatas kode </head>
Untuk slider contoh 1 : Untuk slider contoh 2 :
Catatan : Untuk membuat satu slider, anda tinggal pilih salah satu kode diatas. Langkah selanjutnya : 4. Simpan template. 5. Lankah selanjutnya kembali ke Rancangan dan pilih Elemen Halaman. 6. Silahkan tambah Gadget'. 7. Pilih 'HTML / Javascript' dan masukkan kode dibawah ini :
Kalau sudah diisi ulr nya, bentuknya seperti dibawah ini :
8. Simpan.
Selamat mencoba dan Semoga bermanfaat.... Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih. Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda gunakan tombol berlangganan artikel yang ada disebelah kanan halaman ini, atau melalui tombol dibawah ini.
Judul: Cara membuat Slider; Ditulis oleh Unknown; Rating Blog: 5 dari 5
Related Posts
Cara Membuat Navigasi HalamanCara lain untuk memudahkan pengunjung mencari artikel yang ada pada blog kita adalah memberi tombol navigasi halaman yang berada dibawah artikel. Selain memberikan ... readmore
Cara membuat textarea dengan tombol "select all"Belajar kali ini adalah bagaimana kita menggunakan Javascript dan Css untuk menambahkan tombol "select all" pada textarea. Sehingga pengunjung lebih mudah untuk men ... readmore
Css untuk menampilkan judul blog di hompage blogTtutorial-Onlineku..Fungsi dari pada code Css di bawahini adalah untuk menampilkan "judul postiangan/entry saja"pada homepage blog atau halaman utama,jadi jika blog ... readmore
Cara membuat TooltipTooltip adalah sebuah tool yang melekat pada sebuah link dan berfungsi memberikan keterangan atau petunjuk kepada pengunjung mengenai isi suatu dokumen atau sebuah ... readmore
0
comments:
Post a Comment
Informasi Pilihan Identitas: Google/Blogger : Khusus yang punya Account Blogger. Lainnya : Jika tidak punya account blogger namun punya alamat Blog atau Website. Anonim : Jika tidak ingin mempublikasikan profile anda (tidak disarankan).
Author : Templatesmonster Doctype Used : Html5 and Css3 Styles : Business, Services, Airlines Layout : 2 Columns, Sidebar-Content Main Col...
Get New Info
Subscribe via RSS FeedIf you enjoyed this article just click here, or subscribe to receive more great content just like it.
Pasang Iklan Di Sini ?
Link Exchange
Bagi anda yang berminat tukar link, silahkan copy linknya lalu pasang di Blog anda. Dan bila sudah terpasang, jangan lupa beritahu saya, agar link anda segera saya pasang di Blog tercinta ini. Silahkan copy kode baner dibawah ini, dan taruh di web atau blog anda :
0 comments:
Post a Comment
Google/Blogger : Khusus yang punya Account Blogger.
Lainnya : Jika tidak punya account blogger namun punya alamat Blog atau Website.
Anonim : Jika tidak ingin mempublikasikan profile anda (tidak disarankan).