Advertisement

Cara Membuat Scroll Naik Dan Turun

Cara Membuat Scroll Naik Dan Turun
Scroll atau tombol untuk menaikkan dan menurunkan penampakann sebuah objek bisa sobat buat dengan menyisipkan sebuah kode html kedalam objek ataupun kode script yang hendak sobat pasangi scroll turun naik ini. Adapun objek yang bisa sobat imbuhi dengan tombol naik turun ini bisa beraneka ragam penempatannya, semua tergantung pada kebutuhannya masing-masing, misal pada arsip blog, pada daftar isi dan lain sebagainya.

Apa sih gunanya? Jika di tanya kegunaannya menurut aku sendiri yakni untuk meringkas tampilan sebuah objek .




Dengan memberi sebuah tombol scroll pada objek atau gadget tertentu kita bisa meminimalis tampilan objek atau gadget dalam blog.



Adapun cara membuat  scroll turun dan naik itu sendiri caranya adalah sebagai berikut;


 sobat hanya cukup menyisipkan kode berikut ini kedalam objek yang ingin sobat tambahkan tombol scroll turun naik tersebut.

<div style="overflow:auto;width:320px;height:250px;padding:10px;border:1px solid #eee">Tulisan disini...</div>

Umpamanya saja, aku hendak memberi tombol scroll pada tulisan ini. Maka yang aku lakukan adalah hanya menambahkan /menyisipkan kode scroll tersebut tepat di atas atau sebelum isi tulisan ini, sebelumnya tentu saja dengan merubah mode penulisan menjadi mode html. Dan hasilnya akan seperti ini;



Scroll atau tombol untuk menaikkan dan menurunkan penampakann sebuah objek bisa sobat buat dengan menyisipkan sebuah kode html kedalam objek ataupun kode script yang hendak sobat pasangi scroll turun naik ini. Adapun objek yang bisa sobat imbuhi dengan tombol naik turun ini bisa beraneka ragam penempatannya, semua tergantung pada kebutuhannya masing-masing, misal pada arsip blog, pada daftar isi dan lain sebagainya.

Apa sih gunanya? Jika di tanya kegunaannya menurut aku sendiri yakni untuk meringkas tampilan sebuah objek .




Dengan memberi sebuah tombol scroll pada objek atau gadget tertentu kita bisa meminimalis tampilan objek atau gadget dalam blog.



Adapun cara memasang tombol scroll turun naik itu sendiri caranya adalah sebagai berikut;


 sobat hanya cukup menyisipkan kode berikut ini kedalam objek yang ingin sobat tambahkan tombol scroll turun naik tersebut.

<div style="overflow:auto;width:320px;height:250px;padding:10px;border:1px solid #eee">Tulisan disini...</div>

Umpamanya saja, aku hendak memberi tombol scroll pada tulisan ini. Maka yang aku lakukan adalah hanya menambahkan /menyisipkan kode scroll tersebut tepat di atas atau sebelum isi tulisan ini, sebelumnya tentu saja dengan merubah mode penulisan menjadi mode html. Dan hasilnya akan seperti ini;


Selesailah sudah pembuatan serta pemasangan Scroll turun naik pada blog, untuk itu aku akhiri sampai disini dulu tulisan tentang cara membuat scroll naik dan turun ini. Semoga bisa bermanfaat untuk sobat, mohon maaf jika ada salah-salah kata dalam penyampaiannya, selamat mencoba dan bye-bye…. 

Post a Comment

1 Comments

Silahkan meninggalkan komentarnya.!
*(Mohon untuk tidak mencantumkan link hidup)