Scrollbar box untuk blogger

Scrollbar adalah teknik interaksi tindakan - touchpad / trackpad iaitu di mana teks berterusan , gambar , atau sebarang kandungan lain boleh dilihat mengikut arah yang ditentukan seperti dari atas ke bawah , kiri ke kanan pada paparan komputer , tetingkap , atau viewport supaya semua kandungan boleh dilihat dengan jelas atau terhad , walaupun hanya sebahagian kecil daripada kandungan yang dapat dilihat pada skrin peranti pada satu masa .

Pengguna berinteraksi dengan unsur - unsur scrollbar menggunakan beberapa kaedah tindakan langsung , scrollbar menterjemahkan tindakan ke dalam perintah perbuatan , dan pengguna menerima maklum balas melalui pengemaskinian visual kedua - dua elemen scrollbar dan kandungan .

Scrollbar tegak - Vertical untuk gerak / leretkan dari bawah ke atas dan atas ke bawah dan juga untuk melihat isi / kandungan yang ada di bawah atau kembali melihat isi / kandungan yang ada di atas di dalam pelbagai paparan software . Manakala Scrollbar mendatar - Horizontal untuk gerak / leretkan dari kanan ke kiri dan kiri ke kanan atau untuk melihat isi / kandungan yang ada dikanan dan kembali melihat isi / kandungan yang ada di kiri di dalam pelbagai paparan software .

Berikut sepertimana yang tertera di bawah beberapa contoh scrollbar box yang boleh diterap di dalam template blog .

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #fffff; border-radius: 10px; border: 2px dashed #ff4000; padding: 10px; t-align:center; height: 50px; overflow: auto; width: auto;">Sila Isi Dengan Ayat Sendiri</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #ffffff; border-left: 5px solid #000000; border-radius: 10px; padding: 10px; text-align:center; height: 50px; overflow: auto; width: auto;">Sila Isi Dengan Ayat Sendiri Di Sini</div>

<div style="background-color: #E0F8F7; border: 5px #ffffff double; padding: 10px; text-align:center; height: 50px; overflow: auto; width: auto;">Sila Isi Dengan Ayat Sendiri Di Sini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #F6CECE ; border-radius: 10px; border: 4px outset #fff; padding: 10px; t-align:center; height: 50px; overflow: auto; width: auto;">Sila Isi Dengan Ayat Sendiri Di Sini</div>

Cara - cara tampilan scrollbar box sepertimana yang tertera di bawah :

1 - Login Dashboard Blogger .
2 - Click New Post / Catatan Baru .
3 - Kemudian Click HTML bukan Compose .
4 - Copy/paste scripts code scrollbar box style di atas ke dalam ruangan / kotak HTML tadi .
5 - Click save HTML dan kembali ke mode Compose / Karang dan selesai .

Tetapan Scrollbar Box seperti yang tertera di bawah :

SILA ISI DENGAN AYAT SENDIRI
Tukar / Ganti dengan ayat anda

Background color :
Background color scrollbar box

Text - Align : Center
Posisi ayat dalam scrollbar box - right / left / center

Height : 50 px .
Ukuran tinggi rendah scrollbar box

Scrollbar Box sangat berguna kepada blogger yang ingin menampilkan script atau code yang panjang ,tanpa scrollbar box loading blog juga boleh menjadi lambat .Umumnya scrollbar box digunakan menerapkan tampilan di dalam post blog , list blog ,sidebar blog ,archive blog ,sidebar footer atau mengikut tampilan template blog masing - masing .

Share this post

Artikel terkini terus ke inbox email anda :

PENAFIAN ( DISCLAIMER ) : Pelbagai bentuk imej, gambar, artikel, video dan pautan yang terkandung dalam blog ini diambil dari sumber - sumber lain .Oleh yang demikian dengan itu HAK CIPTA / COPYRIGHT dimiliki sepenuhnya oleh pemilik sumber tersebut .