Membuat Scroll Bar pada Postingan Blog

Fungsi dari scroll bar adalah untuk menghemat halaman website agar tidak memanjang, Dalam postingan blog anda, anda juga bisa memakai scroll bar. Contohnya seperti halaman postingan yang anda baca ini. Caranya adalah sebagai berikut:

Masuk ke ENTRI BARU.
Pindahkan posting anda ke EDIT HTML




Lalu paste kode berikut di bawah ini:



<div style="-moz-box-shadow: 0 0 4px #0000FF; background: #D4FFD4;-webkit-box-shadow:0 0 4px #202020; border: 8px solid #0000FF; height: 800px; overflow: auto; padding: 2px; width: 540px;">
MASUKKAN POSTINGAN ANDA
 </div>



Perhatikan kode berwarna BIRU. Itu adalah kode warna yang bisa anda ganti sesuai dengan minat anda. #0000FF adalah warna bayangan papan scroll bar anda. #D4FFD4 adalah kode warna pada background anda. Kode angka berwarna MERAH bisa anda ganti sesuai dengan minat anda. Yang berwarna KUNING adalah ukuran lebar (width) dan tinggi (height) dari scroll bar anda. Warna PUTIH adalah postingan anda. Dan yang berwarna HIJAU adalah ukuran tebal garis tepi.
Setelah itu coba pindahkan EDIT HTML kembali ke posisi COMPOSE.

Hasilnya adalah seperti scroll bar yang ada pada kode di atas.

Nah, setelah anda mengetahu caranya, langsung saja ke TKP dan cobalah sendiri, ok?

GOODLUCK

TERIMA KASIH SUDAH MEMBACA POSTING DI ATAS. JANGAN LUPA TINGGALIN JEJAK DI KOMENTAR YA? ^_^

Post a Comment

Mohon Untuk Tidak Mencantumkan Nama Anonim Anda. Terima Kasih.