Scrollbar Box untuk Blogger

Header Ads

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 .

Secara 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 , berikut seperti mana yang tertera di bawah beberapa contoh scrollbar box .

Contoh - Contoh Scrollbar Box Seperti Yang Tertera Di Bawah :


<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 seperti 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 .

Info Tetapan Scrollbar Box :
SILA ISI DENGAN AYAT SENDIRI
Tukar / Ganti dengan ayat anda
CODE COLOR / WARNA BIRU
Background color scrollbar box
TEXT - ALIGN : CENTER
Posisi ayat dalam scrollbar box - right / left / center
50 px
Ukuran tinggi rendah scrollbar box


Untuk pengetahuan semua Scrollbar Box sangat berguna ketika kepada para blogger yang ingin menampilkan script atau code yang panjang dan ianya juga salah satu faktor penyebad loading weblog lambat atau perlahan  dalam sebuah blog atau website tanpa penggunaan scrollbar box .Sekian dulu tutorial ringkas untuk blogger dalam tampilan Scrollbar box untuk blog ,Selamat Mencuba .

Catat Ulasan

0 Ulasan