Belajar Blog, Lifestyle, Dan Hal Yang Bermanfaat Lainnya

June 7, 2019

Cara Membuat Artikel Scroll Box Untuk Kode Pada Blog

| June 7, 2019
Membuat Scroll Box berfungsi untuk menghemat halaman, agar artikel blog tidak terlalu panjang alias menghemat halaman artikel. Menggunakan scroll box hal yang paling penting digunakan untuk memberi sebuah referensi, kalau di blogger yaitu memberi sebuah kode html yang panjang. Makanya kebanyakan blogger memiliki konten kode html harus menggunakan scroll box supaya terlihat rapi dan hemat halaman.
Ini adalah contoh dari scroll box yang kami gunakan saat ini. Terlihat rapih dan elegan.
TEST 1
TEST 2
TEST 3
TEST 4
TEST 5

Anda cukup melakukan copy-paste kode html pada artikelnya nanti akan terlihat muncul scroll box yang muncul. 


Cara Membuat Scroll Box Di Artikel Blog

1. Buat artikel baru dengan cara klik Entri baru

2. Buat kata-kata yang biasa kalian tulis, setelah itu klik HTML (sampingnya Compose)

3.Copy kode dibawah ini, simpan di notepad agar tidak terlalu ribet.
<div style="background-color: #c2c2c2; border: 2px #6E2222 ridge; padding: 10px; text-align: left; height: 30px; overflow: auto; width: auto;">Silahkan simpan tulisan kalian yang akan menggunakan scroll box disini</div>
4. Paste kode diatas setelah kode <br /> (tekan Enter setelah kode <br /> agar dibawahnya)

5. Setelah itu klik Compose agar mereview kotak scroll nya.
Keterangan kode:Warna merah: Tingginya ukuran kotaknya (jika isi scrollnya panjang)Warna hijau: Isi dari kotak scroll nya (isi di Compose saja biar mudah, jangan di HTML)
Untuk mengatur tingginya kotak scroll harus di HTML karena di Compose pastinya tidak ada pengaturan tinggi kotaknya.
Bagaimana? jika tutorial ini berhasil jangan lupa tinggalkan komentar, dan share ke teman-teman kalian yang kurang update.

Related Posts