Scrollbar Box untuk Blogger

Scrollbar adalah teknik interaksi tindakan - touchpad / trackpad  iaitu di mana teks berterusan , gambar , atau sebarang kandungan lain bol...

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 .

COMMENTS

BLOGGER

$hide=home

Nama

Bicara Islam,43,Doa Harian,8,Info Semasa,8,Lirik Lagu Pilihan,70,Madah Puisi,23,Pengetahuan Am,42,Petua dan Tips,22,Resepi Pilihan,60,Tutorial Blogger,4,
ltr
item
mdruzaidaud: Scrollbar Box untuk Blogger
Scrollbar Box untuk Blogger
https://4.bp.blogspot.com/-axBCYI7h7W4/WvBGvlulm_I/AAAAAAAAHWs/woR6VIFJhuUISNiBnnzXOIY2jM-q_rh9gCLcBGAs/s320/scrollbar%2Bbox.png
https://4.bp.blogspot.com/-axBCYI7h7W4/WvBGvlulm_I/AAAAAAAAHWs/woR6VIFJhuUISNiBnnzXOIY2jM-q_rh9gCLcBGAs/s72-c/scrollbar%2Bbox.png
mdruzaidaud
https://mdruzaidaud.blogspot.com/2018/05/scrollbar-box-untuk-blogger.html
https://mdruzaidaud.blogspot.com/
https://mdruzaidaud.blogspot.com/
https://mdruzaidaud.blogspot.com/2018/05/scrollbar-box-untuk-blogger.html
true
8043571688434587218
UTF-8
Loaded All Posts Not found any posts VIEW ALL SETERUSNYA Reply Cancel reply Delete Penulis Utama PAGES ALL POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy