masih ingat Tentang membuat Tab View...?
nach, kali ini saya akan mencoba membuat Tab view dalam bentuk Slide atau bergerak.
langsung aja yach...
Cara membuatnya adalah sebagai berikut :
1. Login ke blogger dengan ID anda.
2. Klik Tata Letak.
3. Klik tab Edit HTML.
Copy kode di bawah ini, lalu paste persis di atas kode ]]></b:skin>
4. copy paste script berikut persis di atas kode </head><script src='http://myscriptforme.googlecode.com/files/slide1234.js' type='text/javascript'/>
5. Klik tombol SIMPAN TEMPLATE.
6. Klik tab Elemen Halaman.
7. Klik Tambah Gadget
8. Klik tombol plus (+) Untuk HTML/JavaScript.
9. Copy lalu paste kode berikut :
10. Klik tombol SIMPAN.
11. Selesai. Silahkan lihat hasilnya.
KETERANGAN:
Pada langkah pertama, ada deretan kode CSS, kode tersebut bisa anda kreasikan sendiri agar menghasilkan bentuk deretan tab yang cantik.
Perhatikan kode berikut :
Untuk mengatur tinggi dari widget tersebut, anda tinggal mengganti nilai height:350px; menjadi nilai yang lain. Misal : height:400px;
Perhatikan kode berikut :
Untuk mengatur lamanya waktu perpindahan dari satu tab ke tab yang lain, anda tinggal mengganti nilai 2000 menjadi nilai yang lain. Misal : 2100. Semakin besar nilainya maka semakin lama pindah.
Semoga bermanfaat ...
Source & Credit : Kang Rohman
Membuat Tab View Slide
Silahkan kirimkan Donasi anda seikhlasnya berupa uang/pulsa (Klik Gambar kado disamping ) untuk perkembangan blog ini dan Proses pembelajaran untuk sahabat.
Jika Anda ingin artikel Membuat Tab View Slide dikirim ke email anda, Silahkan masukan alamat email anda untuk berlangganan.
7 comments
kang untuk scripnya koq gak bisa di download gmana caranya?????
@ Arga : itu link nya sudah ga ada, pake punya saya aja, download file js nya simpan dihosting punya kamu, seperti di googlecode, jadi ga ilang
ya dimana kang link download jsx????
klo gtu link kx mana gan????
kang klo di bri html tuh gmana caranya????
Arga : U/ download file jsnya copy http://myscriptforme.googlecode.com/files/slide1234.js di address bar browser kamu. uNTUK lebih jelasnya baca disini http://www.z33s.co.cc/2010/08/upload-file-java-script-dan-css-di.html.
Maksudnya diberi HTML tu ya diberi beri kode HTML, mangnya kenap ga?
tambahin garis pembatas antar link gimana gan???