Cara Mudah Membuat Scroll Bar di Artikel / Postingan Blogger

Untuk Menghemat Ruang postingan, sekarang kita menggunakan Scroll Bar didalam postingan. sebelumnya kita sudah membahas cara menghemat ruang postingan dengan menggunakan spoiler. Jika belum tau cara membuatnya Klik Disini.

"Apa Perbedaan Spoiler dengan Scroll?"

SPOILER

Spoiler adalah kotak kecil yang berfungsi untuk menyimpan seperti text, video, photo, script dll. Selain fungsinya untuk menghemat ruangan pada postingan, spoiler juga sangat berpengaruh terhadap loading postingan itu sendiri.

Judul Spoiler:

SCROLL

ScrollBar adalah sebuah kontrol penggulung yang terdapat di sisi suatu jendela. Macam dari ScrollBar sendiri ada 2, horizontal scrollbar dan vertical scrollbar. Fungsinya  untuk menggulung teks pada layar atau mengubah nilai sebuah kontrol.

Seperti ini 
 

TEXT 1
TEXT 2
TEXT 3
TEXT 4
TEXT 5
TEXT 6
TEXT 7
TEXT 8
TEXT 9
TEXT 10

Sesuai pembahasan, kali saya akan membuat sebuah tutorial cara membuat Scroll Bar di Artikel / Postingan.
Caranya Sangat gampang. yang harus kamu lakukan adalah

1  Masuk ke dashboard Blog
2. Buat Artikel
3. Salin kode dibawah ini.

<div style="border: 1px solid #eee; height: 250px; overflow: auto; padding: 10px; width: 550px;">
<br /></div>

4. Masukkan kode tadi ke "HTML" bukan "Compose.

Contoh Gambar

Nah, Jika sudah seperti Gambar No.2, langkah selanjutnya adalah mengisi kotak yang sudah tersedia. Bebas mau isi apa saja.

Notice : 
height: 250px; = Tinggi dari kotak ( Atur sesuai kebutuhan )
width: 550px; = Lebar dari Kotak ( Atur sesuai kebutuhan )
border: 1px  = Tebal Garis Pinggir Kotak ( Atur sesuai kebutuhan )

Baca : Membuat label postingan dan menampilkannya

Begitulah caranya teman teman. jika ada keraguan, silahkan bertanya dikolom komentar dibawah. dengan senang hati saya akan menjawabnya.

Terimakasih sudah berkunjung.

Tweet

Postingan terkait:

Ditulis Unknown — Monday, October 10, 2016 — 10 Comments — Tutorial Blog